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

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

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

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

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

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

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

比如原來開發(fā)環(huán)境, 微信中授權(quán)域名配置的是dev.xxx.com，那么現(xiàn)在配置的是一個代理域名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é)

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

您可能感興趣的文章: