WeChat 브라우저에는 친구에게 보내기, Moments에 공유하기, Weibo에 공유하기 등의 기능을 실현할 수 있는 JavaScript 개인 개체 WeixinJSBridge가 내장되어 있습니다.
<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>
Moments에 공유 추가, WeChat 공개 플랫폼의 프런트 엔드 웹 페이지에서 WeChat 및 기타 버튼 팔로우
WeChat 공개 플랫폼은 프런트엔드 웹 페이지를 지원하기 시작했습니다. 많은 웹 페이지에 순간 공유 및 WeChat 팔로우와 같은 버튼이 있는 것을 볼 수 있습니다. 이를 클릭하면 공유하고 팔로우할 수 있는 창이 나타납니다. 이것이 어떻게 달성됩니까? 오늘은 Moments에 공유를 추가하는 방법, WeChat 공개 플랫폼의 프런트 엔드 웹 페이지에서 WeChat ID 및 기타 버튼을 팔로우하는 방법을 설명하겠습니다.
WeChat 내장 브라우저
Mac을 통해 iPhone에서 WeChat의 자체 웹페이지를 원격으로 디버깅하면 WeChat에 내장된 브라우저가 비공개 JavaScript 개체인 WeixinJSBridge를 정의하는 것을 확인할 수 있습니다. 이 개체의 관련 메소드를 작동하여 WeChat Moments와 공유하고 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 }); }
지정된 위챗 아이디 팔로우
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'){ //关注成功,或者已经关注过 } }) }