当前位置:首页 > 新闻动态 > 网站文章

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

来源: 浏览:108 时间:2023-08-08

一、注册微信小程序

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

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

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

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

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

二、构建云开发模板

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

创建新的云开发模板,打开云开发体验小程序以查看控制台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进行操作。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图