小程序云开发从入门到上线看这一篇就够了

小程序云开发从入门到上线看这一篇就够了

官方文档（微信开放文档 - 云开发） > https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

1. 注册云开发

Step 1: 注册小程序

微信注册官方网址
注册成功之后即拥有专属于你注册小程序的 appid

Step 2: 新建云开发项目

下载并安装微信开发者工具
打开并登录微信开发者工具，新建小程序项目，填入 AppID，后端服务选择“小程序·云开发”：

Step 3: 开通云开发

在使用云开发能力之前，需要先开通云开发。

在开发者工具的工具栏左侧，点击 “云开发” 按钮即可打开云控制台，根据提示开通云开发

Step 4: 新建环境

注意事项：指定环境名称，且后面 不可更改，只能建 2 个【环境 ID 是根据环境名称自动生成的】

Step 5: 修改 app.js 初始化【数据库环境 ID】

App({
   
  onLaunch: function () {
   
    if (!wx.cloud) {
   
      console.error("请使用 2.2.3 或以上的基础库以使用云能力");
    } else {
   
      wx.cloud.init({
   
        env: "xxxx", // 修改成云开发控制台里复制过来的自己的环境ID，
        traceUser: true,
      });
    }
    this.globalData = {
   };
  },
});

2. 项目开发

数据库

官方文档(云开发 - 数据库)

打开云开发之后创建数据库，就可以操作数据库，建议不要减少直接操作数据库，选择用前端或者云函数操作数据库。

前端操作数据库

onAdd: function () {
   
    const db = wx.cloud.database()
    db.collection('counters').add({
   
      data: {
   
        count: 1
      },
      success: res => {
   },
      fail: err => {
   }
    })
  },

云函数

官方文档(云开发 - 云函数)

相较于前端直接操作数据库，我更建议使用云函数操作数据库，使得前端的代码更为纯粹。

登录代码

const cloud = require("wx-server-sdk");
cloud.init({
    env: cloud.DYNAMIC_CURRENT_ENV });
const db = cloud.database();
const collection = db.collection("users");

const addUser = (OPENID, userInfo) => {
   
  return new Promise((resolve, reject) => {
   
    collection
      .doc(OPENID)
      .set({
    data: userInfo })
      .then(() => {
   
        resolve();
      })
      .catch((err) => {
   
        reject(err);
      });
  });
};

exports.main = async (event, context) => {
   
  const {
    userInfo } = event.data;
  const {
    OPENID, APPID, UNIONID } = cloud.getWXContext();
  try {
   
    await addUser(OPENID, userInfo);
    return {
   
      code: