`jQuery.を通じてWechat`はあなたの微信WEBアプリケーションを構築します
3958 ワード
最近、自分の製品が微信の公衆番号で普及するには、
周知のように、テンセントはそのような不思議な会社で、彼らの製品は商業的に大きな成功を収めたが、ドキュメントは本当にお世辞を言うのは難しい.ほほほ、
上の図を見た後、このような感じがしたかどうか、大衆たちは必死に何が起こったのか知りたいと思っていましたが、公式声明はありませんでした.o(∩∩)oハハハ
こんなにたくさん話して、急いで本題に入って、今期は私が苦痛の中でもがいてさまよった後に書いたjQueryについて話します.Wechat、統一APIを提供するjQuery.に基づくpromiseのjQuery.plugin.皆さんに少しでもお役に立てたらと思います.
まず、インストールはかなり簡単です.
もしbowerを使わないならば、自分でGithubの上からダウンロードして、解凍して、あれも同じです!
ロード、それも水のような自然
—— 、 、 、 やか!
プラグイン がjQueryに づいているからです.promiseなのでチェーンをあげることもできます
の ページ (SPA)の な を すると、ツールクラスの は
メニューの /
ツールバーの /
スキャンQRコードインタフェースを く
プレビューツールを く
ネットワークステータスの
フォーマットの
の のappが したメッセージを るたびに、 しいサムネイル、 なタイトル、 を っています.さらに、メッセージの には
いなことに、 たちは この を します.
には、 のスクリーンショットを してください.
この フォーマットの は、
のページを じる
アクティブにすると、すべての が に にリセットされます.この は、 ページアプリケーション(SPA)でよく されます.
については、Github-Sourceを してください.
するには、 でjQueryを いてください.wechat-DEMO
があればissueを に します
の機能を提供する必要があるため、微信をサポートするこの帰らない道を歩まざるを得なかった.周知のように、テンセントはそのような不思議な会社で、彼らの製品は商業的に大きな成功を収めたが、ドキュメントは本当にお世辞を言うのは難しい.ほほほ、
, 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
のような を に び すことができ、hideMenu
のenable
コールバックに の を き む はありません.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を に します