微信公众平台前端开发技巧分享

这个是第三方跳转的网站

微信公众平台前端开发技巧分享

微信公众平台

新版微信作了更改，此文提到的部分方法可能已经再也不适用，请关注微信官方开放平台：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的社交链真的是强大到可怕，微信已经渐渐成长壮大，必会成为网络营销的另外一片沃土！