ホームページ  >  記事  >  ウェブフロントエンド  >  WeChat ブラウザ組み込み JavaScript オブジェクト WeixinJSBridge 使用例_JavaScript スキル

WeChat ブラウザ組み込み JavaScript オブジェクト WeixinJSBridge 使用例_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 15:57:471931ブラウズ

WeChat パブリック プラットフォームは、フロントエンド Web ページのサポートを開始しました。多くの Web ページに [モーメントで共有] や [WeChat をフォロー] などのボタンがあり、それらをクリックすると、共有してフォローするためのウィンドウが表示されます。これはどのようにして達成されるのでしょうか?今日は、モーメントに共有を追加する方法、WeChat ID をフォローする方法、および WeChat パブリック プラットフォームのフロントエンド Web ページにあるその他のボタンを説明します。

1. WeChat 内蔵ブラウザ

Mac を介して iPhone 上の WeChat 自身の Web ページをリモートでデバッグすると、WeChat の組み込みブラウザがプライベート JavaScript オブジェクト WeixinJSBridge を定義していることがわかります。このオブジェクトの関連メソッドを操作することで、それを WeChat モーメントと共有し、WeChat の友人を判断できます。 . シグナルの注目状況や指定されたWeChatアカウントのフォローなどの機能の実現。

2. js 関数: モーメントへの共有

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

function weixinShareTimeline(title,desc,link,imgUrl){
WeixinJSBridge.invoke('shareTimeline',{
"img_url":imgUrl,
//"img_width":"640",
//"img_height":"640",
"リンク":リンク,
"説明": 説明,
"タイトル":タイトル
});
}

3. js 関数: 友達に送信

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

function weixinSendAppMessage(title,desc,link,imgUrl){
WeixinJSBridge.invoke('sendAppMessage',{
//"appid":appId,
"img_url":imgUrl,
//"img_width":"640",
//"img_height":"640",
"リンク":リンク,
"記述":記述,
"タイトル":タイトル
});
}

4. js 関数: Tencent Weibo に共有

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

function weixinShareWeibo(タイトル,リンク){
WeixinJSBridge.invoke(‘shareWeibo’,{
"コンテンツ":タイトルリンク、
"url":リンク
});
}

5. js 機能: 指定された WeChat アカウントをフォローします

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


function weixinAddContact(name){
WeixinJSBridge.invoke(“addContact”, {webtype: “1″,username: name}, function(e) {
WeixinJSBridge.log(e.err_msg);
//e.err_msg:add_contact:added が追加されました
//e.err_msg:add_contact:cancel 追加をキャンセル
//e.err_msg:add_contact:ok 正常に追加されました
if(e.err_msg == ‘add_contact:added’ || e.err_msg == ‘add_contact:ok’){
//フォローに成功したか、すでにフォローしています
}
})
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。