WeChat ブラウザには JavaScript プライベート オブジェクト WeixinJSBridge が組み込まれており、友人への送信、モーメントへの共有、Weibo への共有などの機能を実現できます。
<script> var imgUrl = "图片地址"; var lineLink = "当前网址"; var descContent = "描述"; var shareTitle = '标题'; var appid = ''; function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ "appid": appid, "img_url": imgUrl, "img_width": "200", "img_height": "200", "link": lineLink, "desc": descContent, "title": shareTitle }, function(res) { //_report('send_msg', res.err_msg); }) } function shareTimeline() { WeixinJSBridge.invoke('shareTimeline',{ "img_url": imgUrl, "img_width": "200", "img_height": "200", "link": lineLink, "desc": descContent, "title": shareTitle }, function(res) { //_report('timeline', res.err_msg); }); } function shareWeibo() { WeixinJSBridge.invoke('shareWeibo',{ "content": descContent, "url": lineLink, }, function(res) { //_report('weibo', res.err_msg); }); } // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 发送给好友 WeixinJSBridge.on('menu:share:appmessage', function(argv){ shareFriend(); }); // 分享到朋友圈 WeixinJSBridge.on('menu:share:timeline', function(argv){ shareTimeline(); }); // 分享到微博 WeixinJSBridge.on('menu:share:weibo', function(argv){ shareWeibo(); }); }, false); </script>
WeChat パブリック プラットフォームのフロントエンド Web ページに、モーメントへの共有、WeChat のフォロー、その他のボタンを追加します
WeChat パブリック プラットフォームは、フロントエンド Web ページのサポートを開始しました。多くの Web ページに [モーメントで共有] や [WeChat をフォロー] などのボタンがあり、それらをクリックすると、共有してフォローするためのウィンドウが表示されます。これはどのようにして達成されるのでしょうか?今日は、モーメントに共有を追加する方法、WeChat ID をフォローする方法、および WeChat パブリック プラットフォームのフロントエンド Web ページにあるその他のボタンを説明します。
WeChat 埋め込みブラウザ
Mac を介して iPhone 上の WeChat 自身の Web ページをリモートでデバッグすると、WeChat の組み込みブラウザがプライベート JavaScript オブジェクト WeixinJSBridge を定義していることがわかります。このオブジェクトの関連メソッドを操作することで、それを WeChat モーメントと共有し、WeChat の友人を判断できます。 . シグナルの注目状況や指定されたWeChatアカウントのフォローなどの機能の実現。
モーメントで共有
function weixinShareTimeline(title,desc,link,imgUrl){ WeixinJSBridge.invoke('shareTimeline',{ "img_url":imgUrl, //"img_width":"640", //"img_height":"640", "link":link, "desc": desc, "title":title }); }
友達に送信
function weixinSendAppMessage(title,desc,link,imgUrl){ WeixinJSBridge.invoke('sendAppMessage',{ //"appid":appId, "img_url":imgUrl, //"img_width":"640", //"img_height":"640", "link":link, "desc":desc, "title":title }); }
Tencent Weibo に共有
function weixinShareWeibo(title,link){ WeixinJSBridge.invoke('shareWeibo',{ "content":title + link, "url":link }); }
指定されたWeChat IDをフォローしてください
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'){ //关注成功,或者已经关注过 } }) }