heyzo高无码国产精品,a级国产乱理论片在线观看

ホームページ

WeChat アプレット

WeChatの開発

jQuery.wechatを使用してWeChat WEBアプリケーションを構(gòu)築するためのメソッドコード

高洛峰

Mar 14, 2017 pm 02:54 PM

今回説明するのは、私が苦労の末に書いた jQuery.wechat です。これは、統(tǒng)合された API を提供する、jQuery.promise をベースにした jQuery.plugin です。これが皆さんのお役に立てば幸いです。

最近、私の製品を WeChat パブリックアカウントで宣伝する必要があり、いくつかの意味のある機能を提供する必要があるため、WeChat をサポートすることで引き返せない道を歩まざるを得なくなりました。

ご存知のとおり、Tencent はビジネスで大きな成功を収めた素晴らしい會社ですが、パブリックアカウント開発プラットフォームとしては、ウェブに関する本物のドキュメントを見つけることができません。開発された公式ドキュメントの一部は単なる例であり、殘りは... はは、開発者交換と相互支援と呼ばれるものがあります。

jQuery.wechatを使用してWeChat WEBアプリケーションを構(gòu)築するためのメソッドコード

上の寫真を読んで、多くの人が何が起こったのかを必死に知ろうとしていますが、公式聲明はありません。 o(∩_∩)o はは

ということで、早速本題に入りますが、私が苦労して書いた jQuery.wechat という、jQuery をベースにした jQuery についてです。統(tǒng)合された API を提供する Promise。これが皆さんのお役に立てば幸いです。

まず、インストールは非常に簡単です

コードは次のとおりです:

bower install --save jquery-wechat

bowerを使用しない場合は、Githubから自分でダウンロードして解凍することもできますが、同じです!

読み込みは水のように自然です

コードは次のとおりです:

<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/jquery-wechat/dist/jquery-wechat.min.js"></script>

amd や cmd などの遅延読み込みテクノロジを使用する場合は、専門家でなければなりません。そのため、私がその方法を教える必要はありません。設(shè)定しますよね？

使用方法 - シンプル、簡単、統(tǒng)一されていて楽しい！

jQuery.wechat 関數(shù)を有効にする
$.wechat.enable(); //とても簡単です!

プラグイン全體は jQuery.promise に基づいているため、チェーンを與えることもできます:

コードは次のとおりです。

$.wechat.enable().done(function(){
    alert(&#39;已經(jīng)啟用成功&#39;);
}).fail(function(){
    alert(&#39;啟用失敗&#39;);
});

シングルページテクノロジ (SPA) の現(xiàn)在の広範(fàn)なアプリケーションを考慮すると、ツールクラスの設(shè)計では有効化/無効化メカニズムを考慮する必要があり、そうしないと未知のエラーが発生する可能性があります。

メニューの非表示/表示

コードは次のとおりです:

$.wechat.hideMenu(); //隱藏菜單
$.wechat.showMenu(); //顯示菜單

jQuery.wechat を有効にすると、有効になった Done コールバックに他のメソッドを書き込むことなく、任意に HideMenu などのメソッドを呼び出すことができます。 jQuery.wechat の実裝原則は、jQuery.wechat が正常に有効化されていない場合、すべての操作がキューに入れられ、有効化に失敗した場合には実行されません。

下部のツールバーを非表示/表示
$.wechat.hideToolbar(); // 下部のツールバーを非表示
$.wechat.showToolbar(); // 下部のツールバーを表示

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

畫像プレビューツールを開きます

コードは次のとおりです:

$.wechat.preview({
    current: &#39;http://xxx/img/pic001.jpg&#39;,  //進(jìn)入預(yù)覽模式后，直接顯示這張圖片
    urls: [
        &#39;http://xxx/img/pic001.jpg&#39;,
        &#39;http://xxx/img/pic002.jpg&#39;,
        &#39;http://xxx/img/pic003.jpg&#39;,
        &#39;http://xxx/img/pic004.jpg&#39;,
        &#39;http://xxx/img/pic005.jpg&#39;,
        &#39;http://xxx/img/pic006.jpg&#39;
    ]                                      //所有要在預(yù)覽模式下顯示的圖片
});

ネットワークのステータスを取得します

コードは次のとおりです:

$.wechat.getNetworkType().done(function(response) {
    $(&#39;#network&#39;).text(response.split(&#39;:&#39;)[1]); 
});

応答の形式は次のとおりです:

コードは次のとおりです:

network_type:wifi    wifi網(wǎng)絡(luò)
network_type:edge    非wifi,包含3G/2G
network_type:fail    網(wǎng)絡(luò)斷開連接
network_type:wwan    (2g或者3g)

変更された共有形式

他の人のアプリで共有されたメッセージを見るたびに、美しいサムネイル、適切なタイトルと説明、さらにはメッセージの下に、メッセージの送信者を示す小さなテキストが表示されます。タイトルが一致しない青いデフォルトの畫像を見てください。

幸いなことに、今すぐこの問題を解決しましょう:

コードは次のとおりです:

$.wechat.setShareOption({
    appid: &#39;xxxx&#39;,                                               //小標(biāo)appid
    img_width: &#39;60&#39;,
    img_height: &#39;60&#39;,
    img_url: window.location.toString() + &#39;img/demo.jpg&#39;,        //縮略圖
    title: &#39;DEMO&#39;,                                               //標(biāo)題
    desc: &#39;The description is set from $.wechat.setShareOption&#39;, //描述
    link: function() {
        return window.location.toString();                       //消息分享出去后，用戶點擊消息打開的鏈接地址
    },
    callback: function(response) {
        alert(response);                                         //分享后的回調(diào)函數(shù)，常見的有成功和取消
    }
});

具體的な參照については、以下のスクリーンショットを參照してください:

jQuery.wechatを使用してWeChat WEBアプリケーションを構(gòu)築するためのメソッドコード

この共有形式の変更は、友達(dá)への送信、共有に影響します。モーメントへの共有、Weibo とメール送信の 4 つの機能。設(shè)定後、右上隅のメニューボタンをクリックしてメニューを開き、上記の 4 つの項目のいずれかを選択すると、変更の効果が表示されます

現(xiàn)在のページを閉じます

コードは次のとおりです。