用 WeixinJSBridge.invoke函数实现微信分享标题和文案

一. 分享html

<html>
<head>
<meta charset='utf-8'>
<script type='text/javascript' src='1.js'></script>
</head>
<body><div style ='margin:0 auto;width:0px;height:0px;overflow:hidden;'><img src='/image/demo.jpg'/></div>
</body>
</html>

二. js文件

var imgUrl = 'http://www.baidu.com/images/share.jpg';  // 分享后展示的一张图片
var lineLink = 'http://www.baidu.com'; // 点击分享后跳转的页面地址
var descContent = "描述信息";  // 分享后的描述信息
var shareTitle = '标题';  // 分享后的标题
var appid = '';  //应用id,如果有可以填，没有就留空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);

用 WeixinJSBridge.invoke函数实现微信分享标题和文案相关推荐

使用微信JSSDK自定义微信分享标题、描述、和图标
最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用 ...
微信分享链接自定义文案，微信jssdk配置
需要公众号appid,APPSECRET,与公众号绑定的js安全域名三样就可以完成微信jssdk的配置,这里以微信分享自定义文案链接为例一.前端vue页面编写 1.设置data参数 2.设置js参 ...
Java + JS实现微信分享功能
随着腾讯帝国的强大,越来越多的APP.第三方平台需要倚靠腾讯的产品发展壮大了.微信拥有上十亿用户基础,各大小公司自然不会放过这么优质的平台,所以现在以及未来都会有很多很多与微信集成的地方,比如今天演示 ...
微信测试号实现微信分享等功能【转载】
由于个人账号不能微信认证,无法使用分享接口,所以只能用测试号了 1 申请微信测试号申请地址,微信公众平台开发者文档:http://mp.weixin.qq.com/wiki/home/index.h ...
app混合开发之微信分享设置
在app内混合开发中,分享页面是必不可少的,但是分享到微信时二次分享就会没有分享的设置,这时候就需要自己配置微信二次分享,使用说明请查看微信JS-SDK说明文档 //API.jsimport axio ...
微信公众平台 - 微信内置浏览器 WeixinJSBridge.invoke(‘xxx‘) API 报错：system:access_denied（常见于微信支付、分享朋友圈/转发好友等功能）解决方案
前言场景描述:做公众号网页项目,在微信内置浏览器中运行自己的 H5 网站,需要接入微信支付.微信分享等其他能力,因此使用 WeixinJSBridge 这个 API,不料却发生报错. 如下报错所示, ...
微信分享链接标题和小图片-不通过公众号接口开发
方法一:不通过公众号接口开发在boby 和head之间添加下面的代码即可,图片路径自行修改. 注意这个图片必须是大于300px300px的 <body><div style ='m ...
微信支付【 wx.chooseWXPay、WeixinJSBridge.invoke】
微信支付[ WeChatPay ] wx.chooseWXPay.WeixinJSBridge.invoke 业务需求: 现在涉及到微信相关的项目有很多,主要涉及到的功能有**[微信自定义分享.微信支 ...
设置微信分享的标题缩略图连接描述
<script> var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; var lineLink = ' ...

用 WeixinJSBridge.invoke函数实现微信分享标题和文案

用 WeixinJSBridge.invoke函数实现微信分享标题和文案相关推荐

最新文章

热门文章