美文网首页
微信JS-SDK使用

微信JS-SDK使用

作者: ME88 | 来源:发表于2021-07-02 23:02 被阅读0次

1.配置JS接口安全域名

2.引入JS文件<script src='http://res.wx.qq.com/open/js/jweixin-1.6.0.js'></script>

3.通过config接口注入权限验证配置

wx.config({

debug:true,// 开启调试模式

appId:'',            // 必填,公众号的唯一标识

timestamp:,     // 必填,生成签名的时间戳

nonceStr:'',      // 必填,生成签名的随机串

signature:'',      // 必填,签名

jsApiList:[]        // 必填,需要使用的JS接口列表

});

signature:''签名生成需要

noncestr=Wm3WZYTPz0wzccnW       //随机字符串(自定义)

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvk        //临时票据

 timestamp=1414587457            //生成签名时的时间戳 Date.now()

url=http://mp.weixin.qq.com?params=value      //当前页面地址

1.将上面4个参数组合为数组

2.将其字典排序,以&拼接在一起

3.进行sha1加密,生成 signature

4.通过ready接口处理成功验证

wx.ready(function(){     

// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

});

5.通过error接口处理失败验证

wx.error(function(res){

// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});

相关文章

  • 微信公众号开发 ---- 微信jssdk开发示例

    概述 微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,...

  • 利用fiddler将线上地址映射到本地代码

    在做微信网页开发的过程中使用了微信的JS-SDK,但是微信的JS-SDK需要在白名单的ip或者域名下调用才可以使用...

  • 微信公众号开发——JS-SDK扫一扫接口调用

    概述 微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK,网...

  • 微信公众号开发 JSSDK

    微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发...

  • 微信分享

    微信分享 准备工作 如果想要是使用微信的分享功能,需要使用微信JS-SDK来完成。且只能点击微信右上角的...调起...

  • Vue 应用中使用微信 jssdk

    关于微信jssdk 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力...

  • 微信公众号开发(四)微信分享

    引言 如果想要使用微信的分享功能,需要使用微信 JS-SDK 来完成,并且只能通过点击微信右上角的...进行分享,...

  • H5微信分享的坑

    准备工作 如果想要是使用微信的分享功能,需要使用微信JS-SDK来完成。且只能点击微信右上角的...调起分享面板,...

  • 微信支付JSAPI遇到的坑

    这里没使用微信的js-sdk,因为js-sdk要在前端wx.config中配置公众号信息,jsapi版相对也要简单...

  • 浅析"WeixinJSBridge is not de

    Fundebug并没有使用微信 JS-SDK,然而却收到了WeixinJSBridge is not define...

网友评论

      本文标题:微信JS-SDK使用

      本文链接:https://www.haomeiwen.com/subject/ngwyultx.html