在微信公众平台前端网页上添加分享按钮
来源:互联网 发布:淘宝售后客服 编辑:程序博客网 时间:2024/05/21 06:39
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?
今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
微信内嵌浏览器
通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。
分享到朋友圈
发送给好友
分享到腾讯微博
关注指定的微信号
其他的代码
function WeiXinShareBtn() {if (typeof WeixinJSBridge == "undefined") {alert(" 请先通过微信搜索 wow36kr 添加36氪为好友,通过微信分享文章 :) ");} else {WeixinJSBridge.invoke(‘shareTimeline‘, {"title": "36氪","link": "http://www.36kr.com","desc": " 关注互联网创业 ","img_url": "http://www.36kr.com/assets/images/apple-touch-icon.png"});}}
这是第三种
<script> var imgUrl = "图片地址"; var lineLink = "网址"; var descContent = '爱在五月,\n\n妈咪爱1+1亲子健康之旅开启全国行首站----重庆站妈咪爱活性益生菌'; 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>
0 0
- 在微信公众平台前端网页上添加分享按钮
- 在微信公众平台前端网页上添加分享按钮
- 在微信公众平台前端网页上添加分享按钮
- 在微信公众平台前端网页上添加分享按钮
- 在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮
- 在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮
- 微信公众平台开发:进阶篇(在网页上添加分享到朋友圈、发送给好友、分享等按钮)
- 微信公众平台开发:进阶篇(在网页上添加分享到朋友圈、发送给好友、分享等按钮)
- 微信公众平台开发:进阶篇(在网页上添加分享到朋友圈、发送给好友、分享等按钮)
- 微信公众平台开发:进阶篇(在网页上添加分享到朋友圈、发送给好友、分享等按钮)
- 微信公众平台开发之在网页上添加分享到朋友圈,关注微信号等按钮
- 前端网页上添加分享到朋友圈,关注微信等按钮
- 在网页上添加微信分享按钮,关注微信号等按钮
- 微信公众平台分享
- 在网页添加分享按钮
- 如何在微信公众平台上添加音乐---菜冬瓜
- 微信公众平台网页开发实战--1.微信分享一个网页到朋友圈
- 分享:在微信公众平台做HTML5游戏经验谈
- 成都传智播客Java培训口碑做宣传
- 剑指offer 6.3 知识迁移能力3- 判断二叉树是否是平衡二叉树
- setScaleX
- spring获取webapplicationcontext,applicationcontext几种方法详解
- uva 11426 GCD Extreme (II)
- 在微信公众平台前端网页上添加分享按钮
- hdu 2187
- Fuel 30 分钟快速安装openstack
- 用高富帅描述对象构造先后
- Android应用开发SharedPreferences存储数据的使用方法
- hadoop源码[0]-初衷和各种资源
- openwrt下wifi设置详细过程
- 图片/容器/字体 透明度【opacity:0.4; filter:alpha(opacity=40)】
- hdu 4912 Paths on the tree (LCA+贪心)