微信JS-SDK开发指南和常用接口介绍

微信JS-SDK开发指南和常用接口介绍 第一张

微信JS-SDK是一套微信官方提供的基于微信内的网页开发工具包,它提供了丰富的接口,可以让开发者轻松地在微信内网页应用中实现丰富多彩的功能。

1. 开发指南

开发者需要在微信公众平台上注册自己的服务号,并获取AppID和AppSecret,在需要使用JS-SDK的页面中引入微信JS-SDK:

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

开发者需要在页面加载的时候通过config接口注入权限验证配置,这样才能正常使用JS-SDK提供的接口:

wx.config({
    debug: true,
    appId: '',
    timestamp: ,
    nonceStr: '',
    signature: '',
    jsApiList: []
});

开发者需要先调用wx.config接口注入权限验证配置,在需要使用JS-SDK的页面中调用JS-SDK提供的接口,例如:

wx.ready(function(){
    wx.checkJsApi({
        jsApiList: [],
        success: function(res) {
            alert(JSON.stringify(res));
        }
    });
});

2. 常用接口

微信JS-SDK提供了丰富多彩的接口,可以让开发者轻松地在微信内网页应用中实现丰富多彩的功能。下面是一些常用的接口:

  • 分享接口

    可以让用户分享网页内容到朋友圈、好友、聊天群等:

    wx.onMenuShareTimeline({
        title: '',
        link: '',
        imgUrl: '',
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
  • 地理位置接口

    可以让用户获取自己当前的位置信息:

    wx.getLocation({
        type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
        success: function (res) {
            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
        }
    });
  • 图像接口

    可以让用户上传图片到微信服务器:

    wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
        success: function (res) {
            var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
        }
    });
© 版权声明
THE END
分享