前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信公众号网页开发-js模拟后台生成signature方法

微信公众号网页开发-js模拟后台生成signature方法

作者头像
用户10106350
发布2022-10-28 13:33:09
2.9K0
发布2022-10-28 13:33:09
举报
文章被收录于专栏:WflynnWeb

首先申请测试账号

获取以下信息

使用你的appId和appsecret获取token

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

代码语言:javascript
复制
         使用获取的token获取ticket

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

代码语言:javascript
复制
{"errcode":0,"errmsg":"ok","ticket":"HoagFKDcsGMVCIY2vOjf9txntvvkykCDEPmzHimZjozChuER3EQLuCCIPS2CZdam_aVJW6uQmL8Q-zO8sQ5Ynw","expires_in":7200}

生成signature

代码语言:javascript
复制
            const timestamp = parseInt(new Date().getTime() / 1000)
            const str = `jsapi_ticket=HoagFKDcsGMVCIY2vOjf9txntvvkykCDEPmzHimZjoxSzowS5ie_l1iIfXdvXDe1CE92az7m0eZtkwiK8lFOSA&noncestr=Wm3WZYTPz0wzccnC&timestamp=${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的方法

代码语言:javascript
复制
            
            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)
            })
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-03-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 WflynnWeb 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档