微信小程序云开发快速入门
云开发是微信团队联合腾讯云提供的原生Serverless云服务,可以快速实现小程序业务的开发,快速迭代
云开发能提供什么?
数据存储能力:小程序->数据库->小程序
文件存储能力:由云服务商接管文件存储系统,云服务器提供CDN,API调用很方便
计算能力:buy resources -> upload your code -> publish
- 存储:在小程序端直接上传/下载云端文件,可视化管理
- 云函数:在云端运行的代码,微信私有天然鉴权,开发者只需编写自身业务逻辑代码
- 云数据库:一个既可在小程序前端操作,也能在云函数中读写的JSON数据库
- 音视频服务:提供互通高品质实时音视频通话服务,支持互动白板,美颜滤镜,高清视频通话等,基于云开发快速接入
- 智能图像服务:集成智能鉴黄、人脸识别、人脸核身等AI视觉能力,基于云开发快速接入
有了云开发,微信小程序可以一天一交付,一天多交付
小程序的云开发所用到的主要是前端开发的知识
小程序注册页面/小程序后台管理登录页:https://mp.weixin.qq.com/
微信开发者工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
官方技术文档都是最值得阅读的参考资料:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
查找AppID:小程序的后台管理页->左侧开发管理->开发设置
开通云开发服务,找到云开发的环境ID,指定小程序的云开发环境,打开源代码文件夹miniprogram里的app.js,找到如下代码:
wx.cloud.init({
// 此处请填入环境 ID, 环境 ID 可打开云控制台查看
env: \'my-env-id\',
traceUser: true,
})
在 env: \’my-env-id\’处改成你的环境 ID,如 env: \’xly-snoop\’
下载Nodejs
NodeJS是在服务端运行JavaScript的运行环境,云开发所使用的的服务端环境就是NodeJS。npm是Node包管理器,通过npm,我们可以非常方便的安装云开发所需要的依赖包
npm是前端开发必不可少的包(模块)管理器,它的主要功能就是来管理包package,包括安装、卸载、更新、查看、搜索、发布等,其他编程语言也有类似的包管理器,比如Python的pip,Java的maven。
我们可以把包管理器看成是windows的软件管理中心或手机的应用中心,只要是它们用的是可视化界面,包管理器用的是命令行Command Line。
NodeJS下载地址:http://nodejs.cn/download/
在命令行中输入:
node –version
npm –version
如果显示具体版本号,则表示环境安装完成
部署and上传云函数
cloudfunctions里放的是云函数,miniprogram放的是小程序的页面
使用鼠标右键其中的一个云函数目录比如 login,在右键菜单中选择在终端中打开,打开后在终端中输入以下代码并按 Enter 回车执行:
npm install
这时候会下载云函数的依赖模块,下载完成后,再右键 login 云函数目录,点击“创建并部署:所有文件”,这时会把本地的云函数上传到云端,上传成功后在 login 云函数目录图标会变成一朵小云。
在开发者工具的工具栏上点击“云开发”图标会打开云开发控制台,在云开发控制台点击云函数图标,就能在云函数列表里看到我们上传好的“login”云函数
接着按照同样的方法把其它所有云函数都部署并上传:
右键云函数目录,选择在终端中打开,输入 npm install命令下载依赖文件;
然后再右键云函数目录,点击“创建并部署:所有文件”
在云开发控制台–云函数–云函数列表查看云函数是否部署成功。
为什么要在云函数目录执行 npm install?
npm install会下载云函数目录下的配置文件package.json里的dependencies,它表示的是当前云函数需要依赖的模块。package.json在哪里,就在哪里执行 npm install,没有