关闭

微信网页添加分享到朋友圈、发送好友JS代码

标签: javascript分享微信
981人阅读 评论(0) 收藏 举报
分类:

微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
 

微信内嵌浏览器

通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){
	WeixinJSBridge.invoke('shareTimeline',{
		"img_url":imgUrl,
		//"img_width":"640",
		//"img_height":"640",
		"link":link,
		"desc": desc,
		"title":title
	});	
}
发送给好友
function weixinSendAppMessage(title,desc,link,imgUrl){
	WeixinJSBridge.invoke('sendAppMessage',{
	//"appid":appId,
	"img_url":imgUrl,
	//"img_width":"640",
	//"img_height":"640",
	"link":link,
	"desc":desc,
	"title":title
	});
}

 

分享到腾讯微博
function weixinShareWeibo(title,link){
	WeixinJSBridge.invoke('shareWeibo',{
		"content":title + link,
		"url":link
	});
}

 

关注指定的微信号
function weixinAddContact(name){
	WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, 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'){
		    //关注成功,或者已经关注过
		}
	})
}


0
0
查看评论

PHP实现 微信--分享朋友链接

不是些高深知识,但是第一次做,确实费了很多的时间.终于一点一点的扣了出来. 目前已经使用中.解决这个问题,总共碰到了几次BUG,1是生成的签名不对,自己打印出来,在去微信的签名算法页面一一核对.这时候如果对了,还是不成功.那就是需要动态获取URL链接的.最后需要将 函数写在为微信的ready函数内....
  • qq_41493093
  • qq_41493093
  • 2017-12-22 11:21
  • 156

微信分享(PHP调用)

PHP调用微信分享Demo
  • houzhiwen_yy
  • houzhiwen_yy
  • 2017-04-12 14:32
  • 1042

微信分享到朋友圈、发送给朋友开发注意事项

1、invalid url domain当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见 目录1.1.1)。2、invalid signature签名错误。建议按如下顺序检查:确认签名算法正...
  • wangqiuchen_Study
  • wangqiuchen_Study
  • 2018-01-04 16:18
  • 507

微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈

小编也经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子,就在手机右上角的三个竖点一键分享就ok了,那么对于分享到朋友圈是怎么实现的呢?对于那种活动分享送流量是怎么定位分享者的呢?而想要将文章发送给朋友又是怎么获取到的朋友列表的呢?         ...
  • xdd19910505
  • xdd19910505
  • 2016-03-22 20:31
  • 27619

微信分享到朋友圈

微信内置浏览器(WebView)中特有的javascript API(javascript Interface),随着微信官方的调整,部分API已经不能直接使用,比如类似直接分享到朋友圈WeixinJSBridge.invoke(shareTimeline,data,callback) 这样的功能,...
  • lybwwp
  • lybwwp
  • 2017-04-14 15:03
  • 1210

微信JSSDK分享功能详解

微信6.0之后JSSDK的调用,微信分享功能的实现,傻瓜教程
  • ty_hf
  • ty_hf
  • 2016-01-26 14:19
  • 48977

微信公众平台开发(107) 分享到朋友圈和发送给好友

关键字:微信公众平台 JSSDK 发送给朋友 分享到朋友圈 onMenuShareTimeline onMenuShareAppMessage 作者:方倍工作室 原文:http://www.cnblogs.com/txw1958/p/weixin-js-sha...
  • txw1958
  • txw1958
  • 2016-01-16 11:32
  • 1588

封装微信分享到朋友/朋友圈js

github地址: https://github.com/saopang/snippets/tree/master/web只封装了微信分享到朋友和朋友圈: 在页面引入:<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0...
  • gengxuelei
  • gengxuelei
  • 2016-08-25 16:18
  • 1041

微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博

其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博……小编又继续去微信公众平台学习了一下,其实都是一样的嘛!就是在页面的config接口注入权限验证配置好就ok!        ...
  • xdd19910505
  • xdd19910505
  • 2016-03-23 10:17
  • 5019

php实现网页微信分享好友或朋友圈内容(标题、缩略图)自定义

  • 2017-09-28 16:12
  • 4KB
  • 下载
    个人资料
    • 访问:24313次
    • 积分:428
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:9篇
    • 译文:0篇
    • 评论:10条
    文章分类
    最新评论