小程序云开发-体验篇

小程序给开发者提供了云端能力，使开发者无需搭建服务器也可以使用云开发开发微信小程序、小游戏。作为一名前端er，几乎不需要什么学习成本即可上手云开发。

开通云开发

点击开发者工具上的云开发会有相关指引👇，

或按照小程序云开发官方文档一步步来即可。

云开发开通后自动获得一套云开发环境，各个环境相互隔离，每个环境都包含独立的数据库实例、存储空间、云函数配置等资源。每个环境都有唯一的环境 ID 标识，初始创建的环境自动成为默认环境，默认可拥有最多两个环境。

默认环境👇

分别提供了数据库、存储、云函数等能力。

数据库

类似mangoDB的json数据库，每条记录都是一个json对象。

// user表
[{  "_id": "355d7bae5e7576fb000cc1623d0db867", //可以系统自动生成  "nickname": "lulu",  "age": 25.0},{  "_id": "f354796a-ea2f-4471-a468-218fc3bcd3c5",  "nickname": "coco",  "age": 27.0}]

使用方法

// 1. 获取数据库引用
const db = wx.cloud.database()
// 2. 构造查询语句
db.collection('user').where({
  age: 25
}).get({
  success: function(res) {
  // 输出 [{ "age": 25.0, ... }]
  console.log(res)
 }
})

存储

云开发提供了一块存储空间（免费版5G），直接掉用小程序API即可，例如用户上传头像：

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

云函数

云函数在开发工具内编写、一键上传部署即可运行后端代码，可以用来操作数据库，操作存储。

// add方法
wx.cloud.callFunction({
  name: 'add',
  data: {
    age: 26,
    nickname: '123'
  }
}).then(console.log)

最后放一个丑丑的demo页面:

功能尚在完善中，敬请期待...