微信小程序云开发之初体验（详细教程）

你的名字 2022-04-04 15:37 481阅读 0赞

### 微信小程序云开发之初体验 ###

小程序云开发是微信最近推出的新的一项能力，它弱化了后端以及运维的概念，开发者无需搭建服务器，使用微信平台提供的api即可完成核心的业务开发。

目前提供三大基础能力支持：

*  云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码
 *  数据库：既可在小程序前端操作，也能在云函数中读写的 JSON 数据库，免费2G容量
 *  存储：可在小程序前端上传/下载云端文件，在云开发控制台可视化管理，免费5G容量

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70]

#### 上手体验 ####

打开微信开发者工具，新建工程，选择新建云开发模板，这里appid是必填项。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 1]

确认后，工具默认创建好工程如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 2]

可以看到，工程目录中多了一个cloudfunctions的文件夹，其他的与普通模板目录结构一致，而cloudfunctions文件夹其实就是用来存放云函数的。

#### 云开发控制台 ####

点击顶部工具栏中的云开发，会弹出创建的引导，按照提示一步一步创建，这里点击开通。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 3]

填写好相应的环境名称信息，可以看到，数据库有2G的空间，另外有5G的存储，可以用来存放一些图片和其他资源，这对于一些小的应用来说是完全够用的。另外，一个小程序可以建立两个环境。

![1544955315904][]

新建好的控制台就是这个样子

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 4]

### 云数据库 ###

下面通过一个实例来学习小程序的云开发终端云数据库功能。数据库使用的是JSON 数据库，也就是我们所说的nosql，类似于MongoDB，使用键值对应的方式存储数据。

首先进入云开发控制台，选择数据库管理。新建一个集合，也就是一个数据库，输入集合名称。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 5]

然后新建一条记录，记录可以手动创建，也可以导入json或者csv数据。id默认自动生成。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 6]

那么接下来，就尝试着从小程序端读取数据库中的数据。在pages/index/index.js中的onLoad函数中加入下面的一段代码

// 创建数据库实例
    const db = wx.cloud.database()
    // 2. 构造查询语句
    // collection 方法获取一个集合的引用
    // 可以使用where 方法传入一个对象，数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件（比如大于、小于、in 等）
    // get 方法会触发网络请求，往数据库取数据
    db.collection('user').get({ 
      success(res) { 
        console.log(res)
      }
    })

保存代码，编译运行，观察控制台，发现打印出来的信息中没有数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 7]

不要着急，这并不是我们的代码写的有问题，而是数据库有权限限制。再次打开控制台，选择数据库权限设置。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 8]

可以看到，默认的权限是仅创建者及管理员可读写，这里我们更改为第一个选项，选择所有用户可读，仅创建者可写。再次编译运行，可以看到数据库中的内容成功的被打印出来了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 9]

#### 总结 ####

小程序云开发确实是一个不错的功能，大大降低了开发成本，不用再去为服务器、域名、备案等一系列开发流程而发愁，因此如果要开发一些小型的应用，首选云开发。

以上是小程序云开发之初体验，之后的文章会继续深入，持续关注。

欢迎加我微信，一起交流，互相学习，共同进步！

--------------------

![在这里插入图片描述][20190315083734931.jpg]  
关注公众号『嗜码』。回复关键字「前端」、「Python」、「Java」、「Android」、「小程序」、「Vue」等获取免费精品学习资料。  
![在这里插入图片描述][20190315083756375.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70]: /images/20220404/133515d0d2e54f0a9b4dea9bfdcaa03e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 1]: /images/20220404/df99ec0a8bd74f16a5ef1d9783988b4d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 2]: /images/20220404/cf57ac7d1a1641118ccf329cf5fa2503.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 3]: /images/20220404/eec8369fad4348afacdd48f5c3891fe5.png
[1544955315904]: /images/20220404/415bde6301384110b4c9ae6820b97517.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 4]: /images/20220404/2e2951499b064e6abc3099c74b84ff03.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 5]: /images/20220404/3c0d3390450042d987f380803f22f2c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 6]: /images/20220404/f65b0f9fbcdf4958b78eed08b6e11e61.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 7]: /images/20220404/49438e708b524279b3b6d47f13a73d3d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 8]: /images/20220404/b0fc1d0225c24db88f9a64901821b994.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTU0MDg2_size_16_color_FFFFFF_t_70 9]: /images/20220404/d94ce2012993442089132c89826efa36.png
[20190315083734931.jpg]: /images/20220404/8d77d0d3bb084067932bb83617a9f316.png
[20190315083756375.png]: /images/20220404/32208ca6eef84dfda9437d55da478242.png