微信公众号网页开发jweixin.js的使用

 

首先申请测试账号

 

获取以下信息

使用你的appId和appsecret获取token

​​https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wxa4cec9585a0c6&secret=4e3a25657f654f522a8201841138a​​

 

使用获取的token获取ticket

​​https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=31_u4X7j6KLjuoO0AC6Kh60xwVDuqVN76ukk61OGRr-uvrze5fD7phVZwsTU7RlcZJgWIVQPTRrMNzTcbQTUohxX56fi_UNB_IsH-fNexzjEuygmakrSFDwbirA-jWU2mJQ6mFMaPE-U6wU-9piJYGbAGARGO&type=jsapi​​

 

{"errcode":0,"errmsg":"ok","ticket":"HoagFKDcsGMVCIY2vOjf9txntvvkykCDEPmzHimZjozChuER3EQLuCCIPS2CZdam_aVJW6uQmL8Q-zO8sQ5Ynw","expires_in":7200}

生成signature

            const timestamp = parseInt(new Date().getTime() / 1000)
            const str = `jsapi_ticket=HoagFKDcsGMVCIY2vOjf9txntvvkykCDEPmzHimZjoxSzowS5ie_l1iIfXdvXDe1CE92az7m0eZtkwiK8lFOSA&noncestr=Wm3WZYTPz0wzccnC×tamp=${timestamp}&url=http://192.168.3.116:8080/h5/pages/index/share`
            const signature = this.sha1(str)
            console.log(signature)
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wxa4cec9585a0c00d6', // 必填，公众号的唯一标识
                timestamp: timestamp, // 必填，生成签名的时间戳
                nonceStr: 'Wm3WZYTPz0wzccnC', // 必填，生成签名的随机串
                signature: signature, // 必填，签名//
                jsApiList: ['hideAllNonBaseMenuItem', 'hideMenuItems']
            })

 

开始调用微信js的方法​

          wx.ready(() => {
                console.log(wx)
                this.test()
                // wx.showMenuItems({
                //     menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline']
                // })
                // // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                // // wx.showMenuItems({
                // //     menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline']
                // // })
                // wx.onMenuShareAppMessage = function (e) {
                //     console.log(e)
                //     console.log(21213)
                // }
                // wx.onMenuShareTimeline({ // 朋友圈
                //     title: '', // 分享标题
                //     desc: '', // 分享描述
                //     link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                //     imgUrl: '', // 分享图标
                //     success: function () {
                //         Router.replace({name: 'index'})
                //     },
                //     error: function () {
                //         console.log(213123)
                //     }
                // })
                wx.hideAllNonBaseMenuItem()
            })
            wx.error(function (res) {
                console.log(res)
            })