专栏名称: xiangzhihong
前端跨平台工程师、客户端工程师
目录
相关文章推荐
APPSO  ·  余承东谈华为 Pura X ... ·  14 小时前  
小众软件  ·  RSS 订阅工具 Follow 发布 ... ·  昨天  
APPSO  ·  华为的新形态手机 Pura X ... ·  2 天前  
小众软件  ·  不限次数,一个超方便的浏览器 ... ·  2 天前  
51好读  ›  专栏  ›  xiangzhihong

微信小程序云开发

xiangzhihong  · 掘金  ·  · 2021-01-22 11:58

正文

阅读 48

微信小程序云开发

一、注册微信小程序

微信小程序有一个云开发的功能,可以省去很多的后台开发的任务。不过,使用小程序云开发需要注册的小程序appid,测试和游客没有云开发功能的。如果你还没有注册小程序可以安装官方的文档说明先注册一个小程序appid。

在这里插入图片描述 注册完成后,就可以填写小程序的相关信息,然后系统会给我们生成小程序的appid等必要的信息,如下图所示。 在这里插入图片描述 然后,我们打开微信小程序开发工具,新建一个微信小程序项目,如果还没有,可以点击下载 微信开发工具 。然后,创建微信小程序的时候填写appid,如下图所示。

在这里插入图片描述 然后,我们在微信开发工具的开发面板会发现有一个云开发的按钮。云开发可以让开发者无需搭建服务器,即可使用云数据库、云存储、云函数和云托管等全部云能力。 在这里插入图片描述 然后,我们点击它进行后台数据环境的搭建,如下图。 在这里插入图片描述

二、搭建云开发模版

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

  1. 新建云开发模板
  2. 开通云开发
  3. 体验小程序
  4. 查看控制台

1, 新建云开发模板

首先,新建一个项目,填入 AppID(使用云开发能力必须填写 AppID),勾选创建 “云开发 QuickStart 项目”,点击创建即可得到一个展示云开发基础能力的示例小程序。该小程序与普通 QuickStart 小程序有以下不同需注意。

  • 无游客模式、也不可以使用 测试号
  • project.config.json 中增加了字段 cloudbaseRoot 用于指定存放云函数 & 云托管的目录
  • cloudbaseRoot 指定的目录有特殊的图标
  • 云开发能力从基础库 2.2.3 开始支持(覆盖率 97.3%,查看兼容性问题)

2, 开通云开发、创建环境

创建了第一个云开发小程序后,在使用云开发能力之前需要先开通云开发。在开发者工具工具栏左侧,点击 “云开发” 按钮即可打开云控制台、根据提示开通云开发、创建云环境。默认配额下可以创建两个环境,各个环境相互隔离,每个环境都包含独立的数据库实例、存储空间、云函数配置等资源。每个环境都有唯一的环境 ID 标识,初始创建的环境自动成为默认环境。

3,体验小程序

开通创建环境后,即可以开始在模拟器上操作小程序体验云开发提供的部分基础能力演示。

4, 查看控制台

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

  • 运营分析 :查看云开发监控、配额使用量、用户访问情况
  • 数据库 :管理数据库,可查看、增加、更新、查找、删除数据、管理索引、管理数据库访问权限等
  • 存储管理 :查看和管理存储空间
  • 云函数 :查看云函数列表、配置、日志

在这里插入图片描述

5,销毁环境

当然,开发者可登陆 微信开发者工具 中的 云开发控制台,在设置中点击切换环境,在下拉框中点击管理我的环境对环境进行管理删除。 在这里插入图片描述 在这里插入图片描述

三、 云开发能力

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

3.1 数据库

云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合,集合可看做一个 JSON 数组,数组中的每个对象就是一条记录,记录的格式是 JSON 对象。

关系型数据库和JSON数据库的对应关系如下表。

关系型数据库 文档型
数据库 database 数据库 database
表 table 集合 collection
列 column 字段 field

以下是一个示例的集合数据,假设我们有一个 books 集合存放了图书记录,如下所示。

[
  {
    "_id": "Wzh76lk5_O_dt0vO",
    "title": "The Catcher in the Rye",
    "author": "J. D. Salinger",
    "characters": [
      "Holden Caulfield",
      "Stradlater"






请到「今天看啥」查看全文