一、Serverless 架构详解
- 1.1 什么是 serverless
- 1.2 Serverless 要解决什么?
- 1.3 Serverless 做什么事?
- 1.4 Serverless 和函数计算的区别
- 1.5 Serverless 的技术特点
- 1.6 传统服务器架构 VS Serverless 架构
- 1.7 使用 serverless 优缺点
- 1.8 如何理解理解 Serverless 技术—FaaS 和 BaaS
- 1.9 Serverless 计算如何工作?
二、微信小程序云开发
- 2.0 FAAS 冷启动
- 2.1 FAAS 分层
- 2.2 后端应用 BaaS 化
- 2.3 Serverless 使用场景
- 2.4 serverless 的厂家
- 2.1 小程序传统开发模式
- 2.2 云开发正在改变小程序的开发模式
- 2.3 小程序云函数计费
- 2.4 小程序云开发项目的创建与配置
- 2.5 小程序云函数场景
- 2.6 云数据库
- 2.7 小程序云函数调试
- 2.8 小程序云开发部署管理后台演示-触发云函数的运用
三、不同厂商的 serverless 部署演示
2.4 小程序云开发项目的创建与配置
云开发项目初始化
找到云开发的环境 ID,点击云开发控制台窗口里的设置图标,在环境变量的标签页找到环境名称和环境 ID。
用户在开通云开发之后就创建了一个云开发环境,微信小程序可拥有最多两个环境,每个环境都对应一整套独立的云开发资源,包括数据库、云存储、云函数、静态托管等,各个环境是相互独立的。每个环境都有一个唯一的环境 ID(环境名称不唯一)。
指定开发者工具的云开发环境
当云开发服务开通后,我们可以在小程序源代码 cloudfunctions 文件夹名看到你的环境名称。如果在 cloudfunctions 文件夹名显示的不是环境名称,而是“未指定环境”,可以鼠标右键该文件夹,可以看到弹窗的第一项为“当前环境”,有个小三角,在这里可以选择或切换已经建好的云开发环境。如果环境为空白,重启开发者工具,再来选择。
指定小程序的云开发环境
在开发者工具中打开源代码文件夹 miniprogram
里的 app.js 文件,找到如下代码:
wx.cloud.init({
// env 参数说明:
// env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
// 此处请填入环境 ID, 环境 ID 可打开云控制台查看
// 如不填则使用默认环境(第一个创建的环境)
// env: 'my-env-id',
traceUser: true,
})
在 env: ‘my-env-id’处改成你的环境 ID,注意需要填入的是你的环境 ID 而不是环境名称哦,结果如下:
// 因为云开发可以创建多个环境,比如微信小程序就可以创建两个免费的云开发环境,一个用于测试,一个用于正式发布。如果你没有在小程序端指定环境,会默认选择为你创建的第一个云开发环境。我们可以通过修改 env 的参数来切换小程序端用来调用的云开发环境。
wx.cloud.init({
env: 'cloud1-2g12nyjfdh7f4caed9',
// 云开发能力全局只需要初始化一次即可,这里的 traceUser 属性设置为 true,会将用户访问记录到用户管理中,在云开发控制台的运营分析—用户访问里可以看到访问记录。
traceUser: true,
})
小程序云开发资源的管理
小程序云开发控制台
腾讯云云开发网页控制台
我们还可以使用腾讯云云开发网页控制台来管理云开发资源,需要注意两点,一个是登录方式需要选择其他登录方式里的微信公众号,点击然后使用手机微信扫码,在微信上选择你要登录的小程序;二是要进入腾讯云后台之后切换选择云开发 Cloudbase。
其他工具与方式
云开发资源还支持其他方式来调用
- CloudBase CLI:我们可以使用云开发提供的命令行工具 CloudBase CLI 对云开发环境里面的资源进行批量管理,比如云函数批量下载更新;云存储里面的文件夹批量下载和上传等等;
Tencent CloudBase Toolkit
:Tencent CloudBase Toolkit 是一款 Visual Studio Code 的云开发插件,使用这个插件可以更好地在本地进行云开发项目开发和代码调试,并且轻松将项目部署到云端;
部署并上传云函数
云函数的根目录与云函数目录
cloudfuntions 文件夹图标里有朵小云,表示这就是云函数根目录。展开 cloudfunctions,我们可以看到里面有 login、openapi、callback、echo 等文件夹,这些就是云函数目录。而 miniprogram 文件夹则放置的是小程序的页面文件
cloudfunctions 里放的是云函数,miniprogram 放的是小程序的页面,这并不是一成不变的,也就是说你也可以修改这些文件夹的名称,这取决于项目配置文件 project.config.json
里的如下配置项:
"miniprogramRoot": "miniprogram/",
"cloudfunctionRoot": "cloudfunctions/",
但是你最好是让放小程序页面的文件夹以及放云函数的文件夹处于平级关系且都在项目的根目录下,便于管理。
云函数部署与上传
- 右键云函数目录,选择在终端中打开,输入
npm install
命令下载依赖文件; - 然后再右键云函数目录,点击“创建并部署:所有文件”
- 在云开发控制台–云函数–云函数列表查看云函数是否部署成功。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论