首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用小程序·云开发打造运动圈小程序丨实战

乒乓圈小程序 和朋友合伙写了一个小程序,写了一个以共享乒乓信息和交流的平台———乒乓圈。我们使用了微信的云开发来完成数据和后台的作用。免去了租赁服务器。...) 球馆 对话 留言信息 对象属性的类型选择 首先,小程序提供的数据库是基于mangoDB的面向对象数据库,区别于一般的关系数据库如:mysql等。...留言功能 留言功能,是这个小程序的主要功能之一,目的是为了向兴趣相同的乒乓爱好者有一个初始的交流平台。...但是这些问题应当在代码开发流程就应当做的,这是我了解的一个问题。 个人思考 程序的结构 程序的结构大致分为前端页面、后端服务器和数据库三个组成部分。...在小程序这种 MVVM 结构中前端占有了很重要的一部分。

1.8K60

预告|用云开发,快速做个小程序

小程序云开发实战直播课由腾讯小程序官方核心研发团队倾力打造,共分为三期,内容包括现场编程展示云函数、云调用、云存储、云开发数据库等小程序云开发中的常用能力,结合具体场景介绍 kbone 小程序多端框架等应用和实践经验内容...,并提供与研发工程师交流答疑等机会,共建小程序开发生态。...8月6日 晚上 20:00 重磅推出第一期直播课程《用云开发,快速做个小程序》,邀请到腾讯微信前端开发工程师 龙灏天 & 腾讯微信前端开发高级工程师 邓坤力 现场编程展示云函数、云调用、云存储、云开发数据库等小程序云开发中的常用能力...赶快扫码预约吧~ 课程主题: 用云开发,快速做个小程序 课程时间:8月6日(周四)20:00 课程讲师:腾讯微信前端开发工程师 龙灏天 & 腾讯微信前端开发高级工程师 邓坤力 海报8.6....jpg 腾讯云大学公众号.jpg 关注“腾讯云大学”公众号,回复【加群】进入交流群 腾讯云大学是腾讯云旗下面向云生态用户的一站式学习成长平台。

1.3K51
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    用小程序·云开发打造功能全面的博客小程序丨实战

    用小程序·云开发将博客小程序常用功能“一网打尽” 本文介绍mini博客小程序的详情页的功能按钮如何实现,具体包括评论、点赞、收藏和海报功能,这里记录下整个实现过程和实际编码中的一些坑。...海报功能 交代些背景 其实在最早之前的小程序中已经实现了一次,具体可以参考利用云开发优化博客小程序(三)——生成海报功能,主要还是使用原生的cavans进行组装,原本想代码copy过来改改就行了,但总觉得原来的代码写的不是特别好...小程序使用npm 在总结生成海报功能之前还是有必要记录下小程序npm的使用,避免一些不必要的坑。 考虑到小程序本身的大小限制,使用npm的方式是最佳的。...= imageUrl.replace('http://', 'https://') 最后就是文章的小程序码了,需要利用小程序的getUnlimited的api,具体可以参考官方文档,目前已经提供了云调用的方式...原本打算在文章同步的时候「adminService」直接生成对应文章的小程序码,代码写完后本地调试可以,但上传至云端后测试发现一直报错,逛了轮胎才知道原来不支持,同时触发器也不支持云调用,所以这个计划泡汤了

    1.2K101

    用云开发实现小程序订阅消息配置

    10月12日微信官方发布了小程序模板消息能力调整的通知 : https://developers.weixin.qq.com/community/develop/doc/00008a8a7d8310b6bf4975b635a401...开发准备 如果还没有开通订阅消息的要在小程序后台里开通订阅消息后添加需要的模板,添加完后的红框中的变量就是订阅消息接口要用到的data了 [format,png#pic_center] [format,...png#pic_center] 编写云函数 新建云函数,appid跟secret填你自己的即可, 由于订阅消息需要access_token,所以在使用订阅消息接口前要先获取access_token,这里我把他们都放在一个云函数里了...access_token的时候发现一个特别之处,在小程序里进行调用的时候,成功的话返回是下图这种格式的 [format,png#pic_center] 但是本地调试的时候返回又是这种格式的 [format...再来说这次调整,作为用户的我来说我觉得是很ok的,起码我可以选择不接收订阅消息,不像之前那样莫名其妙的就收到了一个订阅消息还不知道是哪个程序的,我是很反感这种的。

    1.3K52

    用云开发制作教务助手小程序丨实战

    ▌项目背景 本项目由一人承担从后端到前端的构思以及开发,下面我就讲讲从教务助手小程序的构思到开发实现(基于云开发)。...1、灵感来源 教务小程序的灵感来源:用完即走,查个成绩和课表,无需下载app或去翻看公众号内的历史内容。...幸好 **小程序·云开发** 的出现解决了我的需求,它的低入门门槛和免后端运维等优势让非科班出身的我也能快速动手开发一款应用类小程序。...2、构思 教务小程序需要核心就是: **成绩查询、课表查询、教务通知查询** ! 那么问题来了,学校教务处只有网页版,教务小程序数据从何而来呢?...[20191203153426214.png] ▌感悟 一个从小白到从后端到前端到UI全部自己写的入门者参赛的心路历程就这么多了,目前源码暂不开放,对本小程序有疑问与建议均可在留言,同时希望大家能够利用好小程序实现自己的想法和创意

    1.6K64

    实战丨用小程序·云开发构建高考分数线查询小程序

    在今年的高考落下帷幕之际,介绍一款基于云开发的高考录取分数线查询小程序,希望能为考生的志愿填报提供便利。...后台搭建 在拿到 30w 条数据后,我打算后台采用 Flask+PgSQL 的模式实现,甚至当时已经在某公司的云服务器部署好了,但就在小程序端在开发者工具联调通过之后,小程序上线遇到到一个大麻烦:因为小程序要求线上运行不能通过...云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,...也就是说,只要把数据导入小程序自带的后台,就能通过小程序平台的 API 访问到这些数据,以前了解过一些第三方云,没想到小程序已经集成了这些第三方云所具有的功能,这波要点个赞。...修改之后,在小程序后台通过导入该 json 文件,后台搭建就基本完成了。 小程序端编写 关于小程序端的编写,这里着重介绍页面编写方面的经验,即如何实现下图中的界面。

    91820

    小程序云开发

    对于我一个前端来说,腾讯的各种业务相对来说不是很熟悉,比如服务器,存储,数据库等,属于只听其名不认其人的阶段。但是云开发相对来说还是有点了解的。...在我的印象里,小程序开发有云开发已经很早之前的事,当时也有小小的尝试过,但是由于自己并不是有很大的需求,没有去开通消费,只是在它免费的时候试过。...我使用云开发的情况只针对于自己有想法的项目,独立去完成,公司项目没有涉及过,毕竟公司都是有专业后端的,还不至于需要我个小前端自给自足。...云开发最吸引我的就是无需搭建服务器,无需管理证书、签名、秘钥,直接调用微信 API ,还有文档型数据库,云端文件存储,这些已经覆盖了我的业务功能,特别好上手,省略了很多前后端之间的传统操作。...传统数据存储需要前后端进行API请求获取前段需要的数据,云数据直接省略了和后端的请求,直接操作数据库;传统的部署需要前后端基本同时发布,云开发只需要小程序单方面上传,后台操作自己是否想发布,为我这种看到数据库

    14410

    小程序-云点播

    之前在Web端用 h5connect.js 方式点播视频,现在需要移动到微信小程序中,求大佬解决帮助,急急急.... 谢谢啦!...QQ截图20200604182304.png 按照小程序的开发方式,(播放域名和推送地址随机生成一个id)我们如何根据ID来获取对应的视频地址? <!...          title: '获取地址成功', }) }, fail: (res) => { console.log(res); wx.showToast({           title: '网络或服务器异常...= 0) { wx.showModal({         title: '提示',         content: '推流地址不合法,请点击自动生成按钮先获取腾讯云推流地址',         showCancel...{ }, /**    * 页面相关事件处理函数--监听用户下拉动作    */ onPullDownRefresh: function () { }, /**    * 页面上拉触底事件的处理函数

    4.1K10

    小程序云开发的认识

    在小程序云开发提供了三个基础能力:数据库、存储和云函数。 云开发提供的是JSON数据库,就是数据库中的每条记录都是一个JSON格式的对象。...一个数据库可以有多个集合(一个集合就看做一个JSON数组,数组的,每一个对象就是一条数据库。记录的格式也是JSON对象)。 数据库API有小程序端和服务端两部分。...小程序端API拥有严格的调用权限控制,开发者可以在小程序内直接调用API进行非敏感数据的操作。 有更高安全要求的数据,可以在云函数内通过服务端API调用进行操作。...存储:可以上传文件到云端,带权限管理的云端下载能力。 开发者可以在小程序端和云函数端通过API使用云储存功能。...云函数:是一段运行在云端的代码,不需要管理服务器,在开发工具内编写,一键上传部署就可以运行后端代码。

    1.4K00

    用云开发快速构建最美AI毕业照小程序

    为了弥补这一遗憾,我尝试用云开发快速实现一个AI云毕业照小程序,纪念我们的青春年华。...功能实现的思路是:用户上传人脸照片即可生成学士服云毕业照,小程序支持学士服、硕士服、博士服等个性服装,而且可以通过云开发CMS管理系统随时随地管理小程序云开发内容数据。 为什么选择了云开发?...(小程序、公众号、Web 应用、H5、App、Flutter 客户端等),帮助开发者统一构建和管理后端服务和云资源,避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低...下面介绍开发过程中的几大关键步骤的配置操作: 在项目的开发前,应进行以下准备: 一、新建小程序云开发项目,并开通“珊瑚”图片内容安全 首先,在微信开发者工具新建应用,并勾选小程序·云开发。...使用小程序云开发的体验用一句话概括就是:Less is more,需要关心的事情变少了,但我们能做的事情却更多了。

    2.3K73

    用云开发制作功能日历小程序丨实战

    加班对当代程序员来说可以用“家常便饭”来形容,在很(suo)多(you)公司已经成为一种默认的“文化”,我经常会被朋友调侃“头发还好吗?等着用加班费植发吗?”。...由此,我立即想到了微信小程序这个轻量、即时、简单易用的工具,但一想到为此还要有后台支撑,服务器、数据库各种乱七八糟的事,于是便暂时搁置了开发计划,直到我像命中注定一样遇见免后端运维的云开发,我才立即动手开始开发...,参考了一些网上的UI设计,两天时间过后有了下面这款记录加班小工具:咪咻加班日历小程序。...[在这里插入图片描述] ▌函数部分: [在这里插入图片描述] ▌直接操作数据库: [在这里插入图片描述] ▌踩过的“坑” 这个小程序是临时起意之作,开发期间也踩过一定量的“坑”,目前小程序还存在很多可以优化的地方...之后有时间我会继续完善优化这个小工具,并继续学习云开发,用云开发做出更多有意义的东西,利用到更多的地方去。

    1.9K42

    实战丨用云开发快速构建信息申报小程序

    3、如何操作云数据库来进行增删查改操作; 4、如何使用小程序的云存储(这里以上传健康码图片为例)。...json 和 js 大家都很熟悉了,微信小程序用 json 存储数据或是写配置信息等,js 用来写 JavaScript。...一、新建项目 新建项目,输入在申请账号、开发中申请到的AppID,注意一定要勾选小程序云开发。...这是云开发的快速启动指引,其中演示了如何上手使用云开发的三大基础能力: 云数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 文档型数据库。...云存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理。 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码。

    73110

    小程序-云开发-实现生成小程序码

    前言 小程序因为传播快,易分享,现已经成为各大小公司的标配,从曾今你有公众号么,变为你有小程序么?可想而知小程序的火爆程度 那么在小程序中,如何生成小程序码?...虽然小程序目前可以分享到朋友圈了的,但小程序码的传播无论是直接分享给好友,还是作为图片分享,或是作为线下扫码入口,都是引流的一种重要的入口 实例效果 (点击长按识别扫码) 具体实现 小程序端代码,在view...: result.buffer, }); return upload.fileID; // 返回文件的fileID,也就是该图片 }; 生成小程序码就是上面几行简单的云函数代码就可可以实现,主要是利用...:一种是https调用,另一种是云调用,在本文中就是使用的云调用最为简单,免去了获取access_token,免鉴权 在小程序端发起请求生成小程序码的云函数,云函数端借用云调用根据wxcode.getUnlimited...这个接口生成小程序码,然后上传到云存储中,返回云存储中的图片的fileID,在小程序端就可以拿到云函数端返回fileID,根据这个fileID把小程序码展示出来 如遇到小程序码问题,也欢迎小伙伴们下方留言

    7.7K10

    小程序·云开发实战:智慧衣橱小程序

    ,现在通过云开发就可以快速实现用户当地实时温度,智能推荐衣着的小程序。...2.1 传统开发模式 传统开发模式,在小程序端,通过wx.request发送请求,请求的域名必须经过ICP备案,并且只支持HTTPS,服务端在接受到小程序端的请求后,将会发送网络请求给第三方API,返回相关数据给小程序端...云函数:云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写、一键上传部署即可运行后端代码,无需维护复杂的鉴权机制,即可获取天然可信任的用户登录态(openid) 云数据库:云开发提供了一个JSON...HTTP API:使用HTTP API开发者可在已有服务器上访问云资源,实现与云开发的互通。...实战 实战步骤 任务一:开启小程序云开发模板 任务二:搭建智慧衣橱小程序的前端(开源项目) 任务三:实现云函数发起第三方API请求 任务四:实现将静态资源上传到云存储 [ua3jux54rf.png]

    6.7K60

    小程序·云开发实战 - 体重记录小程序

    前一段看到朋友圈里总是有人用txt记录体重,就特别想写一个记录体重的小程序, 现在小程序的云开发有云函数、数据库,真的挺好用,很适合个人开发者,服务器域名什么都不用管,云开发让你完全不用操心这些东西。...--其他页面引用--> const app = getApp() // 获得实例 app.globalData.openid // 直接引用即可 2.npm 的使用 1.进入小程序源码miniprogram...官方解释 云函数即在云端(服务器端)运行的函数 ,服务端是 node.js ,都是 JavaScript 。...官方有数据库的操作,但是更新的操作强制要求使用云函数, 另外,如果云函数中使用了 npm 包,记得在所在云函数文件夹右键上传并部署,不然运行失败。...MongoDB ,封装了一部分 api 出来,详细的就看官方文档吧,有区分服务端和小程序段。

    6.1K50

    用轻量云服务器搭建一个开源的商城系统,含小程序和pc端

    用轻量云服务器部署一个开源的商城系统随着电子商务的快速发展,搭建一个高效、稳定的商城系统成为了许多企业和个人的迫切需求。这款开源商城系统凭借其强大的功能和灵活的扩展性,成为了众多开发者和商家的首选。...本文将详细介绍如何在轻量云服务器上部署开源商城系统,涵盖小程序和PC端的适配,帮助你快速搭建一个全功能的电子商务平台。...一, 选择轻量云服务器轻量云服务器是腾讯云推出的一款高性价比的云服务器产品,非常适合中小型企业和个人开发者使用。在选择轻量云服务器时,建议根据你的业务需求选择合适的配置。...如果你本身不会配置这些环境的话,就跟着小编一起,弄一个小白一键环境吧。...购买服务器时选择Linux环境的镜像,这里就教大家安装一个小白面板,这里以Ubuntu系统镜像为例,所以大家在购买服务器时请选择Ubuntu购买后腾讯云会将你的服务器信息,包含着密码会发送到站内信里,也就是右上角的消息里

    27810

    小程序云开发实战二:小程序云开发云函数安装依赖步骤

    1:安装nodejs,准备好环境,这一步就不细说了,没有安装的可以自行百度,不知道有没有安装的可以输入 node -v 查看一下。...2:新建一个云函数模板,在cloudfunctions目录底下,新建一个云函数的文件bookinfo。 3:在新建文件上右击文件,选择在终端打开。 这个时候会弹出一个cmd窗口。...4:在cmd 打开云函数目录中,安装依赖。 输入命令: npm install --production 依赖安装成功之后,文件里面多会出现package-lock.json这个文件。...5:由于要请求网络,所以要安装请求网络的库,请求网络的库可以使用node.js中的request库,方便快捷:https://github.com/request/request 在小程序里面要使用的云函数是同步的...,所以使用promise,因为使用传统的callback没有办法在控制台之中返回数据。

    3.8K30

    小程序云开发实战二:小程序云开发云函数安装依赖步骤

    1:安装nodejs,准备好环境,这一步就不细说了,没有安装的可以自行百度,不知道有没有安装的可以输入 node -v 查看一下。...2:新建一个云函数模板,在cloudfunctions目录底下,新建一个云函数的文件bookinfo。 ? 3:在新建文件上右击文件,选择在终端打开。 ? 这个时候会弹出一个cmd窗口。 ?...4:在cmd 打开云函数目录中,安装依赖。 输入命令: npm install --production 依赖安装成功之后,文件里面多会出现package-lock.json这个文件。 ?...5:由于要请求网络,所以要安装请求网络的库,请求网络的库可以使用node.js中的request库,方便快捷:https://github.com/request/request 在小程序里面要使用的云函数是同步的...ok,当文件上传到云端的时候,就会自动安装相关依赖了。

    5.2K10

    用小程序·云开发轻松构建二手书商城小程序丨实战

    ,一方面没有提供靠谱便利的平台,另一方面,宣传不到位,基于此开发了这款小程序。...一:登录注册页 目前小程序有了详细的登录规范,参考官方示例,本程序的登录入口做了以下处理: 在需要涉及用户信息的部分,进行Modal提示进入,比如:游客发布、购买等 个人中心,未登录默认显示”点击登录“...,具体的请参考完整demo注册页代码 目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。...小程序内支付提现 不仅仅是支付包括提现,此程序都借助了tenpay这个模块,详细介绍: https://www.npmjs.com/package/tenpay 在小程序中的实例使用,可以参考之前社区之前发布的文章...说一点题外话:小程序有一个自带的模板通知,在用户主动触发后7天内能推送模板信息,之前写这个程序的时候慎重考虑过,最后还是舍弃了,毕竟七天时间,不是每本书都那么畅销的。

    1.8K64
    领券