美文网首页Asp.net开发Angular开发指南Angular.js专场
微信js-sdk的使用(asp.net + angular)

微信js-sdk的使用(asp.net + angular)

作者: MsgSS | 来源:发表于2018-09-08 00:01 被阅读2次

在有认证公众号或测试号的前提下(建议先到本目录下查看微信公众号授权登录文档入门),接入微信接口,完善系统,下面以测试号和新闻稿系统为例说明。

配置js安全域名

配置安全域名才能使用js-sdk,只允许指定域名内的url访问。

配置安全域名

全局缓存并刷新access_token、jsapi_ticket

此处的access_token和授权登录的票据不一样,不可混为一谈,同样获取票据接口有次数限制,因此在Global.asax里面定时获取,同样js凭证在调用接口的时候也是需要使用的,也有次数等限制,所以统一全局缓存并刷新,下面是具体代码:

C# global.cs,应用启动时触发 刷新逻辑

根据jsapi_ticket完成签名

在对微信sdk进行配置前,要先完成签名,签名要求如下:

参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) 。对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密,字段名和字段值都采用原始值,不进行URL 转义

具体代码如下:

C#实现签名 签名实体类

引入sdk(http://res.wx.qq.com/open/js/jweixin-1.2.0.js)

既然这个sdk是js文件,那当然需要引入,引入我们分为几种方式,一种是直接引入,即是在html中添加script标签;第二种是按需加载,按需加载又可以分为require加载和动态加载。因为是后期添加sdk功能上去的,直接引入和require都不太方便,所以采用动态加载,引入方式如下:

定义动态引入方法

自定义加载script的方法

使用sdk(config、ready、error)

配置jssdk

config里面的参数从后台签名中获取,jsApiList是将来需要调用的接口,这里添加了两个接口,一个是分享给用户,一个是微信扫一扫,如需添加其他接口按照附录添加即可。

用户触发的接口可以在ready外。

更多接口还是以官方文档为准,这里只提供一个思路,万变不离其宗(微信支付接口测试号好像无权调用)。

上机测试

...

参考:

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

示范测试号

相关文章

  • 微信js-sdk的使用(asp.net + angular)

    在有认证公众号或测试号的前提下(建议先到本目录下查看微信公众号授权登录文档入门),接入微信接口,完善系统,下面以测...

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

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

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

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

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

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

  • 微信公众号开发 JSSDK

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

  • 微信分享

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

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

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

  • Vue 应用中使用微信 jssdk

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

  • H5微信分享的坑

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

  • 微信支付JSAPI遇到的坑

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

网友评论

    本文标题:微信js-sdk的使用(asp.net + angular)

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