最新版本的微信对此作了限制
官方用意乎掘是打击第三方靠微信来宣传自己产品
从程序的角度去分析。他并不是屏蔽蠢迟了AppStore,也不是不兼容IOS7。是因为微信5.0之后的版本对WebView(就是打开网页的那个页面,包括朋友圈分享的网页,邮箱内容的网页)的连带顷李接地址处理做了改变。之前工程师可以通过自定义scheme跳转到自己的应用。现在只有http(或许还有其他我们未知的scheme,开放给他们自己的应用或者合作伙伴)能够直接跳转。所以。现在大多数应用选择的方式都是先通过http跳转到自己的网站,然后再通过网站的JS(或者其他Action)跳转到应用。
为什么修改标题分享微信还是不变,微信分享到朋友圈,朋友JS代码
最近很多销慎群朋友问我,为什么我修改网页里面标题和描述语,但是我分享在微信朋友圈和朋友以后的标题和描述语还是不变呢?其实大家修改的是网页标题和描述语碧棚,没有真正修改悔斗则微信分享接口那部分描述语,所以才不会变的。
script
varimgUrl="图片地址";
varlineLink="网址";
vardescContent='描述语';
varshareTitle='标题';
varappid='';
functionshareFriend(){
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);
})
}
functionshareTimeline(){
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);
});
}
functionshareWeibo(){
WeixinJSBridge.invoke('shareWeibo',{
"content":descContent,
"url":lineLink,
},function(res){
//_report('weibo',res.err_msg);
});
}
//当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady(){
//发送给好友
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
微信朋友圈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的webapp可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现webapp的页面会导致签名失败,此问题会在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"}?}});
如何在网页中通过js代码将内容分享到朋友圈可以通过百度分享插件或者jiathis插件进行分享,这两款应该是分享插件用的比较多得吧
本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。