用過微信公眾賬號的應(yīng)該知道,微信公眾賬號是可以發(fā)布一些HTML網(wǎng)頁的,利用這些網(wǎng)頁做推廣或者廣告等等...
今天要和大家分享的..就是如何在微信公眾賬號發(fā)布的頁面中調(diào)用微信內(nèi)部的接口來實現(xiàn)關(guān)注某個用戶或者分享到朋友圈這些功能.
如上圖所示:
1. 先說關(guān)注他人的實現(xiàn)方法吧,這個很簡單,調(diào)用weixin協(xié)議即可 具體代碼如下:
1 | < a href = "weixin://profile/gh_xxxxxxxx" >關(guān)注他</ a > |
2. 分享到朋友圈:
其實利用微信公眾賬號發(fā)布的HTML頁面最終是利用微信內(nèi)置的web瀏覽器打開的,同事在這個瀏覽器里集成了WeixinJSBridge這個JS對象,利用這個JS對象的一些操作接口可以實現(xiàn)微信應(yīng)用內(nèi)的功能.如添加好友,發(fā)送消息等等功能.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | function ShareTofriends(img_url,link,title,desc) { //在HTML頁面內(nèi)嵌入這一段JS代碼 if (window.WeixinJSBridge) { if ( typeof (img_url) == 'undefined' || img_url == "" ) { var img_url = "http://www.sample.com/test.jpg" ; } if ( typeof (link) == 'undefined' || link == "" ) { var img_url = window.location.href; } if ( typeof (title) == 'undefined' || title == "" ) { var title = '點開看一下吧!' ; } if ( typeof (desc) == 'undefined' || desc == "" ) { var desc = "wendoscoo" ; } WeixinJSBridge.invoke( 'shareTimeline' ,{ "img_url" : img_url, //"img_width": "640", //"img_height": "640", "link" : link, "desc" : desc, "title" : title }, function (res){ // 返回res.err_msg,取值 // share_timeline:cancel 用戶取消 // share_timeline:fail 發(fā)送失敗 // share_timeline:ok 發(fā)送成功 WeixinJSBridge.log(res.err_msg); }); return false ; } else { alert( "WeixinJSBridge對象不存在!!" ); } }; |
然后同樣使用一個a標簽實現(xiàn)分享功能,加上onclick時間調(diào)用分享的JS函數(shù)就可以了
1 | < a href = "javascript:void(0);" onclick = "ShareTOfriend('分享彈出窗的圖片URL地址','分享的頁面鏈接','分享彈出窗的標題','分享內(nèi)容的描述')" >分享到朋友圈 |
好了,搞定!
擴展閱讀:
聯(lián)系客服