微信H5关于获取微信JSDK(uniapp)
- Android、IOS浏览器内置环境的兼容
- 编译配置Hash、History模式的选择
- 配置Demo示例
hash会携带#
改变#号后面的内容时,不会重新加载的,会新增访问历史记录。
history不会携带#(强迫症-.-)
直接重载页面以及各类奇特问题:跳转页面白屏闪烁、无法返回、返回、等
//拟化描述
/*
1.进入微信公众号配置的站点页面,需要使用相关的JSDK配置Config信息来协助我们同微信Api的交互
2.开门需要一把钥匙(访问页面路径的完整地址且符合使用规范的网址)->官方文档
*/
/*
IOS:进入站点的首个页面!!!!(首个页面路径)
*/
/*
Android:以当前访问页面地址即可
*/
//进入站点执行的一次业务-保持本次业务闭环的有效性
const IOSUrl = window.location.href;
//微信JSDK配置
WxConfig:async function(status){
//配置验证是否为微信内置H5环境
//let IsWeChat = await WxApi.VerifyClient();
//if(IsWeChat=="nowx") return console.log(IsWeChat,"非微信客户端-禁止使用WxConfig方法");
let Local = "";
if(/(Android)/i.test(navigator.userAgent)){
Local = encodeURIComponent(window.location.href.split('#')[0]);
}else{
Local = encodeURIComponent(IOSUrl);
}
let res = await this.HttpGet("you get url?path="+Local);
if(res.ret==1){}
else{return false}
}
/*
方法调用,可以放置在公告方法的位置或是单独的页面需求,来处理业务逻辑
*/
官方文档:微信开发文档(微信H5)
JSDK的具体使用:官方JSDK使用文档
总结:
值有效、但是因为环境的不同、可能导致在当前环境不可使用。
如有不理解的地方、可以留言。