解决一个微信号同时支持多个环境网页授权问题

网络编程发布日期：2024/11/12 浏览次数：1

正在浏览：解决一个微信号同时支持多个环境网页授权问题

项目进行微信开发，认证了一个微信服务号专门用于内部测试，但是内部可能存在多套不同环境(开发dev、测试sit、预发布uat)等，由于微信限制一个服务号只能配置一个网页授权域名，又不可能给每个环境单独配一个服务号，这样不仅需要成本而且很浪费资源，所以重点需要解决下面这个问题：

1、可以自动区分环境。比方部署开发环境。url可能是http://dev.xxx.com/api/，而在测试环境的时候应该是http://sit.xxx.com/api/。而并且不能写死，否则开发和测试就要换来换去。非常麻烦

本文总结分享一下思路：

主要是通过中间页面代理获取微信授权CODE，然后跳转到对应需要使用的环境URL下;

比如原来开发环境, 微信中授权域名配置的是dev.xxx.com，那么现在配置的是一个代理域名proxy.xxx.com，通过代理域名拿到code后在跳回dev.xxx.com，如下图所示

代码片段 getCode.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>微信授权登录</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"https://open.weixin.qq.com/connect/oauth2/authorize"+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('"&code=" + code;
  }else{
    location.href = redirect + "" + 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"color: #ff0000">总结

以上所述是小编给大家介绍的解决一个微信号同时支持多个环境网页授权问题呢,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

上一篇：弱类型语言javascript中 a,b 的运算实例小结

下一篇：vue+element项目中过滤输入框特殊字符小结

一句话新闻

一文看懂荣耀MagicBook Pro 16

荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？