微信小程序之云开发



一、如何开通云开发

(1)新建小程序模板,选择自己实际的AppId,选择云开发

(2)进入编译器,点击云开发,即可进入购买,注意!!,云开发会免费赠送两套环境供用户使用。

(3)查看环境ID,在云开发设置中查看

二、云能力初始化

创建完项目后,会有两个文件夹,cloudfunctions和miniprogram,cloudfunctions存放云函数的文件夹,而miniprogram为我们本地项目,我们在miniprogram中的app.js 初始云函数

App({
  onLaunch: function () {
    if (!wx.cloud) {
      console.error(请使用 2.2.3 或以上的基础库以使用云能力)
    } else {
      wx.cloud.init({
        // env 参数说明:
        //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境(第一个创建的环境)
        env: 自己的环境ID,//注意!!!在云开发设置中查看
        traceUser: true,
      })
    }
  }

三、应用云开发,上传用户名和密码小案例

(1)index.wxml文件

<input type="text" model:value="{
         
  {userVal}}" placeholder="用户名" />
<input type="text" model:value="{
         
  {passVal}}" placeholder="密码" />
<button bindtap="addUser">添加</button>

(2)index.js文件

let db = wx.cloud.database()//使用云数据库需要使用这个api调用
Page({
  data: {
    userVal: "",
    passVal: ""
  },
 addUser() {
    //拿到表单里面的值
    let {
      userVal,
      passVal
    } = this.data
    //引用数据库

    // 数据库添加操作 -- 异步操作
    //users是云开发里面数据库的表名(数据库在云开发点加号自行创建),data里面为需要添加的参数,success回调函数可以查看是否成功
    db.collection("users").add({
      data: {
        userVal,
        passVal
      },
      success(res) {
        console.log(res);
      }
    })    
  },
})
经验分享 程序员 微信小程序 职场和发展