微信公众号开发：网页授权

1. // 判断是否是微信环境
2. const isWechat = ()=> {
3. return String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger";
4. }

1. // 获取url里code值
2. const getUrlCode = (name: string)=> {
3.     let reg = ((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)') as any).exec(location.href) || [, ''])[1].replace(/\+/g, '%20')
4. return decodeURIComponent(reg) || null
5. }

1. // 判断字符串是否为空，没有值返回true，有值，返回false
2. const stringIsEmpty = function (obj: any){
3. if(typeof obj == "undefined" || obj == null || obj == ""){
4. return true;
5.     }else{
6. return false;
7.     }
8. }

1. const getWxCode = (redirect_path: String) =>{
2.  console.log('31', redirect_path);
3.  if(isWechat()) {
4.    console.log('getWxCode33');
5.    // 截取地址中的code，如果没有code就去微信授权，如果已经获取到code了就直接把code传给后台获取openId  redirect_uri 是你的站点域名，一定要encodeURIComponent
6.    let code = getUrlCode('code')
7.     console.log('37code', code)
8.    if (stringIsEmpty(code)) {
9.       console.log('39code', code)
10.       window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxappid&redirect_uri=' + encodeURIComponent('https://md.abc.com.cn/'+redirect_path) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
11.       //redirect_uri地址里面不能多/，如果多一个/就会跳转不成功，所以redirect_path要注意是/pages/clue/cule
12.       // redirect_uri是授权成功后，跳转的url地址，微信会帮我们跳转到该链接，并且通过？的形式拼接code，这里需要用encodeURIComponent对链接进行处理。
13.       // 如果配置参数一一对应，那么此时已经通过回调地址刷新页面后，你就会再地址栏中看到code了。
14.       // http://127.0.0.1/pages/views/profile/login/login?code=001BWV4J1lRzz00H4J1J1vRE4J1BWV4q&state=1
15.     }
16.   } else {
17.     console.log('请在微信客户端打开！');
18.   }
19. }

1. const getUrlCode = (name: string)=> {
2.     let reg = ((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)') as any).exec(location.href) || [, ''])[1].replace(/\+/g, '%20')
3. return decodeURIComponent(reg) || null
4. }