最近开始学习微信小程序开发,由于不想申请域名和购买虚拟主机(或者云主机)和数据库空间,所以就选择先学习小程序云开发(毕竟目前免费提供数据库2G,存储空间5G)。下面就将学习的主要工作记录下来,方便以后回顾和分享给大家学习。希望批评指正,谢谢!
本次主要内容有:
(1)开发工具
(2)环境设置
(3)开通云开发
(4)部署发布
(5)测试
1、运行微信Web小程序开发工具,我使用的是1.02.1810250版的,新建小程序——选择项目目录、填写自己的AppID,选择建立云开发快速启动模板。开发小程序云,是必须要填写AppID的。
1.1 如何找到自己的AppID
登录微信公众平台:https://mp.weixin.qq.com/
点击“设置” -> “开发设置” ,就可以看到自己的AppID了
2、点击确认,进入开发界面。多了个云开发按钮。
3、点击云开发按钮,切换到云开发控制台
点击开通按钮,弹出开通确认窗口。
4、点确认按钮。弹出新建环境窗口,输入环境名称和环境ID,都是有自己确定的。一个账户可以创建两个环境,一个作为开发测试环境,一个作为产品环境。
点击确定之后,成功开通小程序云,进入云开发控制台,可以进行数据的查看,用户、数据库、存储和云函数管理。
5、实现一个简单的获取用户openId的云函数,其实使用模板,就已经自动实现了这一功能。下面演示如何部署、发布和使用这一功能。
此时会发现,还是处于“
未指定环境状态”
。在cloudfunctions路径名字上点击鼠标右键,弹出窗口中选择“更多设置”。将弹出“云函数”窗口。
在下拉列表中选择,自己先设置的环境即可。
1)在cloudfunctions
路径下的login
文件夹上点击右键,选择“创建并部署”
弹出上传login成功窗口,点击“确定”按钮。
回到“云函数”窗口,可以看到已部署的云函数login.
2)在miniprogram
目录下的app.js配置环境ID,在init函数中增加一行代码 env:'你自己的环境Id'
保存编译,即可获取
你的openId了。不像刚开始点击“点击获取openid”,会报错。
3)测试所发布的login函数。打开云开发控制台窗口。点击“云函数”按钮,就可以看到所发布的“login”函数
点击“login”函数,函数名字。显示函数配置的基础信息,点击“测试”按钮。
点击“运行测试”按钮。
显示运行结果。
点击“概览”,可以查看数据的统计结果。