微信小程序雲開發快速上手1

一、開通雲開發功能

1.1、在開發者工具左上角找到“雲開發”按鈕,點擊開通雲開發功能在這裏插入圖片描述
1.2、點擊“開通在這裏插入圖片描述

二、新建雲開發項目

新建項目選擇雲開發模板。這個選項的前提條件:
2.1、 完成上一個步驟,開通雲開發功能;
2.2、 必須填寫appid;

三、獲取openid

3.1、 在雲開發目錄(cloudfunctions)右鍵 新建node.js雲函數 ,命名爲“getOpenid”;
在getOpenid>index.js裏添加如下代碼(即:把下面的代碼覆蓋掉getOpenid>index.js的所以代碼)

// 雲函數入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 雲函數入口函數
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }

}

3.2、在cloudfunctions>getOpenid 目錄上右鍵“上傳並部署:雲端安裝依賴”;
如圖:
在這裏插入圖片描述
3.3、按照如上辦法把同目錄的login雲函數也操作執行一遍
此時可以在“雲開發”的控制檯中查看到部署好的兩個雲函數
如圖:
在這裏插入圖片描述
3.4、最後,在app.js裏調用getOpenid這個雲函數
如圖:
在這裏插入圖片描述
代碼:

// 獲取用戶openid
 getOpenid() {
   let that = this;
   wx.cloud.callFunction({
     name: 'getOpenid',
     complete: res => {
       console.log('openid: ', res.result.openid)
       console.log('appid: ', res.result.appid)
       // var openid = res.result.openId;
       // that.setData({
       //   openid: openid
       // })
     }
   })
 },

至此點擊獲取openid就能成功獲取到
在這裏插入圖片描述
成功截圖:
在這裏插入圖片描述

四、數據庫管理

注:這裏的前提條件是成功完成 openid 的獲取
4.1、在雲開發控制檯 數據庫 新建集合(倉庫),命名爲“counters”
如圖:
在這裏插入圖片描述
完成後可在下方看到新建的集合
在這裏插入圖片描述
4.2、打開 pages/databaseGuide.js文件,找到onAdd、onQuery、(onCounterInc、onCounterDec)、onRemove方法,將這些方法的註釋全部取消。這些方法對於的是對數據庫(集合)的添加、查詢、更新、刪除操作。
例如,onAdd方法
在這裏插入圖片描述
完結!!!
若有不足之處,請指正。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章