一个公众号多个网页授权

最新推荐文章于 2024-09-01 10:18:06 发布

A未设置

最新推荐文章于 2024-09-01 10:18:06 发布

阅读量1.6k

点赞数

分类专栏：笔记本文章标签： vue.js web app

本文链接：https://blog.csdn.net/nx250/article/details/109546802

版权

笔记本专栏收录该内容

7 篇文章

订阅专栏

一个公众号多个网页授权

问题描述
解决问题思路
解决方法

问题描述

你是否遇到过这各情况，在H5开发时，要用到微信授权，可同一个服务号只能填写两个域名，这样每开发一个应用就要换域名。
用vue开发时，因用到微信授权，每次都要打包上传到服务器上，才可以调试

解决问题思路

遇到这样的问题太棘手了。有没有这样一种方法，在微信服务器各我前端请求中间再加上一个中转服务器，我要微信制授权，就都去找中转服务器，再由中转服务器统一去微信要授权，得到授权后，转发到请求前端
之前的流程

加上中转服务器

按照上边的思路

首先我要搭建中转服务器
在中转服务器上处理前端和微信发来的数据请求

解决方法

oauth.php

<?php
//微信授权带code回调
$url = $_GET['redirect_uri'];
unset($_GET['redirect_uri']);
if( strpos($url,'?') === false ){
    $url .= '?' . http_build_query($_GET);
}else{
    $url .= '&' . http_build_query($_GET);
}
//跳转
//header("Location:".$url);
//var_dump($url);
echo "
    <script>
        location.href='{$url}';
    </script>
";

在你的服务器上配置一个站点，内容就放oauth.php这个文件
比如我的站点是oauth.abcde.cn
在微信授权接口那填写的地址是:http://oauth.abcde.cn/oauth.php
同时要把微信验证文件放到站点中
要授权页面代码(js)

function get_oauth(){
	var AppID = 'your AppID ';

	var redirect_uri = location.origin + location.pathname + location.hash

	//加上中间件的回调
	redirect_uri = "http://oauth.abcde.cn/oauth.php?redirect_uri=" + redirect_uri;
	
	//编码
	redirect_uri = encodeURIComponent(redirect_uri);
	
	location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+AppID+"&redirect_uri="+redirect_uri+"&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect";
}

以上就是一个公众号多个网页授权方法