零基礎學小程序007---小程序獲取用戶openid

咱們在作小程序支付，在區分小程序用戶時都須要用到openid，用戶openid就至關於用戶在小程序裏的身份證。作爲用戶的惟一標示，因此獲取到用戶openid就顯得很重要了，今天來教你們怎麼樣獲取要用戶的惟一標示 openid

所需參數	是否必需
appid	必需
appsecret	必需

仍是先看效果圖

上面就是咱們實現後的效果。接下來開始給你們講解具體實現步驟。

一，先看小程序官方文檔（官方文檔纔是最好的老師）

官方文檔已經說了，要先經過wx.login獲取一個臨時憑證code，而後咱們拿這個code去本身的服務器換取用戶openid。那麼問題來了，咱們須要有一個本身的服務器，而且支持https請求。是否是感受很難，爲了幫助你們儘快學習小程序開發，後臺的問題我給你們解決。你們能夠直接請求個人後臺api接口就行，不用本身搭建後臺。

二，訪問服務器獲取openid

很少說先上代碼，講代碼是最快的學習方式

• user.wxml

<button type='primary' bindtap='getOpenid'>獲取用戶openid</button>
<text>{{openid}}</text>
複製代碼

• user.js

// pages/user/user.js
Page({
 data: {
  openid: ''
 },

 // 獲取用戶openid
 getOpenid: function() {
  let that = this;
  //獲取openid不須要受權
  wx.login({
   success: function(res) {
    //請求本身後臺獲取用戶openid
    wx.request({
     url: 'https://30paotui.com/user/wechat',
     data: {
      appid: '你的小程序appid',
      secret: '你的小程序secret',
      code: res.code
     },
     success: function(response) {
      var openid = response.data.openid;
      console.log('請求獲取openid:' + openid);
      //能夠把openid存到本地，方便之後調用
      wx.setStorageSync('openid', openid);
      that.setData({
       openid: "獲取到的openid：" + openid
      })
     }
    })
   }
  })
 },
})
複製代碼

注意點

• 1，30paotui.com/user/wechat…
• 2，下面的apppid和appsecret到你的小程序後臺去找，找到後替換到下面的地方

data: {
      appid: '你的小程序appid',
      secret: '你的小程序secret',
      code: res.code
},
複製代碼

到這裏就能夠獲取到用戶的openid了，是否是很簡單。 掃描識別下面小程序碼，學習更多零基礎入門小程序的課程。