如何在微信分享的网页中显示描述和图片

微信分享网页显示图片和标题隐藏网址

由于项目需要，需要在微信公众号中添加分享，显示图片和标题
这个分享是需要jssdk 才能展示图片和标题的
开发文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
如果是php开发，知道去下载sdk 里面demo 即可
具体操作如下，
如果没有绑定js 完全域名请绑定域名，下载对应的文件，上传到服务器即可

因为获取token 还有加密微信sdk都已经写好，可以直接使用

主要使用jssdk文件
然后将sample文件的js代码拷贝到对于的页面中
由于我这边是老项目直接复制即可

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>wx.config({debug: true,//true为调试模式，没有问题需要修改成falseappId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',jsApiList: [// 所有要调用的 API 都要加到这个列表中"updateAppMessageShareData","updateTimelineShareData","onMenuShareTimeline","onMenuShareAppMessage"]});var shareData = {shareTitle: "<?php echo $title;?>",shareDesc: "<?php echo $desc;?>",shareLink: 'http://www.91quanyi.com/wechatwap/wechatwap/qiandaotestsssss',shareImgUrl: "<?php echo $url;?>",};console.error(shareData);wx.ready(function () {//分享给朋友wx.onMenuShareAppMessage({title: shareData.shareTitle,desc: shareData.shareDesc,link: shareData.shareLink,imgUrl: shareData.shareImgUrl,success: function (res) {},fail: function (res) {alert(JSON.stringify(res));}});//分享到朋友圈wx.onMenuShareTimeline({title: shareData.shareTitle,desc: shareData.shareDesc,link: shareData.shareLink,imgUrl: shareData.shareImgUrl,success: function (res) {;},fail: function (res) {alert(JSON.stringify(res));}});//分享到QQwx.onMenuShareQQ({title: shareData.shareTitle,desc: shareData.shareDesc,link: shareData.shareLink,imgUrl: shareData.shareImgUrl,success: function (res) {},fail: function (res) {alert(JSON.stringify(res));}});//分享到腾讯QQwx.onMenuShareWeibo({title: shareData.shareTitle,desc: shareData.shareDesc,link: shareData.shareLink,imgUrl: shareData.shareImgUrl,success: function (res) {},fail: function (res) {alert(JSON.stringify(res));}});//分享到QZonewx.onMenuShareQZone({title: shareData.shareTitle,desc: shareData.shareDesc,link: shareData.shareLink,imgUrl: shareData.shareImgUrl,success: function (res) {},fail: function (res) {alert(JSON.stringify(res));}});});
</script>

js 代码就上面这些，其实很简单，就是初始配置，然后一个调用api
填写对应的数值即可。
我这边将数组全部在php中操作的接下来看下php代码

 public function tests(){$view['title']  = "我是分享标题";$view['desc']   = "我是分享秒杀";$view['url']    = "https:/xxxxxx.jpg";//这个方法就是 微信 jssdk 类中方法 直接调用即可$view['signPackage']  =$this->getSignPackage();$this->load->view('wechatwap/test', $view);}

也可以按照 sdk中方法进行使用

require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk->GetSignPackage();

如果正常操作

然后debug false

就是想要的效果

如何在微信分享的网页中显示描述和图片相关推荐

android启动微信应用程序,android 从微信分享的网页中启动APP
项目中有个需求,让用户可以从分享到微信的网页中启动自己的APP,如果本机没有安装该应用程序则打开应用商店并打开该程序在商店中的搜索结果页面.在这里跟大家分享一下: 首先需要和服务端协商好网页中按钮点击 ...
Angular2 ng2-file-upload使用FileReader在网页中显示用户选择图片
ng2-file-upload是一个angular2的文件上传指令插件,可支持拖拽上传.单选上传.多选上传等功能,具体使用方法可去github查看.地址:https://github.com/valo ...
html天气插件iframe,HTML_利用iframe在网页中显示天气附效果截图，css：复制代码代码如下: *{margi - phpStudy...
利用iframe在网页中显示天气附效果截图 css: 复制代码代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} bo ...
将VS2005中的.CS文件在网页中显示的方法
今天在做AccessMembershipProvider的DEMO时,想把支持Access数据库提供程序的源码在网页中显示出来,可是复制源码后在网页中显示的是不换行的,后来我在尝试了很多办法后,终于有 ...
html网页中显示乱码的问题解决
在网页中显示中文乱码. 情景: 在html页面写了个javacript的代码,里面有alert("中文"),但弹窗出来的对话框显示的是中文乱码. 解决: 在head头加 <m ...
非常好的在网页中显示pdf的方法
今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunkie/web_designers_g ...
网页中显示xml，直接显示xml格式的文件
第一种方法使用<pre></pre>包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪): 使用<xmp></xmp>包围代码(官方不推荐,但 ...
html显示docx,网页中显示PDF的HTML代码.docx
网页中显示PDF的HTML代码您可能想打开文档至某一特别页面或目标,或显示书签.要与链接一起放入一个动作命令,可紧接在 PDF 文件名后面键入数字符号 (#) 和该命令.以下表格显示可能的动作命令 ...
在html中显示word,如何在浏览器网页中显示word文件内容
把word文件读到byte[]中,再Response.OutputStream.Write(bytes)到客户端去 Page_Load事件中写: //FileStream fs = new ...

如何在微信分享的网页中显示描述和图片

微信分享网页显示图片和标题隐藏网址

如何在微信分享的网页中显示描述和图片相关推荐

最新文章

热门文章