為什么要獲取小程序的 openid

在開發(fā)微信小程序的過程中，小程序可以通過微信官方提供的登錄能力方便地獲取微信提供的用戶身份標(biāo)識(shí)，快速建立小程序內(nèi)的用戶體系。那么這個(gè)用戶身份標(biāo)識(shí)就是 openid。

小程序獲取 openid 的流程

那么小程序獲取 openid 的流程具體如下，這里我簡化了一下，因?yàn)槲覀冎恍枰@取到 openid 即可，具體可以參考 這里

我們需要在小程序中調(diào)用 wx.login() 獲取 code 碼，然后將這個(gè) code 碼發(fā)送給后端，后端帶著這個(gè) code 碼和 appid，appsecret 向微信接口發(fā)起 http 請求獲取 openid。

注意事項(xiàng)

在開發(fā)的小程序中的 AppID 一定要和后端使用的 AppID 保持一致，否則會(huì)獲取 openid 失敗

我們請求的微信 API 為 auth.code2Session ，

請求地址為：

GET https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

所需的四個(gè)參數(shù)為：

屬性	類型	默認(rèn)值	必填	說明
appid	string		是	小程序 appId
secret	string		是	小程序 appSecret
js_code	string		是	登錄時(shí)獲取的 code
grant_type	string		是	授權(quán)類型，此處只需填寫 authorization_code

js_code 就是我們通過 wx.login 得到的 code，grant_type 為 authorization_code，只剩下 appid 和 secret 需要我們登錄 微信公總平臺(tái) 里面找

小程序代碼演示

為了方便操作，我們在 index 頁面編寫了一個(gè) button，通過 button 觸發(fā)事件

<!--index.wxml-->
<view class="container">
  <button bindtap="onGetOpenId">點(diǎn)擊獲取openid</button>
</view>

然后編寫事件函數(shù)：

//index.js
Page({
  onGetOpenId() {
    wx.login({
      success: res => {
        if (res.code) {
          wx.request({
            url: "http://localhost:2020/openid",
            method: "POST",
            data: {
              code: res.code
            },
            success: res => {
              console.log(res);
            }
          });
        }
      }
    });
  }
});

那么，在小程序中發(fā)送 http 請求強(qiáng)制要求地址必須為 https，由于我們在開發(fā)中，我們可以把強(qiáng)制 https 的設(shè)置關(guān)閉

Go 語言后端代碼演示

小程序發(fā)過來的數(shù)據(jù)和去微信 API 獲取的數(shù)據(jù)都是放在 http body 里，所以我們要從 body 獲取

package main

import (
    "encoding/json"
    "fmt"
    "net/http"
)

func main() {
    http.HandleFunc("/openid", getOpenID)
    http.ListenAndServe(":2020", nil)
}

func getOpenID(writer http.ResponseWriter, request *http.Request) {
    if request.Method != http.MethodPost {
        return
    }

    var codeMap map[string]string
    err := json.NewDecoder(request.Body).Decode(&codeMap)
    if err != nil {
        return
    }
    defer request.Body.Close()

    code := codeMap["code"]
    openid, err := sendWxAuthAPI(code)
    if err != nil {
        return
    }
    fmt.Println("my openid", openid)
}

const (
    code2sessionURL = "https://api.weixin.qq.com/sns/jscode2session?appid=%s&secret=%s&js_code=%s&grant_type=authorization_code"
    appID           = "你的AppID"
    appSecret       = "你的AppSecret"
)

func sendWxAuthAPI(code string) (string, error) {
    url := fmt.Sprintf(code2sessionURL, appID, appSecret, code)
    resp, err := http.DefaultClient.Get(url)
    if err != nil {
        return "", err
    }
    var wxMap map[string]string
    err = json.NewDecoder(resp.Body).Decode(&wxMap)
    if err != nil {
        return "", err
    }
    defer resp.Body.Close()

    return wxMap["openid"], nil
}

運(yùn)行結(jié)果

運(yùn)行代碼，在小程序中點(diǎn)擊：

結(jié)果：