超簡單微信小程序獲取用戶openid

前言

現在微信小程序越來越火,本著幫助每個人都能學會小程序的態度,把我所學知識免費分享給大家,希望對你有所幫助,另外需要做公眾號、小程序的客戶可以聯系我

現在,小編準備將這些知識免費分享給大家,如果另有需要可以聯系我。

一:創建function目錄文件夾

在項目根目錄創建function文件夾,然后右鍵創建nodejs云函數openid,
之后會自動生成index.js 和project.josn.cofig 文件

二:引入云開發并創建環境

在app.js中引入 wx.cloud.init({env:'云開發壞境的id',traceUser:true))

  onLaunch: function () {
    // 云開發初始化
    wx.cloud.init({
      env:"云開發壞境的id",
      traceUser:true
    })
}

三:編寫云函數

在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,
  }
}

四:上傳并部署云函數

最后把云函數上傳都云端


image.png

五:在需要的邏輯頁面調用getopenid云函數

我這里是在login頁面中的login.js邏輯中使用:

page{
data{
openid:'',
},
onLuanch(){
this.getopenid()
}
// 定義調用云函數獲取openid
getOpenid(){
  let page = this;
  wx.cloud.callFunction({
    name:'getOpenid',
    complete:res=>{
      console.log('openid--',res.result)
      var openid = res.result.openid
      page.setData({
        openid:openid
      })
    }
  })
},
}

六:最終效果:

image.png

總結:

這一小節,我們通過微信小程序的云開發簡單的獲取到了用戶的openid,接下來我們需要將獲取到的用戶openid存儲到云數據庫當中。

推薦微信小程序閱讀:

【十一】 10分鐘精通微信小程序 | 云函數管理端
【十】 10分鐘精通小程序 | 云函數異步返回結果
【九】10分鐘精通微信小程序 | 云函數
【八】 10分鐘精通微信小程序云存儲 | 云存儲
【七】10分鐘精通微信小程序 | 增刪改查
【六】10分鐘精通微信小程序 | 增刪改查
【五】10分鐘精通微信小程序 | 云數據庫增刪改查
【四】10分鐘精通微信小程序 | 云控制臺
【三】10分鐘精通微信小程序 | 光速入門
【二】10分鐘精通微信小程序云開發 | 多圖上傳并存儲路徑到云數據庫
【一】10分鐘精通微信小程序 | 獲取用戶openid

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容