点击网页分享按钮，触发微信分享功能

南易_站长

阅读量：12659

点击网页分享按钮，触发微信分享功能

# 网页按钮，触发分享功能

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

我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象：**WeixinJSBridge**，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。

## 分享到朋友圈

```javascript
function weixinShareTimeline(title,desc,link,imgUrl){
	WeixinJSBridge.invoke('shareTimeline',{
		"img_url":imgUrl,
		//"img_width":"640",
		//"img_height":"640",
		"link":link,
		"desc": desc,
		"title":title
	});	
}
```

## 发送给好友

```javascript
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
	});
}
```

## 分享到腾讯微博

```javascript
function weixinShareWeibo(title,link){
	WeixinJSBridge.invoke('shareWeibo',{
		"content":title + link,
		"url":link
	});
}
```

## 关注指定的微信号

```javascript
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 添加成功　　　　　　　　//WeixinJSBridge.log(d.err_msg);
		if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){
		    //关注成功，或者已经关注过
		}
	})
}
```
```javascript
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"  
});  
}  
}

转载自：https://www.cnblogs.com/grimm/p/5489936.html

表情

登录

注册

南易_站长

阅读量：12659

点击网页分享按钮，触发微信分享功能

评论