溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間：2021-08-02 14:13:10 來源：億速云 閱讀：128 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何解決一個(gè)微信號(hào)同時(shí)支持多個(gè)環(huán)境網(wǎng)頁授權(quán)問題，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

項(xiàng)目進(jìn)行微信開發(fā)， 認(rèn)證了一個(gè)微信服務(wù)號(hào)專門用于內(nèi)部測試，但是內(nèi)部可能存在多套不同環(huán)境(開發(fā)dev、測試sit、預(yù)發(fā)布uat)等，由于微信限制一個(gè)服務(wù)號(hào)只能配置一個(gè)網(wǎng)頁授權(quán)域名， 又不可能給每個(gè)環(huán)境單獨(dú)配一個(gè)服務(wù)號(hào)，這樣不僅需要成本而且很浪費(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ā)和測試就要換來換去。非常麻煩

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

本文總結(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，如下圖所示

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

代碼片段 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/oauth3/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>

關(guān)于“如何解決一個(gè)微信號(hào)同時(shí)支持多個(gè)環(huán)境網(wǎng)頁授權(quán)問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手