詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs8.0+
步驟:
1、通過wx.login接口獲取code既jscode,傳遞到后端;
2、后端請求
地址,就能獲取到openid和unionid。
小程序接口promise化和封裝
1、utils文件夾下創(chuàng)建wechat.js文件
/** * Promise化小程序接口 */ class Wechat { /** * 登陸 * @return {Promise} */ static login() { return new Promise((resolve, reject) => wx.login({ success: resolve, fail: reject })); }; /** * 獲取用戶信息 * @return {Promise} */ static getUserInfo() { return new Promise((resolve, reject) => wx.getUserInfo({ success: resolve, fail: reject })); }; /** * 發(fā)起網(wǎng)絡(luò)請求 * @param {string} url * @param {object} params * @return {Promise} */ static request(url, params, method = "GET", type = "json") { console.log("向后端傳遞的參數(shù)", params); return new Promise((resolve, reject) => { let opts = { url: url, data: Object.assign({}, params), method: method, header: { 'Content-Type': type }, success: resolve, fail: reject } console.log("請求的URL", opts.url); wx.request(opts); }); }; /** * 獲取微信數(shù)據(jù),傳遞給后端 */ static getCryptoData() { let code = ""; return this.login() .then(data => { code = data.code; console.log("login接口獲取的code:", code); return this.getUserInfo(); }) .then(data => { console.log("getUserInfo接口", data); let obj = { js_code: code, }; return Promise.resolve(obj); }) .catch(e => { console.log(e); return Promise.reject(e); }) }; /** * 從后端獲取openid * @param {object} params */ static getMyOpenid(params) { let url = 'https://xx.xxxxxx.cn/api/openid'; return this.request(url, params, "POST", "application/x-www-form-urlencoded"); }; } module.exports = Wechat;
2、修改小程序的app.js文件
let wechat = require('./utils/wechat.js'); App({ onLaunch() { this.getUserInfo(); }, getUserInfo() { wechat.getCryptoData() .then(d => { return wechat.getMyOpenid(d); }) .then(d => { console.log("從后端獲取的openid", d.data); }) .catch(e => { console.log(e); }) } })
后端nodejs,是用的express命令行生成的項目框架,
1、創(chuàng)建common文件夾,創(chuàng)建utils文件,使用request模塊請求接口,promise化request
const request = require("request"); class Ut { /** * promise化request * @param {object} opts * @return {Promise<[]>} */ static promiseReq(opts = {}) { return new Promise((resolve, reject) => { request(opts, (e, r, d) => { if (e) { return reject(e); } if (r.statusCode != 200) { return reject(`back statusCode:${r.statusCode}`); } return resolve(d); }); }) }; }; module.exports = Ut;
2、新增路由,appId、secret在小程序的后臺獲取
router.post("/openid", async (req, res) => { const Ut = require("../common/utils"); try { console.log(req.body); let appId = "wx70xxxxxxbed01b"; let secret = "5ec6exxxxxx49bf161a79dd4"; let { js_code } = req.body; let opts = { url: `https://api.weixin.qq.com/sns/jscode2session?appid=${appId}&secret=${secret}&js_code=${js_code}&grant_type=authorization_code` } let r1 = await Ut.promiseReq(opts); r1 = JSON.parse(r1); console.log(r1); res.json(r1); } catch (e) { console.log(e); res.json(''); } })
結(jié)果:
這個返回結(jié)果沒有unionid,按照官方的說法,需要在微信開放平臺綁定小程序;
參考地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html
https://mp.weixin.qq.com/debug/wxadoc/dev/api/uinionID.html
以上所述是小編給大家介紹的微信小程序獲取session_key,openid,unionid的方法詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
網(wǎng)頁實時顯示服務(wù)器時間和javscript自運行時鐘
如果每秒通過ajax加載服務(wù)器時間的話,就會產(chǎn)生大量的請求,于是打算使用js 來解決這個需求2014-06-06js將網(wǎng)址轉(zhuǎn)為urlencode類型
網(wǎng)址urlencode加密函數(shù),主要用于中文目錄2008-06-06Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11