微信小程序H5链接跳转(Jquery)

497 阅读1分钟

简单描述一下, 按照公司需求简单开发了一个中转的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>
`