微信公众号开发之如何使用JSSDK

        欢迎留言、转发、打赏

        系列文章参考地址 极速开发微信公众号

        项目源码参考地址 点我点我--欢迎Start

        服务号、订阅号可以通过登录 微信公众平台 查看 开发>接口权限

        使用JSSDK主要包括

        1、判断当前客户端版本是否支持指定JS接口、

        2、分享接口（微信认证）

        3、图像接口

        4、音频接口

        5、智能接口（识别语音并返回结果）

        6、设备信息（获取网络状态）

        7、地理位置

        8、界面操作

        9、微信扫一扫

        、微信小店（服务号必须通过微信认证）

        、微信卡券 （微信认证）

        、微信支付（服务号必须通过微信认证）

        官方参考文档

        步骤一：绑定域名

        先登录微信公众平台进入 公众号设置 的 功能设置 里填写 JS接口安全域名 。

        步骤二：引入JS文件

        在需要调用JS接口的页面引入如下JS文件，（支持/open/js/jweixin-1.0.0.js

        如需使用摇一摇周边功能，请引入 /open/js/jweixin-1.1.0.js

        备注：支持使用 AMD/CMD 标准模块加载方法加载

        步骤三：通过config接口注入权限验证配置

        签名算法生成规则

        请 官方参考文档

        下面具体来讲讲 开源项目 weixin_guide 中的封装。

        使用的时候只要在Controller方法上添加一个拦截器 JSSDKInterceptor 来实现签名验证再将 wx.config 需要的参数设置对应的属性在页面上进行获取。

        拦截器实现如下：

        在Controller中使用

        JSP页面上面使用

        测试结果

        在AppConfig 中添加路由 me.add("/jssdk", JSSDKController.class,"/view"); 手机中访问 /wiki/index.php?title=docs/cplat/stor/guide