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

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 で開く):

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

<頭>

関数 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 コードをスキャンしてウェブページを開いてください!");
}

<本体>
<中央>

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

右上隅の 3 つのドットを非表示にします ;br />
右上隅に 3 つの点を表示します br />
下部のガイド バーを非表示にする

;
下にガイド バーを表示

;