微信開放JS-SDK，助力網頁開發［轉自微信官方］

微信公衆平臺今日面向開發者開放微信內網頁開發工具包（微信JS-SDK）。

經過微信JS-SDK提供的11類接口集，開發者不只可以在網頁上使用微信自己的拍照、選圖、語音、位置等基本能力，還能夠直接使用微信分享、掃一掃、卡券、支付等微信特有的能力，爲微信用戶提供更優質的網頁體驗。

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

一、分享類接口

支持獲取「分享到朋友圈」、「發送給朋友」、「分享到QQ」和「分享到微博」按鈕的用戶點擊狀態，同時支持自定義分享內容。

二、圖像類接口

支持拍照、從手機相冊選擇圖片、上傳圖片、下載圖片、預覽圖片功能。

三、音頻類接口

支持實現錄製、播放、暫停播放語音等功能，同時支持將語音快速上傳到雲端服務器或從雲端服務器將語音快速下載到網頁。

四、智能類接口

支持將語音快速地轉換成文字。開發者無需掌握語音識別相關技術，只需簡單地引用微信JS-SDK提供的方法便可實現。

五、設備信息類接口

支持獲取當前手機設備的網絡狀態，如2g、3g、4g或wifi，爲用戶提供流暢的瀏覽體驗。

六、地理位置類接口

支持獲取用戶的地理位置信息（需用戶贊成），支持使用微信內置的地圖查看器查看地理位置或導航。

七、界面操做類接口

支持隱藏或顯示微信內置瀏覽器「右上角菜單」、「分享到朋友圈」、「發送給朋友」、「複製連接」等指定的按鈕，支持關閉當前網頁窗口以返回公衆號會話。

八、微信掃一掃接口

支持使用微信掃一掃，掃描一維碼或二維碼，並將用戶掃碼內容交由微信處理或返回給網頁由網頁處理。

九、微信小店接口

支持從網頁跳轉到指定的微信小店商品頁，商品頁支持瀏覽商品的詳細信息，支持完整的購買、客服等流程。

十、微信卡券接口

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

十一、微信支付接口

支持有支付權限的公衆號在網頁發起一個微信支付請求。

體驗地址（請在微信中體驗）：微信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 這個功能上