微信公众账号添加关注按钮和分享到朋友圈按钮.
2013-10-18 16:53
495 查看
用过微信公众账号的应该知道,微信公众账号是可以发布一些HTML网页的,利用这些网页做推广或者广告等等...
今天要和大家分享的..就是如何在微信公众账号发布的页面中调用微信内部的接口来实现关注某个用户或者分享到朋友圈这些功能.
如上图所示:
1. 先说关注他人的实现方法吧,这个很简单,调用weixin协议即可 具体代码如下:
1
2. 分享到朋友圈:
其实利用微信公众账号发布的HTML页面最终是利用微信内置的web浏览器打开的,同事在这个浏览器里集成了WeixinJSBridge这个JS对象,利用这个JS对象的一些操作接口可以实现微信应用内的功能.如添加好友,发送消息等等功能.
然后同样使用一个a标签实现分享功能,加上onclick时间调用分享的JS函数就可以了
好了,搞定!
今天要和大家分享的..就是如何在微信公众账号发布的页面中调用微信内部的接口来实现关注某个用户或者分享到朋友圈这些功能.
如上图所示:
1. 先说关注他人的实现方法吧,这个很简单,调用weixin协议即可 具体代码如下:
1
<a href="weixin://profile/gh_xxxxxxxx">关注他</a> 这里gh_xxxxxxxx就是用户的原始ID,注意,必须使用原始ID.
2. 分享到朋友圈:
其实利用微信公众账号发布的HTML页面最终是利用微信内置的web浏览器打开的,同事在这个浏览器里集成了WeixinJSBridge这个JS对象,利用这个JS对象的一些操作接口可以实现微信应用内的功能.如添加好友,发送消息等等功能.
function ShareTofriends(img_url,link,title,desc) { //在HTML页面内嵌入这一段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 发送失败 // share_timeline:ok 发送成功 WeixinJSBridge.log(res.err_msg); }); return false; } else { alert("WeixinJSBridge对象不存在!!"); } };
然后同样使用一个a标签实现分享功能,加上onclick时间调用分享的JS函数就可以了
<a href="javascript:void(0);" onclick="ShareTOfriend('分享弹出窗的图片URL地址','分享的页面链接','分享弹出窗的标题','分享内容的描述')">分享到朋友圈
好了,搞定!
相关文章推荐
- windows上通过android使用微信 一些注意点
- opengl小程序
- 几个小程序。
- 微信聊天内容解密终于搞定了。。。
- qq空间、微信好友、邮件、短信分享
- Android分享到微信时点击分享无反应的问题解决(注意事项)
- 微信公众帐号开发教程第16篇-应用实例之历史上的今天
- 微信公众帐号开发教程第15篇-自定义菜单的view类型(访问网页)
- 微信公众帐号开发教程第14篇-自定义菜单的创建及菜单事件响应
- 微信公众帐号开发教程第13篇-图文消息全攻略
- 微信公众帐号开发教程第12篇-符号表情的发送(下)
- 微信公众帐号开发教程第11篇-符号表情的发送(上)
- 微信公众帐号开发教程第10篇-解析接口中的消息创建时间CreateTime
- 微信公众帐号开发教程第9篇-QQ表情的发送与接收
- 微信公众帐号开发教程第8篇-文本消息中使用网页超链接
- 微信公众帐号开发教程第7篇-文本消息中换行符的使用
- 微信公众帐号开发教程第6篇-文本消息的内容长度限制揭秘
- 微信公众帐号开发教程第5篇-各种消息的接收与响应
- 微信公众帐号开发教程第4篇-消息及消息处理工具的封装
- 微信公众帐号开发教程第3篇-开发模式启用及接口配置