如何从 web 应用程序获取用户的微信打开 id？

Posted 2023-03-07

【中文标题】如何从 web 应用程序获取用户的微信打开 id？

【英文标题】：How to get a user's wechat open id from a web app?

【发布时间】：2018-03-07 10:35:23

【问题描述】：

我有一个预订网络应用，我们正在考虑在用户预订后通过微信向他发送消息。

我查看了微信文档，发现我们需要用户的openid，但我不知道如何获取。

我必须编写“微信登录”按钮吗？

【问题讨论】：

Wechat ID = User ID Open ID = User ID + App ID 另见：***.com/questions/37316126/…

【参考方案1】：

需要获取微信公众号才能获取用户open id，请去throwhttps://open.weixin.qq.com/

【参考方案2】：

这是我们可以用来在登录时获取 openId 的一种方法。

步骤：

1- 我们使用wx.login 登录用户。 2- 我们通过 `wx.getUserInfo 获取 userInfo。 3- 并行我们得到

openId

要获取 openId：我们向服务器上的https://api.weixin.qq.com/sns/jscode2session?发出 GET 请求。 出于安全考虑，微信不允许我们在客户端向他们的 api 发出 GET 请求。

    // Client-side
    /**
     * @description Handle the login to wechat
     * https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html
     * @returns Promise Return the user's wechat information.
     * "openId", "nickName","gender", "city", "province", "country", "avatarUrl" 
     */
    export function handleWxLogin() 
      return new Promise((resolve, reject) => 
         wx.login(
            success : async function (res) 
              const js_code = res.code;
              const userInfo =  getUserInfo()
              const openID = getOpenID(js_code)
              const payload = 
                ...await userInfo,
                ...openID:await openID
              
              console.info('handleWxLogin payload:', payload);
              resolve(payload)
            ,
            fail: function(err)
              console.log('wx.login error:',err);
              reject(err)
               
            )
        )
    
    /**
     * @description GET request to get the OpenID from the server.
     * @param String js_code
     * @returns Promise Return openID
     */
    async function getOpenID(js_code)
      // A GET request to our back-end.
     return http.get(`wxUnionID?js_code=$js_code`).then(res => 
        if(res)
          return res.data.openid;
        
      ).catch(err => 
        console.warn('getOpenID error:',err,);
      )
    
    
    /**
     * @description Get the userInfo with wx.getUserInfo
     * https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html
     * @returns Promise returns an object
     */
    function getUserInfo()
      return new Promise((resolve, reject) => 
        wx.getUserInfo(
          success: async function(res) 
            const userInfo = res.userInfo;
            resolve(userInfo)
          ,
          fail: function(err)
            console.warn('getUserInfo error:',err,);
            reject('getUserInfo error:',err)
          
        )
      )
    

在服务器端：

要获得

openId

，我们需要： js_code : 登录时提供的代码 apiid 和 secret：可以在 developer dashboard 上找到

    const bent = require("bent");
    /**
     * @description We get the openid from weixin.
     * https://developers.weixin.qq.com/miniprogram/en/dev/api-backend/open-api/login/auth.code2Session.html
     * @param String js_code (the code provided during the login)
     * APP_ID and APP_SECRET can be found on the developper dashboard.
     * @returns Promise session_key, openid
     */
    module.exports = 
      wxUnionID: async ctx => 
        const query = ctx.request.query;
        const js_code = query.js_code;
        const getJSON = bent("json");
        const user = await getJSON(
          `https://api.weixin.qq.com/sns/jscode2session?appid=$process.env.APP_ID&secret=$process.env.APP_SECRET&js_code=$js_code`
        );
        console.info('user:', user)
        if(user.openid)
          ctx.send(
            statusCode: 200,
            error: null,
            data:user,
          );
        else
          ctx.send(
            statusCode: 400,
            error: user,
            data:null,
          );
        
      
    ;