ホームページ ウェブフロントエンド jsチュートリアル WeChat の組み込みブラウザー JavaScript スキルのプライベート インターフェイスである WeixinJSBridge の紹介

WeChat の組み込みブラウザー JavaScript スキルのプライベート インターフェイスである WeixinJSBridge の紹介

May 16, 2016 pm 03:57 PM
微信 ブラウザ

WeChat Web ページに入ると、右上隅に 3 つの小さな点があります。それが私たちが使用するものです。ドット リストの下のボタンをカスタマイズする限り、独自のコンテンツを好きなように共有できます。

注: (WeixinJSBridge は WeChat 内で開かれた Web ページでのみ有効です)

ボタン 1-----友達に送信

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

関数 sendMessage(){

WeixinJSBridge.on('menu:share:appmessage', function(argv){alert("友達に送信"); });

}

このように、どこかでsendMessage関数を呼び出すだけで、もう一度クリックすると「友達に送信する文字列」がポップアップされるので、ボタンの反応を変更することができます。単純?

シェア機能

コードをコピーします コードは次のとおりです:

WeixinJSBridge.invoke('sendAppMessage',{
"appid":""、"appid" ""
"img_url": imgUrl, "ImgUrl" //共有時の画像パス
"img_width": "120", "画像幅
"img_height": "120", "画像の高さ
"link":url, "link": url, //添付されたリンクのアドレスを共有します
「desc」:「私は紹介です」、 "title":"これ以上シンプルなタイトルはありません。"
}, function(res){/*** コールバック関数、空に設定することが望ましい ***/});

この WeChat プライベート関数が個別に呼び出された場合は意味があることに注意してください。ただし、!初めてページを開いたときに直接呼び出した場合は、いずれにせよ反映されません。アドレス帳が一度ポップアップした後、右上隅にある友達に共有ボタンを手動でクリックする必要があります。内部的に何かを初期化するのと同じで問題ないと思われます。したがって、上記のバインディング メソッドに直接埋め込むことをお勧めします。

は次のとおりです:

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

関数 sendMessage(){
WeixinJSBridge.on('menu:share:appmessage', function(argv){

WeixinJSBridge.invoke('sendAppMessage',{

"appid":""、"appid" ""
"img_url": imgUrl, "ImgUrl" //共有時の画像パス
"img_width": "120", "画像幅
"img_height": "120", "画像の高さ
"link":url, "link": url, //添付されたリンクのアドレスを共有します
「desc」:「私は紹介です」、 "title":"これ以上シンプルなタイトルはありません。"
}, function(res){/*** コールバック関数、空に設定することが望ましい ***/

});

});
}

このようにして、[友達に送信] ボタンをクリックすると、アドレス帳を直接ポップアップ表示して、共有する「1 人の」友達を選択できます。

同様に、Moments への共有でも invoke private 関数が呼び出されますが、ボタン バインド名が異なります。

コードをコピーします コードは次のとおりです:
関数 sendMessage(){



……//ここでは友達に送信するコードを省略します



WeixinJSBridge.on('menu:share:timeline', function(argv){

WeixinJSBridge.invoke('shareTimeline',{

"appid":""、"appid" ""
"img_url": imgUrl, "ImgUrl" //共有時の画像パス
"img_width": "120", "画像幅
"img_height": "120", "画像の高さ
"link":url, "link": url, //添付されたリンクのアドレスを共有します
「desc」:「私は紹介です」、 "title":"これ以上シンプルなタイトルはありません。"
}, function(res){/*** コールバック関数、空に設定することが望ましい ***/});

});

});

}

on は「menu:share:appmessage」ではなく「menu:share:timeline」にバインドされていることに注意してください。 invokeでも同様です。

Weibo 共有もあります。試したことはありませんが、役に立つかどうかはわかりません。プレイしたい場合は、すべての共有は現在の WeChat アカウントに電話することで行われます。

コードをコピーします コードは次のとおりです:

WeixinJSBridge.on('menu:share:weibo', function(argv){
WeixinJSBridge.invoke('shareWeibo',{
"content":dataForWeixin.title ' ' dataForWeixin.url,
"url":dataForWeixin.url
}, function(res){});
});


WeChat ブラウザが内部で初期化されていない場合、すべてのインターフェイスは未定義になります。入力直後の呼び出しエラーを避けるため、WeChat初期化完了応答イベントを取得し、初期化完了後にバインド用のsendMessageを呼び出します。

は次のとおりです:

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

if(document.addEventListener){
document.addEventListener('WeixinJSBridgeReady', sendMessage, false) }else if(document.attachEvent){
document.attachEvent('WeixinJSBridgeReady' , sendMessage); document.attachEvent('onWeixinJSBridgeReady' , sendMessage);
以下にいくつかの小さな関数もあります:

コードをコピーします コードは次のとおりです:
ウェイシャ
WeixinJSBridge.call('showToolbar'); //右下のツールバーを表示します

WeixinJSBridge.call('hideOptionMenu'); // 右上隅の 3 つのドット ボタンを非表示にします。

ウェイシャ



初心者、書き終わりました、下手ですのでよろしくお願いします!


完全なテスト コード (WeChat で開く):

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



<頭>


WeChat インターフェース テスト


関数 sendMessage(){
WeixinJSBridge.on('menu:share:appmessage', function(argv){
WeixinJSBridge.invoke('sendAppMessage',{

"appid":"", //Appid は空に設定できます。
"img_url":"", //共有時の画像パス
"img_width":"120", //画像幅
"img_height":"120", //画像の高さ
"link":"http://www.jb51.net", //添付されたリンクのアドレスを共有します
"desc":"Geek Tag--http://www.jb51.net", //コンテンツの共有の概要
"title":"オタクのタグを発見 - 最高のオタクの知識共有プラットフォームになります"
}, function(res){/*** コールバック関数、空に設定することが望ましい ***/

});
});

WeixinJSBridge.on('menu:share:timeline', function(argv){

WeixinJSBridge.invoke('shareTimeline',{

"appid":"", //Appid は空に設定できます。
"img_url":"", //共有時の画像パス
"img_width":"120", //画像幅
"img_height":"120", //画像の高さ
"link":"http://www.jb51.net", //添付されたリンクのアドレスを共有します
"desc":"Geek Tag--http://www.jb51.net", //コンテンツの共有の概要
"title":"オタクのタグを発見 - 最高のオタクの知識共有プラットフォームになります"
}, function(res){/*** コールバック関数、空に設定することが望ましい ***/
});

});


alert("通話に成功しました! 右上隅のボタンを使用して、友達や友達のサークルと共有できます!");

}

関数 HideMenu(){
WeixinJSBridge.call('hideOptionMenu');
}

関数 showMenu(){
WeixinJSBridge.call('showOptionMenu'); }

関数 HideTool(){
WeixinJSBridge.call('hideToolbar');
}

関数 showTool(){
WeixinJSBridge.call('showToolbar');
}

if(document.addEventListener){

document.addEventListener('WeixinJSBridgeReady', sendMessage, false); }else if(document.attachEvent){
document.attachEvent('WeixinJSBridgeReady' , sendMessage); document.attachEvent('onWeixinJSBridgeReady' , sendMessage); }

// Web ページが WeChat で呼び出されるかどうかを決定します
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="マイクロメッセンジャー") {
} else {
alert("通話が失敗しました。WeChat を使用して下の QR コードをスキャンしてウェブページを開いてください!");
}




<本体>
<中央>

共有するには、右上隅をクリックしてください


;br />
br />


;


;


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Apple携帯電話用のOUYI Exchangeアプリの公式Webサイトをダウンロードする Apple携帯電話用のOUYI Exchangeアプリの公式Webサイトをダウンロードする Apr 28, 2025 pm 06:57 PM

OUYI Exchangeアプリは、Apple携帯電話のダウンロードをサポートし、公式Webサイトにアクセスし、「Apple Mobile」オプションをクリックして、App Storeに入手してインストールし、登録またはログインして暗号通貨取引を実施します。

セサミオープンドア公式ウェブサイトエントランスセサミオープンドア公式最新の入り口2025 セサミオープンドア公式ウェブサイトエントランスセサミオープンドア公式最新の入り口2025 Apr 28, 2025 pm 07:51 PM

Sesame Open Doorは、暗号通貨取引に焦点を当てたプラットフォームです。ユーザーは、公式ウェブサイトまたはソーシャルメディアを介してポータルを取得して、アクセス中にSSL証明書とWebサイトコンテンツの信頼性が検証されるようにすることができます。

OUYI公式ウェブサイトの入り口OUYI公式最新の入り口2025 OUYI公式ウェブサイトの入り口OUYI公式最新の入り口2025 Apr 28, 2025 pm 07:48 PM

OKEXなどの信頼できる取引プラットフォームを選択して、公式の入り口へのアクセスを確認してください。

Binanceの公式ウェブサイトEntrance Binance公式最新の入り口2025 Binanceの公式ウェブサイトEntrance Binance公式最新の入り口2025 Apr 28, 2025 pm 07:54 PM

Binanceの公式Webサイトにアクセスして、フィッシングWebサイトを避けるためにHTTPSとグリーンロックロゴを確認してください。公式アプリケーションにも安全にアクセスできます。

お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか? お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか? Apr 30, 2025 pm 03:06 PM

モバイルデバイスでアプリケーションを開発する際に携帯電話でネイティブセレクトの問題は、ユーザーが選択を行う必要があるシナリオに遭遇することがよくあります。ネイティブセル...

Laravelライブチャットアプリケーション:WebSocketとPusher Laravelライブチャットアプリケーション:WebSocketとPusher Apr 30, 2025 pm 02:33 PM

Laravelでライブチャットアプリケーションを構築するには、WebSocketとPusherを使用する必要があります。特定の手順には次のものが含まれます。1).envファイルでプッシャー情報を構成します。 2)broadcasting.phpファイルの放送ドライバーをプッシャーに設定します。 3)Pusherチャンネルを購読し、Laravelechoを使用してイベントを聴きます。 4)Pusher APIを介してメッセージを送信します。 5)プライベートチャネルとユーザー認証を実装します。 6)パフォーマンスの最適化とデバッグを実行します。

これらのC2Cトランザクションはバイナンスのリスクがありますか? これらのC2Cトランザクションはバイナンスのリスクがありますか? Apr 30, 2025 pm 06:54 PM

Binance C2Cトランザクションにより、ユーザーは暗号通貨を直接売買し、カウンターパーティ、支払い、価格の変動のリスクに注意を払うことができます。高クレジットユーザーを選択して安全な支払い方法を選択すると、リスクを減らすことができます。

Binance Plazaはどの程度信頼できますか? Binance Plazaはどの程度信頼できますか? May 07, 2025 pm 07:18 PM

Binance Squareは、Binance Exchangeによって提供されるソーシャルメディアプラットフォームであり、暗号通貨に関連する情報を通信および共有するスペースをユーザーに提供することを目指しています。この記事では、このプラットフォームをよりよく理解するために、Binance Plazaの機能、信頼性、およびユーザーエクスペリエンスを詳細に調べます。

See all articles