微信公衆平臺前端開發技巧分享

這個是第三方跳轉的網站

微信公衆平臺前端開發技巧分享

微信公衆平臺

新版微信作了更改，此文提到的部分方法可能已經再也不適用，請關注微信官方開放平臺：http://open.weixin.qq.com/document/?lang=zh_CN。

微信很火，微信推出的公衆平臺也吸引了一部分市場宣傳推廣團隊，像冷笑話大全這種微博養粉大戶在微信的公衆平臺也是異常火爆。

因工做需求，最近爲咱們的市場部作了幾個微信公共平臺下的頁面，其中涉及微信公衆帳號的友情連接，轉發一篇文章到微信朋友圈，判斷是否轉發成功的回調機制，判斷是否成功關注微信賬號等的前端代碼，我也是經過分析冷笑話大全的頁面找到的方法，也google過，但沒找到微信官方有公佈過相關文檔，因此就把本身知道的拿來分享一下。

微信內嵌瀏覽器：

微信內嵌瀏覽器有一個私有JS 對象：WeixinJSBridge，經過操做這個對象的相關方法能夠實現轉發連接到微信朋友圈，和判斷一個微信號的關注狀態，好比在進行轉發抽獎的活動時，判斷是否轉發成功和是否關注成功會頗有必要。

轉發連接到朋友圈：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

//點擊事件調用此函數便可激發一次轉發到朋友圈操做 function toWexinFriends(){        WeixinJSBridge.invoke( 'shareTimeline' ,{          "img_url" : "http://example.com/example.png" ,          //"img_width": "640",          //"img_height": "640",          "link" : "http://example.com" ,          "desc" : "描述" ,          "title" : "標題"      }, function (res){          // 返回res.err_msg,取值          // share_timeline:cancel 用戶取消          // share_timeline:fail　發送失敗          // share_timeline:confirm 發送成功          WeixinJSBridge.log(res.err_msg);            if (res.err_msg == 'share_timeline:confirm' ){              //轉發成功          };      });   }

關注微信公衆賬號：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function addFirend(){   //gh_122a2ee67fae 爲被添加者的微信ID   WeixinJSBridge.invoke( "addContact" , {webtype: "1" ,username: 'gh_122a2ee67fae' }, 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' ){                  //關注成功，或者已經關注過              }          }) }

以上都須要在微信內嵌瀏覽器內才能被識別，經過判斷WeixinJSBridge對象是否存在，能夠知道是否在微信內瀏覽的頁面。

微信內嵌瀏覽器還能夠識別：

1	<a href="weixin://profile/gh_122a2ee67fae"></a>

此種類型的連接，此連接在微信內會連接到一個公共賬號的介紹界面。
外部瀏覽器可使用：

1	<a href="weixin://qr/aHUbFAjE_jaFhxl3nyBM"></a>

此種類型的連接在手機的外部瀏覽器也會被自動識別並跳轉到微信，但會進行條碼掃描，體驗不是很好。

以上分享但願對你們有所幫助，更但願知情人士分享更多技巧，QQ的社交鏈真的是強大到可怕，微信已經漸漸成長壯大，必會成爲網絡營銷的另外一片沃土！