简单描述一下, 按照公司需求简单开发了一个中转的H5链接跳转到小程序(听说现在小程序官方已经支持直接跳转),jQuery页面获取自动生成的参数,我们的流程主要是手机APP下发短信链接到用户手机,用户点击后跳转至浏览器,通过浏览器跳转至小程序(链接当中携带参数,参数是base64加密的,所以多了一步解密的操作),很简单的需求,上代码: `
<head>
<title>标题名</title>
</head>
<body>
<div>
<div style="text-align: center;margin: 0 auto;display: block;padding: 8px 24px;margin-top: 400px;">
<img src="img/logo2x.png" style="width:130px;height: 120px;">
<p style="font-size: 30px;color:#4444BB;">小程序名称</p>
<button id = "wxBtn" onclick="openwxlite()" style="width: 350px; height: 50px; text-align: center; font-size: 20px; display: block; margin: 0 auto; padding: 8px 24px; border: none; border-radius: 25px; background-color: #4444BB;color:#fff;">
小程序名称
</button>
</div>
</div>
</body>
<script src='js/jquery-1.9.1.min.js'></script>//要引入jquery
<script src='js/jquery.base64.js'></script>//引入base64文件做解密操作
<script type="text/javascript">
var wxUrlGlobal = '';
$(function() {
var data = getUrlParam("data");
var wxUrl = $.base64.atob(data, true)
console.log('---------获取wx url链接----------');
console.log(wxUrl);
wxUrlGlobal = wxUrl;
location.href = wxUrl;
})
//获取url中的参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if(r != null) return unescape(r[2]);
return null; //返回参数值
}
function openwxlite() {
location.href = wxUrlGlobal;
}
</script>
`