微信开放JS-SDK，助力网页开发［转自微信官方］

为什么80%的码农都做不了架构师？>>>   

微信公众平台今日面向开发者开放微信内网页开发工具包（微信JS-SDK）。

通过微信JS-SDK提供的11类接口集，开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力，还可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

微信JS-SDK主要包含以下能力：

1、分享类接口

支持获取“分享到朋友圈”、“发送给朋友”、“分享到QQ”和“分享到微博”按钮的用户点击状态，同时支持自定义分享内容。

2、图像类接口

支持拍照、从手机相册选择图片、上传图片、下载图片、预览图片功能。

3、音频类接口

支持实现录制、播放、暂停播放语音等功能，同时支持将语音快速上传到云端服务器或从云端服务器将语音快速下载到网页。

4、智能类接口

支持将语音快速地转换成文字。开发者无需掌握语音识别相关技术，只需简单地引用微信JS-SDK提供的方法即可实现。

5、设备信息类接口

支持获取当前手机设备的网络状态，如2g、3g、4g或wifi，为用户提供流畅的浏览体验。

6、地理位置类接口

支持获取用户的地理位置信息（需用户同意），支持使用微信内置的地图查看器查看地理位置或导航。

7、界面操作类接口

支持隐藏或显示微信内置浏览器“右上角菜单”、“分享到朋友圈”、“发送给朋友”、“复制链接”等指定的按钮，支持关闭当前网页窗口以返回公众号会话。

8、微信扫一扫接口

支持使用微信扫一扫，扫描一维码或二维码，并将用户扫码内容交由微信处理或返回给网页由网页处理。

9、微信小店接口

支持从网页跳转到指定的微信小店商品页，商品页支持浏览商品的详细信息，支持完整的购买、客服等流程。

10、微信卡券接口

支持添加卡券、查看卡券及调起卡券列表等功能。

11、微信支付接口

支持有支付权限的公众号在网页发起一个微信支付请求。

体验地址（请在微信中体验）：微信JS-SDK示例页面

开发者如何使用：微信JS-SDK开发文档

微信团队
2015年01月09日

本帖原内容如下：

var imgUrl = 'http://su.bdimg.com/static/superplus/img/logo_white.png';//这里是分享的时候的那个图片
var lineLink = 'http://baidu.com';//这个是分享的网址
var descContent = "这个操作的介绍，没发现他有啥用";
var shareTitle = '这是题目题目题目';
var appid = 'wxc9937e3a66af6dc8';  //这里写开发者接口里的appid 可忽略
function shareFriend() {
    WeixinJSBridge.invoke('sendAppMessage',{
                            "appid": appid,
                            "img_url": imgUrl,
                            "img_width": "640",
                            "img_height": "640",
                            "link": lineLink,
                            "desc": descContent,
                            "title": shareTitle
                            }, function(res) {
                            _report('send_msg', res.err_msg);
                            })
}
function shareTimeline() {
    WeixinJSBridge.invoke('shareTimeline',{
                            "img_url": imgUrl,
                            "img_width": "640",
                            "img_height": "640",
                            "link": lineLink,
                            "desc": descContent,
                            "title": shareTitle
                            }, function(res) {
                            _report('timeline', res.err_msg);
                            });
}
function shareWeibo() {
    WeixinJSBridge.invoke('shareWeibo',{
                            "content": descContent,
                            "url": lineLink,
                            }, function(res) {
                            _report('weibo', res.err_msg);
                            });
}
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        // 发送给好友
        WeixinJSBridge.on('menu:share:appmessage', function(argv){
            shareFriend();
            });
        // 分享到朋友圈
        WeixinJSBridge.on('menu:share:timeline', function(argv){
            shareTimeline();
            });
        // 分享到微博
        WeixinJSBridge.on('menu:share:weibo', function(argv){
            shareWeibo();
            });
        }, false);

这堆代码在你在手动触发右上角按钮中的功能时候生效，在于 WeixinJSBridge.on 这个功能上

转载于:https://my.oschina.net/edire/blog/295154