nodejs實(shí)現(xiàn)微信授權(quán)

longmon 發(fā)布于2019-08-21 17:56 / 3429人閱讀

摘要：背景項(xiàng)目基于開(kāi)發(fā)服務(wù)器用，提供微信授權(quán)和跨域使用微信獲取經(jīng)緯度，再利用百度地圖獲取用戶所在城市待優(yōu)化問(wèn)題項(xiàng)目的微信授權(quán)基于老的項(xiàng)目，寫的有點(diǎn)不夠優(yōu)雅自己開(kāi)發(fā)時(shí)把授權(quán)信息存到了里面，導(dǎo)致每次進(jìn)入項(xiàng)目都要走一遍授權(quán)，浪費(fèi)時(shí)間和影響用戶體驗(yàn)解決方

背景
項(xiàng)目基于angular1.3開(kāi)發(fā)
web服務(wù)器用node，提供微信授權(quán)和跨域
使用微信jssdk獲取經(jīng)緯度，再利用百度地圖API獲取用戶所在城市

待優(yōu)化問(wèn)題：
項(xiàng)目的微信授權(quán)基于老的項(xiàng)目，寫的有點(diǎn)不夠優(yōu)雅；
自己開(kāi)發(fā)時(shí)把授權(quán)信息存到了sessionStorage里面，導(dǎo)致每次進(jìn)入項(xiàng)目都要走一遍授權(quán)，浪費(fèi)時(shí)間和影響用戶體驗(yàn)；

解決方案：
重寫授權(quán)，讓項(xiàng)目初始化時(shí)只請(qǐng)求一個(gè)接口，就可以拿到用戶的基本信息；將獲取的用戶基本信息存在cookie里面，并設(shè)置一個(gè)比較長(zhǎng)的過(guò)期時(shí)間，以便用戶在某一段時(shí)間內(nèi)訪問(wèn)可以不用再次授權(quán),拿微信授權(quán)的相關(guān)代碼就貼在下面了.

服務(wù)端用node+express

路由部分

router.js
/**
 * router
 */
const express = require("express");
const router = express.Router();
const wxAuth = require("../wxAuth.js");
router.get("/auth", wxAuth.getCode, (req, res, next) => {
    // 授權(quán)調(diào)用
});
router.get("/wxAuth/getUserInfo", wxAuth.getAccessToken, wxAuth.getUserInfo, (req, res, next) => {
    let back_url = req.query.back_url;
    console.log("back_url=="+back_url);
    if (back_url.indexOf("?path=")) {
        back_url = back_url.replace("?path=","#/")
        console.log(back_url);
    }
    res.redirect(back_url);
});
module.exports = router;

授權(quán)中間件 wxAuth.js
//微信公眾號(hào)的appId和appSecret配置文件
const weixin = require("../weixin.config.js")

const request = require("request")
const appId = weixin.appID;
const appSecret = weixin.appsecret;
const Host = "http://example.com"
exports.getCode = (req, res, next) => {
    if (req.cookies && req.cookies.openid) {
        next();
    } else {
        console.log(req)
        let back_url = escape(req.query.back_url);
        console.log(req.query.back_url)
        let redirect_url = `http://mall.yizhenjia.com/wxAuth/getUserInfo?back_url=${back_url}`;
        let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirect_url}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect `;
        console.log(url);
        res.redirect(url);
    }
}
exports.getAccessToken = (req, res, next) => {
    console.log("====accessToken")
    // console.log(req.query)
    let code = req.query.code;
    let url = `https://api.weixin.qq.com/sns/oauth2/access_token?appid=${appId}&secret=${appSecret}&code=${code}&grant_type=authorization_code `;
    request(url, (error, response, body) => {
        let result = JSON.parse(body);
        console.log(result)
        req.access_token = result.access_token;
        req.openid = result.openid;
        next();
    });
}
exports.getUserInfo = (req, res, next) => {
    console.log("====getUserInfo")
    let access_token = req.access_token;
    let openid = req.openid;
    let url = `https://api.weixin.qq.com/sns/userinfo?access_token=${access_token}&openid=${openid}&lang=zh_CN `
    request(url, (error, response, body) => {
        console.log(body)
        let result = JSON.parse(body);
        res.cookie("openid", result.openid, { maxAge: 24 * 60 * 60 * 1000, httpOnly: false });
        res.cookie("unionid", result.unionid, { maxAge: 24 * 60 * 60 * 1000, httpOnly: false });
        res.cookie("nickname", result.nickname, { maxAge: 24 * 60 * 60 * 1000, httpOnly: false });
        res.cookie("headimgurl", result.headimgurl, { maxAge: 24 * 60 * 60 * 1000, httpOnly: false });
        next();
    });
}

在angular項(xiàng)目啟動(dòng)的時(shí)候，就判斷有沒(méi)有用戶union的cookie存在，如果不存在就去授權(quán)，并阻止視圖渲染

獲取授權(quán)，因?yàn)槲⑿攀跈?quán)的時(shí)候，會(huì)忽略angular路由的哈希值后面的內(nèi)容，所以把哈希值做了轉(zhuǎn)換，在服務(wù)端的router.js里面，又把哈希值還原，在重定向的時(shí)候?qū)懺趗rl里

//放在commonUtil服務(wù)里面
轉(zhuǎn)換url,將路由參數(shù)傳給服務(wù)器，然后在授權(quán)結(jié)束后，在重定向的url里獲取路由的哈希值（這里的哈希處理更多的是為了后面微信支付路徑的問(wèn)題）
self.getAuth = function() {
    var hash = window.location.hash.replace("#/", "?path=");
    var origin = window.location.origin;
    var pathname = window.location.pathname;
    var bcakUrl = origin + pathname + hash;
    window.location.href = "/auth?back_url=" + bcakUrl;
}
 

判斷授權(quán),沒(méi)有授權(quán)情況下阻止默認(rèn)渲染，并請(qǐng)求授權(quán)（在其他框架的時(shí)候也可以做類似處理）
 
 $rootScope.$on("$stateChangeStart", function(event) {
   if (!cookieUtil.hasCookie("unionid") || !cookieUtil.hasCookie("openid")) {
      commonUtil.getAuth();
      event.preventDefault();
     }
 });
 //cookieUtil判斷cookie是否存在，設(shè)置cookie和獲取cookie值（angular service）

授權(quán)源碼

GPU云服務(wù)器云服務(wù)器微信授權(quán)詳解微信網(wǎng)頁(yè)授權(quán) 微信授權(quán)java php微信登錄授權(quán)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90232.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

longmon

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

stm32mini開(kāi)發(fā)板lora模塊例程中中文字庫(kù)更新失敗的解決方案

閱讀 3662·2021-11-15 11:37
思維導(dǎo)圖整理大廠面試高頻數(shù)組補(bǔ)充1: 最接近的三數(shù)之和和三數(shù)之和的兩個(gè)不同之處, 力扣16

閱讀 2990·2021-11-12 10:36
手機(jī)主機(jī)名是什么-蘋果手機(jī)主機(jī)名是什么？

閱讀 4450·2021-09-22 15:51
Go 1.17 發(fā)布，主要更新了工具鏈、運(yùn)行時(shí)和庫(kù)的實(shí)現(xiàn)

閱讀 2394·2021-08-27 16:18
h5文字超出，兩行顯示，超出顯示省略號(hào)

閱讀 898·2019-08-30 15:44
css單位

閱讀 2176·2019-08-30 10:58
Image Load Error Handler

閱讀 1792·2019-08-29 17:18
前端開(kāi)發(fā)面試問(wèn)題及答案整理

閱讀 3288·2019-08-28 18:25

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

nodejs實(shí)現(xiàn)微信授權(quán)

相關(guān)文章

2018微博詞云項(xiàng)目深度解析

nodejs微信開(kāi)發(fā)---接入指南

Fiddler助力微信開(kāi)發(fā)調(diào)試

微信公眾號(hào)開(kāi)發(fā)

登錄那些事兒

發(fā)表評(píng)論

0條評(píng)論

longmon

男|高級(jí)講師

TA的文章

stm32mini開(kāi)發(fā)板lora模塊例程中中文字庫(kù)更新失敗的解決方案

思維導(dǎo)圖整理大廠面試高頻數(shù)組補(bǔ)充1: 最接近的三數(shù)之和和三數(shù)之和的兩個(gè)不同之處, 力扣16

手機(jī)主機(jī)名是什么-蘋果手機(jī)主機(jī)名是什么？

Go 1.17 發(fā)布，主要更新了工具鏈、運(yùn)行時(shí)和庫(kù)的實(shí)現(xiàn)

h5文字超出，兩行顯示，超出顯示省略號(hào)

css單位

Image Load Error Handler

前端開(kāi)發(fā)面試問(wèn)題及答案整理

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

nodejs實(shí)現(xiàn)微信授權(quán)

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！