新建云开发体验小程序查看控制台【详细介绍】

2021-07-22
来源:网络整理

一、注册微信小程序

微信小程序具有云开发功能,可以节省很多后台开发任务。但是,使用小程序云开发需要注册小程序,测试和访问者不具备云开发功能。如果尚未注册迷你程序,则可以安装官方文档以首先注册迷你程序。

注册完成后,您可以填写小程序的相关信息,系统将为我们提供必要的信息,例如小程序,如下图所示。

然后,我们打开微信小程序开发工具并创建一个新的微信小程序项目。如果尚未下载,可以单击以下载微信开发工具。然后,在创建微信小程序时进行填写,如下图所示。

然后,我们将在微信开发工具的开发面板上找到一个用于云开发的按钮。云开发使开发人员无需构建服务器即可使用云数据库,云存储,云功能和云托管等所有云功能。

然后,单击它以构建背景数据环境,如下图所示。

二、构建云开发模板

我们可以按照以下步骤快速开始使用云开发。

创建新的云开发模板,打开云开发体验小程序以查看控制台1,并创建新的云开发模板

首先,创建一个新项目,填写(必须填写才能使用云开发功能),勾选创建“云开发项目”,然后单击创建以获取一个示例小程序,​​该小程序显示了云开发的基本功能。请注意此小程序与普通小程序之间的以下区别。

2。开放的云开发并创建环境

创建第一个云开发小程序后,需要先启用云开发,然后才能使用云开发功能。在开发人员工具工具栏的左侧,单击“云开发”按钮以打开云控制台,按照提示启用云开发并创建云环境。可以在默认配额下创建两个环境。每个环境都相互隔离。每个环境都包含独立的数据库实例,存储空间,云功能配置和其他资源。每个环境都有一个唯一的环境ID,最初创建的环境会自动成为默认环境。

3,体验小程序

打开创建环境后,您可以开始在模拟器上操作,以体验由云开发提供的基本功能演示的一部分。

4,检查控制台

云开发控制台是管理云开发资源的地方。控制台提供以下功能。

5,破坏环境

当然微信小程序调用云开发数据库,开发人员可以登录开发人员工具中的 ,单击“设置”中的“切换环境”,然后单击下拉框中的“管理我的环境”来管理和删除环境。

三、云开发功能

微信小程序云开发提供了数据库,云存储,云功能,云调用和HTTP API等功能。

3. 1个数据库

提供了一个JSON数据库。顾名思义,数据库中的每个记录都是JSON格式的对象。一个数据库可以有多个集合。该集合可以视为JSON数组。数组中的每个对象都是一条记录,记录的格式是一个JSON对象。

关系数据库和JSON数据库之间的对应关系如下表所示。

关系数据库文档类型

数据库

数据库

收藏

字段

以下是收集数据的示例,假设我们有一个用于存储图书记录的收集,如下所示。

[ { "_id": "Wzh76lk5_O_dt0vO", "title": "The Catcher in the Rye", "author": "J. D. Salinger", "characters": [ "Holden Caulfield", "Stradlater", "Mr. Antolini" ], "publishInfo": { "year": 1951, "country": "United States" } }, { "_id": "Wzia0lk5_O_dt0vR", "_openid": "ohl4L0Rnhq7vmmbT_DaNQa4ePaz0", "title": "The Lady of the Camellias", "author": "Alexandre Dumas fils", "characters": [ "Marguerite Gautier", "Armand Duval", "Prudence", "Count de Varville" ], "publishInfo": { "year": 1848, "country": "France" } } ]

3. 2存储

云开发提供了一个存储空间,提供了向云上传文件,具有权限管理的云下载功能,开发人员可以通过终端和云功能终端上的API使用云存储功能。

您可以在终端上调用wx ..和wx ..以完成上载和下载云文件。以下简单的代码行可以使用户在中选择图片,然后将其上传到云中进行管理。

// 让用户选择一张图片 wx.chooseImage({ success: chooseResult => { // 将图片上传至云存储空间 wx.cloud.uploadFile({ // 指定上传到的云路径 cloudPath: 'my-photo.png', // 指定要上传的文件的小程序临时文件路径 filePath: chooseResult.tempFilePaths[0], // 成功回调 success: res => { console.log('上传成功', res) }, }) }, })

3. 3云功能

云功能是在云中运行的一段代码。它不需要管理服务器。可以将其编写在开发工具中,并一键上传和部署以运行后端代码。

小程序中提供了用于云函数调用的特殊API。开发人员可以使用wx--sdk在云函数中提供的方法来获取每个调用的上下文,而无需维护复杂的身份验证机制来获取自然的受信任用户登录状态()。

例如,我们定义如下的云函数,名为add,该函数是将传入的两个参数a和b相加。

const cloud = require('wx-server-sdk') exports.main = async (event, context) => { let { userInfo, a, b} = event let { OPENID, APPID } = cloud.getWXContext() // 这里获取到的 openId 和 appId 是可信的 let sum = a + b return { OPENID, APPID, sum } }

然后,我们可以使用wx使用函数。在微信小程序上,如下所示。

wx.cloud.callFunction({ // 需调用的云函数名 name: 'add', // 传给云函数的参数 data: { a: 12, b: 19, }, // 成功回调 complete: console.log }) // 当然 promise 方式也是支持的 wx.cloud.callFunction({ name: 'add', data: { a: 12, b: 19 } }).then(console.log)

如果您需要操作数据库,管理云文件以及在云功能中调用其他云功能,则可以使用官方的npm软件包wx--sdk进行操作。

分享