JSSDK 使用教程

JS-SDK使用教程

 

使用JSSDK主要包括
1、判断当前客户端版本是否支持指定JS接口、
2、分享接口（微信认证）
3、图像接口
4、音频接口
5、智能接口（识别语音并返回结果）
6、设备信息（获取网络状态）
7、地理位置
8、界面操作
9、微信扫一扫
10、微信小店（服务号必须通过微信认证）
11、微信卡券 （微信认证）
12、微信支付（服务号必须通过微信认证）

 

1.  绑定域名

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

 

2. 引入JS文件

在需要调用JS接口的页面引入JS文件

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

注：需使用 https，官方文档给的是 http，会报错！

 

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

wx.config({

            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

            appId: '{$appid}', // 必填，公众号的唯一标识

            timestamp: '{$timestamp}', // 必填，生成签名的时间戳

            nonceStr: '{$nonceStr}', // 必填，生成签名的随机串

            signature: '{$signature}',// 必填，签名

            jsApiList: [

                'updateTimelineShareData',    //分享到朋友圈

                'updateAppMessageShareData',  //分享给朋友

            ] // 必填，需要使用的JS接口列表

        });

 

4. 开始使用

接下来介绍两种接口使用方法，自定义分享到朋友圈 和 自定义分享给朋友，其实这两种分享微信有自带的方式，我们在微信中打开一个网页，点击右上角三个点就可以分享给朋友或者朋友圈，但是没有样式，特别的丑，对于引导朋友打开的贡献率太低。所以要借助自定义分享，可添加分享图标，标题，和描述等，也可以增加分享成功反馈！

 

 

5. 分享到朋友圈

      wx.ready(function () {

            //分享到朋友圈

            wx.updateTimelineShareData({

                title: '', // 分享标题

                link: "", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安

                               全域名一致

                imgUrl: '', // 分享图标

                success: function () {

                    // 用户点击了分享后执行的回调函数

                    console.log("分享到朋友圈成功");

                },

                cancel: function () {

                    // 用户取消分享后执行的回调函数

                    console.log("分享被取消，请重新分享");

                }

            })

     });

 

6. 分享给朋友

            wx.updateAppMessageShareData({

     //分享给朋友

                title: '', // 分享标题

                desc: '', // 分享描述

                link: "", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安   

                               全域名一致

                imgUrl: "", // 分享图标

                type: '', // 分享类型,music、video或link，不填默认为link

                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空

                success: function () {

                    // 用户点击了分享后执行的回调函数

                    console.log("分享给朋友成功");

                },

                cancel: function () {

                    // 用户取消分享后执行的回调函数

                    console.log("分享被取消，请重新分享");

                }

         });