快捷導(dǎo)航

解決一個(gè)微信號同時(shí)支持多個(gè)環(huán)境網(wǎng)頁授權(quán)問題

更新時(shí)間：2019年08月07日 09:18:23 作者：憤怒的小菜雞

由于微信限制一個(gè)服務(wù)號只能配置一個(gè)網(wǎng)頁授權(quán)域名，又不可能給每個(gè)環(huán)境單獨(dú)配一個(gè)服務(wù)號，這樣不僅需要成本而且很浪費(fèi)資源，下面小編給大家?guī)砹私鉀Q一個(gè)微信號同時(shí)支持多個(gè)環(huán)境網(wǎng)頁授權(quán)問題，感興趣的朋友一起看看吧

項(xiàng)目進(jìn)行微信開發(fā)，認(rèn)證了一個(gè)微信服務(wù)號專門用于內(nèi)部測試，但是內(nèi)部可能存在多套不同環(huán)境(開發(fā)dev、測試sit、預(yù)發(fā)布uat)等，由于微信限制一個(gè)服務(wù)號只能配置一個(gè)網(wǎng)頁授權(quán)域名，又不可能給每個(gè)環(huán)境單獨(dú)配一個(gè)服務(wù)號，這樣不僅需要成本而且很浪費(fèi)資源，所以重點(diǎn)需要解決下面這個(gè)問題：

1、可以自動(dòng)區(qū)分環(huán)境。比方部署開發(fā)環(huán)境。url可能是http://dev.xxx.com/api/，而在測試環(huán)境的時(shí)候應(yīng)該是http://sit.xxx.com/api/。而并且不能寫死，否則開發(fā)和測試就要換來換去。非常麻煩

本文總結(jié)分享一下思路：

主要是通過中間頁面代理獲取微信授權(quán)CODE，然后跳轉(zhuǎn)到對應(yīng)需要使用的環(huán)境URL下;

比如原來開發(fā)環(huán)境, 微信中授權(quán)域名配置的是dev.xxx.com，那么現(xiàn)在配置的是一個(gè)代理域名proxy.xxx.com，通過代理域名拿到code后在跳回dev.xxx.com，如下圖所示

代碼片段 getCode.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>微信授權(quán)登錄</title>
</head>
<body>
</body>
<script>
 var code = getPara("code");
 if(!code)
 {
  var redirect = getPara("url");
  var appid = getPara("appid");
  var _from = getPara("from");
  var redirect_url = encodeURIComponent('https://proxy.xxx.com/getCode.html?url='+redirect);
  var 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";
  location.href = url;
 }else{
  var redirect = getPara("url");
  var code = getPara("code");
  if(redirect.split('?').length > 1){
  location.href = redirect + "&code=" + code;
  }else{
    location.href = redirect + "?code=" + code;
  }
 }
 function getPara(name){
  var url = location.href;
  eval("var reg = /("+name+"=[A-Za-z0-9_,-@!#\.\:\/]*)/i")
  var match = url.match(reg);
  if(match && match.length > 1){
    var arr = match[0].split("=");
  arr.shift();
  return arr.join('=');
  }else{
   return "";
  }
 }
</script>
</html>

使用方法https://proxy.xxx.com/getCode.html?url=http://dev.xxx.com/uinfo&appid=wx6d421c188956xx95

總結(jié)

以上所述是小編給大家介紹的解決一個(gè)微信號同時(shí)支持多個(gè)環(huán)境網(wǎng)頁授權(quán)問題呢,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

您可能感興趣的文章: