mpvue框架下使用小程序云開發(fā)獲取用戶openid
2021-07-26 12:36:56

?

mpvue框架下進(jìn)行云開發(fā)需要的配置及獲取openid示例

?

1、設(shè)置云函數(shù)根目錄

/static目錄下創(chuàng)建目錄funtions
在project.config.json文件下新增字段

1. "cloudfunctionRoot": "/static/functions/"

編譯后無效時(shí)請手動(dòng)在dist下的project.config.json中添加云函數(shù)根目錄設(shè)置

2、新增云函數(shù)

1.點(diǎn)擊進(jìn)入開發(fā)者工具的云開發(fā)管理后臺(未開通事會提示開通)
2.點(diǎn)擊云函數(shù)按鈕進(jìn)入云函數(shù)管理界面
3.點(diǎn)擊左側(cè)的新建云函數(shù)按鈕
4.輸入云函數(shù)名稱(get_openid)點(diǎn)擊確定
5.關(guān)閉管理后臺
6.在static/funtions文件夾上右擊選擇『同步云函數(shù)列表』
7.在同步之后出現(xiàn)的文件夾上(get_openid)右擊選擇下載云函數(shù)

8.在云函數(shù)的index.js文件中輸入以下內(nèi)容并保存

1. const cloud = require('wx-server-sdk')

2. cloud.init()

3. ?

4. exports.main = async (event, context) => {

5. const wxContext = cloud.getWXContext()

6. try {

7. let data = {

8. openid: wxContext.OPENID

9. }

10. console.log(JSON.stringify(event))

11. return data

12. } catch (err) {

13. console.log(err)

14. return err

15. }

16. }

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

3、使用云函數(shù)

src/main.js中添加

1. wx.cloud.init({

2. traceUser: true //將用戶訪問記錄到用戶管理中，在控制臺中可見

3. })

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

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

2. console.log(res)

3. })

保存之后打開相應(yīng)頁面就可以在控制臺看到打印出來的用戶openid了

?

?