本文目录一览：
- 1、为什么修改标题分享微信还是不变，微信分享到朋友圈，朋友JS代码
- 2、网页内容 转发到微信朋友圈 代码
- 3、如何在网页中通过js代码将内容分享到朋友圈
- 4、微信朋友圈JSSDK分享自定义图片文字
- 5、如何在网页中通过js代码将内容分享到朋友圈？
为什么修改标题分享微信还是不变，微信分享到朋友圈，朋友JS代码
您好！很高兴能为您解答， 具体需要加入什么可以实现微信分享有效代码：
script
var imgUrl = "图片地址";
var lineLink = "网址";
var descContent = '描述语';
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
网页内容 转发到微信朋友圈 代码
如果直接将网页内容的网址粘到微信朋友圈，就会变成网址或代码：
将要分享的网址发到手机上，如果是在手机浏览器上看到的网页，可以把网址复制下来；
进入朋友圈，长按右上角的相机图标，把要分享的网址粘贴进去，然后点发送；
返回朋友圈，这时候看到的还是一个网址，点击该网址进入网页，选择右上角的分享图标，分享到朋友圈；
把前面发网址的那条朋友圈动态删除掉就行了。
如何在网页中通过js代码将内容分享到朋友圈
手机浏览网页的JS代码么？用火狐浏览器试试，在地址栏里的原URL前加 view-source: 即可查看源代码。电脑网页的，直接右键源代码就好了，然后复制你想要的代码，发送大朋友圈
微信朋友圈JSSDK分享自定义图片文字
1、在微信公众号添加安全域名（制作的H5页面的主域名）；
测试阶段，本人是通过修改hosts文件，将对应域名解析为127.0.0.1 ； 然后将电脑和手机连接至同个局域网下。修改手机代理为电脑在局域网内的IP地址；这样手机就能正常进行测试；
2、引入jssdk script src=''
3、配置jssdk，成功后方可使用相关功能，方式如下
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'XX', // 必填，公众号的唯一标识
timestamp: XX, // 必填，生成签名的时间戳
nonceStr: xx, // 必填，生成签名的随机串
signature: xx, // 必填，签名，见附录1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
第一次接触时看到网上的文章在此对signature没有过多的说明，这里我自己大概说一下，此参数是通过获取公众号的id及secret获取 access _token,然后通过 access _token获取jsapi_ticket，然后通过时间戳，随机串，当前页面url，通过sha1加密生成；（这里做下说明，此步骤由后台处理后返回给前端即可）；
刚接触的时候领导认为纯前端可实现，这。。。确实可以实现，这里就不做过多说明了；至于要后端处理的原因大致为两点1、公众号id和secret在前端实现不安全 2、 access _token和jsapi_ticket每日有请求次数的限制，过期时间两小时，所以需要后台在服务器缓存，每两小时获取一次；
4、wx.config配置正确即可通过wx.ready来调用相应功能
wx.ready(function() {
wx.onMenuShareTimeline({ //分享朋友圈
title: 'X', // 分享标题
link: window.location.href, // 分享链接
imgUrl: url, // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
console.log('分享成功了哟哟哟')
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareAppMessage({ // 好友分享
title: '', // 分享标题
desc: '', // 分享描述
link: window.location.href, // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
总结：其实对于前端要处理的很少，只要从后台获取signature签名，调用方法即可实现；具体可看官方文档；首次接触的小伙伴不要被吓到，就是如此简单；
如何在网页中通过js代码将内容分享到朋友圈？
布骤一：绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在“开发者中心”查看对应的接口权限。
步骤二：引入JS文件
在需要调用JS接口的页面引入如下JS文件
步骤三：通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。
步骤四：通过ready接口处理成功验证
wx.ready(function(){ // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。});
骤五：通过error接口处理失败验证
wx.error(function(res){// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
接口调用说明
所有接口通过wx对象(也可使用jWeixin对象)来调用，参数是一个对象，除了每个接口本身需要传的参数之外，还有以下通用参数：
success：接口调用成功时执行的回调函数。
fail：接口调用失败时执行的回调函数。
complete：接口调用完成时执行的回调函数，无论成功或失败都会执行。
cancel：用户点击取消时的回调函数，仅部分有用户取消操作的api才会用到。
trigger: 监听Menu中的按钮点击时触发的方法，该方法仅支持Menu中的相关接口。
备注：不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
以上几个函数都带有一个参数，类型为对象，其中除了每个接口本身返回的数据之外，还有一个通用属性errMsg，其值格式如下：
调用成功时："xxx:ok" ，其中xxx为调用的接口名
用户取消时："xxx:cancel"，其中xxx为调用的接口名
调用失败时：其值为具体错误信息
基础接口判断当前客户端版本是否支持指定JS接口
wx.checkJsApi({ jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2, success: function(res) {// 以键值对的形式返回，可用的api值true，不可用为false // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} }});
