微信公众平台开发 微信公众平台开发模式 企业微信公众平台 微信浏览器 分享到朋友圈 发送给好友 分享到腾讯微博
作者:方倍工作室
原文: http://www.cnblogs.com/txw1958/p/MicroMessenger-browser.html
部分内容转自 http://weixin.shtion.com/weixin-gongzhong-fenxiang-anniu.html
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。
一、微信浏览器
通过在电脑上打开微信的网页,我们可以发现微信内嵌浏览器定义了一个私有 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
});
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>微信公众平台开发最佳实践</title>
</head>
<body style="">
<script type="text/javascript">
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 发送给好友
WeixinJSBridge.on('menu:share:appmessage', function (argv) {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": "123",
"img_url": "http://bcs.duapp.com/api100/image/logo/lover.jpg",
"img_width": "160",
"img_height": "160",
"link": "http://api100.duapp.com/card/",
"desc": "山无陵,天地合,乃敢与君绝。",
"title": "爱情贺卡"
}, function (res) {
_report('send_msg', res.err_msg);
})
});
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function (argv) {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": "http://bcs.duapp.com/api100/image/logo/newyear.jpg",
"img_width": "160",
"img_height": "160",
"link": "http://api100.duapp.com/card/",
"desc": "Best wishes for a wonderful new year.",
"title": "新年贺卡"
}, function (res) {
_report('timeline', res.err_msg);
});
});
}, false)
</script>
</body>
</html>
相关推荐
10.5 发送给朋友与分享到朋友圈 297 10.6 Discuz微社区 299 附录A 关键词自动回复的规则 300 附录B 微信公众平台全局返回码说明 301 附录C SAE分词词性说明 303 附录D 微信公众平台基础接口PHP SDK 305 附录E...
10.5 发送给朋友与分享到朋友圈 297 10.6 Discuz微社区 299 附录A 关键词自动回复的规则 300 附录B 微信公众平台全局返回码说明 301 附录C SAE分词词性说明 303 附录D 微信公众平台基础接口PHP SDK 305 附录E...
主要介绍了Java实现微信公众平台朋友圈分享功能详细代码,小编觉得挺不错的,这里分享给大家,供需要的朋友参考。
要实现微信分享网页时自定义缩略图和简介,需开发者在公众平台网站中创建公众号、获取接口权限后,通过微信JS-SDK的分享接口,来实现微信分享功能。本项目包含获取凭证access_token、jsapi_ticket、SHA1加密算法、...
本文实例讲述了微信公众平台微信端分享功能。分享给大家供大家参考,具体如下: 背景 初次尝试微信公众号的开发,对于学习方法的探索都是来源于网上的博客、问答,对于参差不齐的信息,自己也是有苦说不出,抽出...
1、WeixinApi为何诞生 以前顺便玩儿了下微信公众账号,做Web前端开发的,都对页面脚本充满...// 自定义分享到:微信好友、朋友圈、腾讯微博、QQ好友 WeixinApi.share(wxData,wxCallbacks); 标签:WeixinApi
微信提供公众平台、朋友圈、消息推送等功能,用户可以通过摇一摇、搜索号码、附近的人、扫二维码方式添加好友和关注公众平台,同时微信帮将内容分享给好友以及将用户看到的精彩内容分享到微信朋友圈。 PS:由于...
使用微信JS-SDK自定义分享到好友和分享到朋友圈 实现步骤 1、要实现微信H5网页自定义分享功能,必须先熟悉下微信公众平台开发文档,具体文档里面说的很详细,这里说下需要注意的点,别忘了绑定开发者权限,还有绑定...
本文实例为大家分享了微信小程序分享朋友圈海报的具体代码,供大家参考,具体内容如下 思路:生成朋友圈海报放在公共文件,首先需要绘制canvas,点击分享朋友圈按钮,在手机屏幕看不见的地方(定位left:1000px)...
1、分享到微信朋友圈 2、分享给微信好友 3、分享到腾讯微博 4、隐藏/显示右上角的菜单入口 5、隐藏/显示底部浏览器工具栏 6、获取当前的网络状态 7、调起微信客户端的图片播放组件 8、关闭公众平台Web页面 /**! *...
从微信公众号平台获取微信公众所有文章的url
本文实例讲述了JS版微信6.0分享接口用法。分享给大家供大家参考,具体如下: 为了净化网络,整顿诱导分享及...2.分享的监听,仅提供了腾讯旗下产品的接口,接口列表:分享到朋友圈、分享给朋友、分享到QQ、分享到QQ空间
通过查看微信公众平台文档,找到自己所需要的说明文档,明确开发步骤,说明文档截图如下: 开发步骤: 1、按照说明文档完成步骤1.1.1 2、引入js文件 在分享的页面中添加js文件 <script src=”...
要达到上图自定义文案与图标的效果,必须要采用微信提供的JS-SDK,微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。可参考微信JS-SDK说明文档。(如果你不懂技术或者没有认证的公众号,使
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享...
微信提供公众平台、朋友圈、消息推送等功能,用户可以通过“摇一摇”、“搜索号码”、“附近的人”、扫二维码方式添加好友和关注公众平台,同时微信将内容分享给好友以及将用户看到的精彩内容分享到微信朋友圈。...
微信二次分享/自定义分享 从App中使用App分享(一次分享) ...先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(一般后端配置) 前端需要调取后端的接口,获取微信的cong
本软件是一款全自动的微信电脑版工具,包含微信帐号管理,地图坐标选定定位,手机号、QQ号搜索,搜索陌生人加好友,摇一摇,和附近人打招呼,发送所有好友,分享公共号,朋友圈推广。 “指北针微信电脑版工具”,...
Android项目源码本站第三个基于环信的仿微信项目源码也是一个基于环信的仿微信聊天项目源码,包括eclipse版本和studio版本。 支持好友之间的聊天,视频通话,语音,语音通话,发送文件,群聊,等等。 支持从电话本...
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、...