微信小程序云开发初学者入门教程一

2024-04-24 02:31| 来源: 网络整理| 查看: 265

微信小程序云开发初学者入门教程一（云开发环境搭建）

本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。

官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html#%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98

1：在桌面新建一个文件夹，命名为cloud

图片.png

2：填写小程序appid，选择建立云开发快速启动模板，点击确定按钮。

图片.png

3：完成之后，界面如下所示，默认好的项目目录和一系列的代码，可以仔细阅读和学习这些官方默认的文档

图片.png

4：点击云开发按钮，申请开通

图片.png

5：创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称

图片.png

6：成功开通之后进入；创建完成之后的界面。

图片.png

7：仔细看一下新建的云项目之后发现，新建项目中一个简单的获取用户openId的云函数示例

图片.png

8：在cloudfunctions路径下的login文件夹上点击右键，选择创建并部署

图片.png

9：在云开发控制台里，找到自己的环境ID，复制准备

图片.png

10：在miniprogram目录下的app.js配置环境ID

图片.png

示例代码：

//app.js App({ onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ env: 'wang-t6e372', //我刚刚从云开发控制台里复制过来的自己的环境ID， traceUser: true, }) } this.globalData = {} } })

11：再次回到云开发控制台，依次点击云函数->login函数->右上角的测试按钮