微信分享链接带图片文字和描述

2022-05-20 20:32:21 第一文档网 [ 字体：小中大 ] [

阅读： ] [

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。下载word有问题请添加QQ：admin处理，感谢您的支持与谅解。

【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《微信分享链接带图片文字和描述》，欢迎阅读！
描述,文字,链接,分享,图片

微信分享链接带图片文字和描述

微信最近推出的一个社交工具网站 www.faxinxi.la ，能发投票、活动、文章。但在微信外的浏览器包括PC端和移动端的都无法浏览这个网站任何内容，那是通过什么来控制的呢？通过微信内输出特定JS接口不太可能，那就只能通过Header信息里的User-agent了，实验后证实没错，通过探测可以知道微信内的User-agent信息：

Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1

就是通过识别MicroMessenger这个关键字来确定是否来自微信，通过浏览器的user-agent插件就可以轻松绕过这个限制。

接下来就可以轻松获得www.faxinxi.la的网页源码，其实这不是一个微信官方的应用，服务端是用ASP.NET写的，而且是IIS服务器，有没有注入漏洞就不知道了，不过注入了也没什么实际价值，呵呵。

为什么要挖掘他的网页源码呢，这才是关键。譬如你发一个投票，网址是http://www.faxinxila.com/post/vote，但你填完所有信息按提交后，网页地址并没有发生跳转，而是ajax提交信息后弹出一个遮罩层，提示你点右上角的分享按钮，注意，点分享前网址一直保持在/post/vote路径，但点开分享里的信息已经发生了变化，分享出去后，网址也发生了变化，变成了/vote/3投票实际的展示路径。这是怎么做到的呢？

查看faxinxi里唯一js文件，你会发现一个WeixinJSBridge的输出对象，再对比下通过微信公众平台发出来的文章源文件，也有WeixinJSBridge对象脚本，问题迎刃而解，微信在内嵌webview里输出了WeixinJSBridge对象供web端js调用。faxinxi已经将有用的js提取出来了，详细脚本如下：

1 var dataForWeixin={ 2 appId:"",

3 MsgImg:"http://img1.faxinxila.net/images/share_msg.png", 4 TLImg:"http://img1.faxinxila.net/images/share.png", 5 url:"http://faxinxi.la/vote/1", 6 title:"input title here",

7 desc:"input description here", 8 fakeid:"",

9 callback:function(){} 10 };

11 (function(){

12 var onBridgeReady=function(){

13 WeixinJSBridge.on('menu:share:appmessage', function(argv){ 14 WeixinJSBridge.invoke('sendAppMessage',{ 15 "appid":dataForWeixin.appId, 16 "img_url":dataForWeixin.MsgImg,

17 "img_width":"120", 18 "img_height":"120",

19 "link":dataForWeixin.url, 20 "desc":dataForWeixin.desc, 21 "title":dataForWeixin.title

22 }, function(res){(dataForWeixin.callback)();}; 23 };

24 WeixinJSBridge.on('menu:share:timeline', function(argv){ 25 (dataForWeixin.callback)();

26 WeixinJSBridge.invoke('shareTimeline',{ 27 "img_url":dataForWeixin.TLImg, 28 "img_width":"120", 29 "img_height":"120",

30 "link":dataForWeixin.url, 31 "desc":dataForWeixin.desc, 32 "title":dataForWeixin.title 33 }, function(res){}; 34 };

35 WeixinJSBridge.on('menu:share:weibo', function(argv){ 36 WeixinJSBridge.invoke('shareWeibo',{ 37 "content":dataForWeixin.title, 38 "url":dataForWeixin.url

39 }, function(res){(dataForWeixin.callback)();}; 40 };

41 WeixinJSBridge.on('menu:share:facebook', function(argv){ 42 (dataForWeixin.callback)();

43 WeixinJSBridge.invoke('shareFB',{ 44 "img_url":dataForWeixin.TLImg, 45 "img_width":"120", 46 "img_height":"120",

47 "link":dataForWeixin.url, 48 "desc":dataForWeixin.desc, 49 "title":dataForWeixin.title 50 }, function(res){}; 51 }; 52 };

53 if(document.addEventListener){

54 document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); 55 }else if(document.attachEvent){

56 document.attachEvent('WeixinJSBridgeReady' , onBridgeReady); 57 document.attachEvent('onWeixinJSBridgeReady' , onBridgeReady); 58 }

59 }();

以上分享脚本已写入到本文章页，你可以直接用微信分享本文章，会发现标题变成了“这是一个神奇的分享脚本”,文章地址指向了另外一篇微信接口的文章

这个代码清晰明了，WeixinJSBridge.on(‘menu:share:timeline’）这段就是分享到朋友圈的作用代码。PS：在faxinxi.la里还发现此网站有72个别名网址，站长真有米。 faxinxi网站其实也没有获得官方进一步的接口支持，譬如直接在微信网页内获得用户的信息，而不需要用户自己去输入昵称，这功能微信其实已经提供支持，但只是没有开放的高级功能，是通过类似于oAuth方式取得授权就可以获得用户信息。

由于faxinxi网站已经被封禁，因此本人另外设置了一个分享脚本的测试地址： http://wecode.4wer.com/test/weshare.html

页面脚本请自行查阅，其中用到的分享脚本已封装成独立js文件，脚本github地址是: https://github.com/dodgepudding/wechat-php-sdk/blob/master/wechat.js

本文来源：https://www.dywdw.cn/72fbf9d8be1e650e53ea9997.html