mpvue框架下使用小程序雲開發獲取用戶openid

mpvue框架下進行雲開發需要的配置及獲取openid示例

1、設置雲函數根目錄

/static目錄下創建目錄funtions
在project.config.json文件下新增字段

"cloudfunctionRoot": "/static/functions/"

編譯後無效時請手動在dist下的project.config.json中添加雲函數根目錄設置

2、新增雲函數

1.點擊進入開發者工具的雲開發管理後臺(未開通事會提示開通)
2.點擊雲函數按鈕進入雲函數管理界面
3.點擊左側的新建雲函數按鈕
4.輸入雲函數名稱(get_openid)點擊確定
5.關閉管理後臺
6.在static/funtions文件夾上右擊選擇『同步雲函數列表』
7.在同步之後出現的文件夾上(get_openid)右擊選擇下載雲函數

mpvue框架下使用小程序雲開發獲取用戶openid

極客之路

8.在雲函數的index.js文件中輸入以下內容並保存

const cloud = require('wx-server-sdk')cloud.init()exports.main = async (event, context) => {    const wxContext = cloud.getWXContext()    try {        let data = {            openid: wxContext.OPENID        }        console.log(JSON.stringify(event))        return data    } catch (err) {        console.log(err)        return err    }}

9.雲函數文件夾(get_openid)上右擊選擇上傳並部署:雲端安裝依賴

3、使用雲函數

src/main.js中添加

wx.cloud.init({    traceUser: true  //將用戶訪問記錄到用戶管理中,在控制檯中可見})

頁面vue文件的onLoad方法追加以下代碼

wx.cloud.callFunction({ name: 'get_openid' }).then(res => {    console.log(res)})

保存之後打開相應頁面就可以在控制檯看到打印出來的用戶openid了

mpvue框架下使用小程序雲開發獲取用戶openid

控制檯


分享到:


相關文章: