微信获取签名demo

最新推荐文章于 2024-01-31 20:11:34 发布

&時光

最新推荐文章于 2024-01-31 20:11:34 发布

阅读量330

点赞数

分类专栏： js html 微信分享文章标签： nginx vue.js js javascript 微信公众平台

本文链接：https://blog.csdn.net/Time_Flies_lei/article/details/121417125

版权

html 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

微信分享

2 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>微信js</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="description" content="提示">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script>
        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;
        }
        var appid = "wx910fd1ad1d19a1fd";
        //var url = encodeURIComponent(window.location.href.split('#')[0])
        var url = window.location.href.split('#')[0];
        var timestamp = parseInt(new Date().getTime()/1000);
        var nonceStr = "lgG0SB8j";
        var jsapi_ticket ="O3SMpm8bG7kJnF36aXbe8_H9UOrleb2-aMV4es14TTbvmfJVDZhLHPzqaw-kXKHrNDELbjAwYBByn8nTUvRN-w";


       alert(url);
        var s = "jsapi_ticket="+jsapi_ticket+"&noncestr="+nonceStr+"&timestamp="+timestamp+"&url="+url;


        var signature= sha1(s);

        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
            appId: appid, // 必填，公众号的唯一标识
            timestamp: timestamp, // 必填，生成签名的时间戳
            nonceStr: nonceStr, // 必填，生成签名的随机串
            signature: signature, // 必填，签名
            jsApiList: ['chooseImage'], // 必填，需要使用的JS接口列表
            //openTagList: ['wx-open-launch-app'] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
        })
        wx.ready(function(){
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            alert("OK");
            wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
            var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            }
        });
        });
        wx.error(function(res){
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
            alert(res)
        });

       

      
    </script>
</head>
<body>
    <textarea id="d"></textarea>
	
</body>
<script>
var ss = "appId:"+ appid; // 必填，公众号的唯一标识
ss+="  timestamp:"+ timestamp; // 必填，生成签名的时间戳
ss+="  nonceStr:"+ nonceStr; // 必填，生成签名的随机串
ss+="  signature:"+ signature; // 必填，签名
ss+="  jsapi_ticket:"+jsapi_ticket
document.getElementById('d').innerHTML=ss;
</script>
</html>

这些参数要根据自己需求更换，jsapi_ticket是后台生成的，（2小时时效性），可以让后台那拿一下

 var appid = "wx910fd1ad1d19a1fd";
        //var url = encodeURIComponent(window.location.href.split('#')[0])
        var url = window.location.href.split('#')[0];
        var timestamp = parseInt(new Date().getTime()/1000);
        var nonceStr = "lgG0SB8j";
        var jsapi_ticket ="O3SMpm8bG7kJnF36aXbe8_H9UOrleb2-aMV4es14TTbvmfJVDZhLHPzqaw-kXKHrNDELbjAwYBByn8nTUvRN-w";

&時光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信获取签名demo

<html><head> <title>微信js</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">.
复制链接

扫一扫