wx-open-launch-weapp跳转小程序的注意点以及signature签名

最新推荐文章于 2024-06-18 17:23:03 发布

godflyfly

最新推荐文章于 2024-06-18 17:23:03 发布

阅读量1k

点赞数 1

文章标签：小程序

本文链接：https://blog.csdn.net/godflyfly/article/details/124713930

版权

1、公众号需要是服务号（认证通过的）

2、openTagList得填需要申请的标签名（例如wx-open-launch-weapp）

3、引入https://res.wx.qq.com/open/js/jweixin-1.6.0.js（1.6.0版本）

4、wx-open-launch-weapp标签path路径得加.html

5、signature签名参考代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<title></title>
		<style type="text/css">
		</style>
	</head>
	<body>
       <div>
		<wx-open-launch-weapp 
		id="launch-btn"
		username="xxx"
		path="package_a/welfare_coupon/welfare_coupon.html">
			<script type="text/wxtag-template">
			 <style>.btn { padding: 12px;width:50px;height:50px;background-color: #2BA245;color:#fff }</style>
			 <button class="btn">打开小程序</button>
	   		</script>
		</wx-open-launch-weapp>
	   </div>
	</body>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	<script>

    $.ajax({
      url:"url",
      type:"get",
      // data:params,
      contentType:false,
      processData:false,
      success:function(res){
        res=JSON.parse(res)
		var path = window.location.href;
		var that = this;
		let jsapi_ticket = res.ticket
		let timestamp = Date.parse(new Date()) / 1000;
		let nonceStr = randomWord(16)
		let url = path
		let string = "jsapi_ticket=" + jsapi_ticket + "&noncestr=" + nonceStr + "&timestamp=" + timestamp + "&url=" + url
		console.log(string)
		let signature = sha1(string)
		wx.config({
			debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId: "wx*****", // 必填，公众号的唯一标识
			timestamp: timestamp, // 必填，生成签名的时间戳
			nonceStr: nonceStr, // 必填，生成签名的随机串
			signature: signature, // 必填，签名
			jsApiList: ["checkJsApi","updateTimelineShareData",'chooseImage', 'previewImage','onMenuShareTimeline','wx-open-subscribe', 'wx-open-launch-weapp'], // 必填，需要使用的JS接口列表
			openTagList: ['wx-open-subscribe', 'wx-open-launch-weapp'] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
		})
		wx.ready(function() {
		// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
          console.log("成功")
        });
			wx.error(function() {
				// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
        console.log("失败")
      });
      }
    })
	
		function randomWord(range) {
			var str = "",
				arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j',
					'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E',
					'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
				];
			// 随机产生
			for (var i = 0; i < range; i++) {
				let pos = Math.round(Math.random() * (arr.length - 1));
				str += arr[pos];
			}
			return str;
		}

		function encodeUTF8(s) {
			var i, r = [],
				c, x;
			for (i = 0; i < s.length; i++)
				if ((c = s.charCodeAt(i)) < 0x80) r.push(c);
				else if (c < 0x800) r.push(0xC0 + (c >> 6 & 0x1F), 0x80 + (c & 0x3F));
			else {
				if ((x = c ^ 0xD800) >> 10 == 0) //对四字节UTF-16转换为Unicode
					c = (x << 10) + (s.charCodeAt(++i) ^ 0xDC00) + 0x10000,
					r.push(0xF0 + (c >> 18 & 0x7), 0x80 + (c >> 12 & 0x3F));
				else r.push(0xE0 + (c >> 12 & 0xF));
				r.push(0x80 + (c >> 6 & 0x3F), 0x80 + (c & 0x3F));
			};
			return r;
		}

		// 字符串加密成 hex 字符串
		function sha1(s) {
			var data = new Uint8Array(encodeUTF8(s))
			var i, j, t;
			var l = ((data.length + 8) >>> 6 << 4) + 16,
				s = new Uint8Array(l << 2);
			s.set(new Uint8Array(data.buffer)), s = new Uint32Array(s.buffer);
			for (t = new DataView(s.buffer), i = 0; i < l; i++) s[i] = t.getUint32(i << 2);
			s[data.length >> 2] |= 0x80 << (24 - (data.length & 3) * 8);
			s[l - 1] = data.length << 3;
			var w = [],
				f = [
					function() {
						return m[1] & m[2] | ~m[1] & m[3];
					},
					function() {
						return m[1] ^ m[2] ^ m[3];
					},
					function() {
						return m[1] & m[2] | m[1] & m[3] | m[2] & m[3];
					},
					function() {
						return m[1] ^ m[2] ^ m[3];
					}
				],
				rol = function(n, c) {
					return n << c | n >>> (32 - c);
				},
				k = [1518500249, 1859775393, -1894007588, -899497514],
				m = [1732584193, -271733879, null, null, -1009589776];
			m[2] = ~m[0], m[3] = ~m[1];
			for (i = 0; i < s.length; i += 16) {
				var o = m.slice(0);
				for (j = 0; j < 80; j++)
					w[j] = j < 16 ? s[i + j] : rol(w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16], 1),
					t = rol(m[0], 5) + f[j / 20 | 0]() + m[4] + w[j] + k[j / 20 | 0] | 0,
					m[1] = rol(m[1], 30), m.pop(), m.unshift(t);
				for (j = 0; j < 5; j++) m[j] = m[j] + o[j] | 0;
			};
			t = new DataView(new Uint32Array(m).buffer);
			for (var i = 0; i < 5; i++) m[i] = t.getUint32(i << 2);

			var hex = Array.prototype.map.call(new Uint8Array(new Uint32Array(m).buffer), function(e) {
				return (e < 16 ? "0" : "") + e.toString(16);
			}).join("");
			return hex;
		}
	</script>
</html>

godflyfly

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
wx-open-launch-weapp跳转小程序的注意点以及signature签名

1、公众号需要是服务号（认证通过的）2、openTagList得填需要申请的标签名（例如wx-open-launch-weapp）3、引入https://res.wx.qq.com/open/js/jweixin-1.6.0.js（1.6.0版本）4、wx-open-launch-weapp标签path路径得加.html5、signature签名参考代码<!DOCTYPE html><html> <head> <meta charset
复制链接

扫一扫