`jQuery.を通じてWechat`はあなたの微信WEBアプリケーションを構築します


最近、自分の製品が微信の公衆番号で普及するには、 の機能を提供する必要があるため、微信をサポートするこの帰らない道を歩まざるを得なかった.
周知のように、テンセントはそのような不思議な会社で、彼らの製品は商業的に大きな成功を収めたが、ドキュメントは本当にお世辞を言うのは難しい.ほほほ、 , web という東があります.
上の図を見た後、このような感じがしたかどうか、大衆たちは必死に何が起こったのか知りたいと思っていましたが、公式声明はありませんでした.o(∩∩)oハハハ
こんなにたくさん話して、急いで本題に入って、今期は私が苦痛の中でもがいてさまよった後に書いたjQueryについて話します.Wechat、統一APIを提供するjQuery.に基づくpromiseのjQuery.plugin.皆さんに少しでもお役に立てたらと思います.
まず、インストールはかなり簡単です.
bower install --save jquery-wechat

もしbowerを使わないならば、自分でGithubの上からダウンロードして、解凍して、あれも同じです!
ロード、それも水のような自然


amdのような ロード を ったら、あなたも だと います. を えてあげなくてもいいでしょう.
—— 、 、 、 やか!cmd
$.wechat.enable(); //So easy!

プラグイン がjQueryに づいているからです.promiseなのでチェーンをあげることもできます
$.wechat.enable().done(function(){
    alert('      ');
}).fail(function(){
    alert('    ');
});

の ページ (SPA)の な を すると、ツールクラスの はjQuery.wechatメカニズムを しなければならない.そうしないと、 のエラーを き こす がある.
メニューの /
$.wechat.hideMenu(); //    
$.wechat.showMenu(); //    
/ を にすると、jQuery.wechatのような を に び すことができ、hideMenuenableコールバックに の を き む はありません.doneの は、jQuery.wechatがまだ になっていない 、すべての がキューに り、 になったら に される. に した は、 されません.
ツールバーの /
$.wechat.hideToolbar(); //       
$.wechat.showToolbar(); //       

スキャンQRコードインタフェースを く
$.wechat.scanQRcode();

プレビューツールを く
$.wechat.preview({
    current: 'http://xxx/img/pic001.jpg',  //       ,        
    urls: [
        'http://xxx/img/pic001.jpg',
        'http://xxx/img/pic002.jpg',
        'http://xxx/img/pic003.jpg',
        'http://xxx/img/pic004.jpg',
        'http://xxx/img/pic005.jpg',
        'http://xxx/img/pic006.jpg'
    ]                                      //              
});

ネットワークステータスの
$.wechat.getNetworkType().done(function(response) {
    $('#network').text(response.split(':')[1]); 
});
jQuery.wechatフォーマットは のとおりです.
network_type:wifi    wifi  
network_type:edge     wifi,  3G/2G
network_type:fail          
network_type:wwan    (2g  3g)

フォーマットの
の のappが したメッセージを るたびに、 しいサムネイル、 なタイトル、 を っています.さらに、メッセージの にはresponseから されたという さな が いています. で したメッセージを てみましょう. いデフォルトの の に、 の わないタイトルが いていて、 か が らを め んだのではないでしょうか.
いなことに、 たちは この を します.
$.wechat.setShareOption({
    appid: 'xxxx',                                               //  appid
    img_width: '60',
    img_height: '60',
    img_url: window.location.toString() + 'img/demo.jpg',        //   
    title: 'DEMO',                                               //  
    desc: 'The description is set from $.wechat.setShareOption', //  
    link: function() {
        return window.location.toString();                       //       ,             
    },
    callback: function(response) {
        alert(response);                                         //        ,         
    }
});

には、 のスクリーンショットを してください.
この フォーマットの は、 の4つの に します. 、 のメニューキーをクリックしてメニューを き、 の4つのいずれかを すると、 の が られます
のページを じる
$.wechat.closeWindow();
メカニズムの
$.wechat.destroy();

アクティブにすると、すべての が に にリセットされます.この は、 ページアプリケーション(SPA)でよく されます.
については、Github-Sourceを してください.
するには、 でjQueryを いてください.wechat-DEMO
があればissueを に します