1、首先webView嵌套一个授权公众号的H5页面
<web-view src="https://baidu.com"></web-view>
2、创建一个Html页面
引入
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
小程序进来后,会先走公众号授权,当授权成功后,会走微信回调,url会带一个code,你可以i通过code来判断是否授权,从而重新跳会小程序
注意:公众号授权域名必须和公众号开发平台的配置域名一样
<script>
/**获取url参数方法*/
function getParameterByName(name, url) {
if(!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
//匹配所有符合条件的,并取最后一个
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)",'g');
var results = url.match(regex);
var tempResults= results!=null && results[results.length-1]!=undefined?results[results.length-1]:'';
var finalResults=regex.exec(tempResults);
if(!finalResults) return "";
if(!finalResults[2]) return '';
return decodeURIComponent(finalResults[2].replace(/\+/g, " "));
}
if(getParameterByName('code')){
/**重新跳回小程序的方法*/
wx.miniProgram.redirectTo({url: '/pages/index/children/register/main?code=' + getParameterByName('code')})
//wx.miniProgram.switchTab({url: '/pages/index/index/main?code=' + getParameterByName('code')})
}else{
/**公众号授权方法*/
var uri = window.location.href;
window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=XXXXXXXXXXXXXXXXXX&redirect_uri="+uri+"&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect";
}
</script>