H5网页如何在微信中自定义分享链接

1.引入js文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript"></script>

2.调用接口接收以下数据：

<!-- 分享功能 -->
<script>$.ajax({url: "/public/index.php/index/index/jsconfig.html",dataType: 'JSON',data: {url:window.location.href},type: 'POST',success: function(res) {console.log('打印res',res)wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: res.msg.appId, // 必填，公众号的唯一标识timestamp:res.msg.timestamp, // 必填，生成签名的时间戳nonceStr: res.msg.nonceStr, // 必填，生成签名的随机串signature: res.msg.signature,// 必填，签名，见附录1jsApiList: res.msg.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});},error: function(retrunData) {});</script>

项目实操：
在一个h5开发的公众号项目中，分享时默认展示页面的第一张图作为分享链接的封面图，不能自定义图片分享到朋友圈，此处解决的方式是：
在每个页面的最顶部添加一张logo图，并设置宽度为0，就是为了不让其显示。只在分享时起作用。

<img src="__IMG__/mylogo.jpg" style="width:0 ;" >

H5网页如何在微信中自定义分享链接相关推荐

H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）
自定义分享链接是什么? 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑.如下图效果 ● 自定义网页链接示例(带标题,内容简介,缩略图) ● 未 ...
h5 修改title 微信_H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）...
最近开发h5网页,在分享网页到微信好友时,发现我的分享链接只有标题和链接地址: 图一却不像自定义微信分享链接一样,分享的链接像生成一张卡片,有对应的标题,内容和图片: 图二要达到上图自定义文案与图 ...
QQ/微信如何自定义分享链接缩略图？
我们每天都在逛QQ空间和朋友圈,细心的朋友一定会发现有的人分享的链接会显示缩略图,这样可以吸引人点击引来流量,其实QQ或者微信分享链接的缩略图是可以自定义的,下面就教大家如何自定义QQ/微信分享链接缩 ...
微信中打开分享链接提示已停止访问该网页的原因及解决办法
最近经常看到一个这样的现象,就是朋友在微信里发给你一条链接,你点开看却显示网页包含诱导分享.关注等诱导行为内容,被多人投诉,为维护绿色上网环境,已停止访问这一情况如下图所示: 这是什么原因造成的呢? ...
uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后实现微信浏览器自定义分享样式 uniapp 项目转 h5 1.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致 2.就是 ...
h5页面生成图片分享到微信js_H5微信自定义分享链接（设置标题+简介+图片）
起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看 ...
h5网页跳转微信小程序
H5网页跳转微信小程序再次记录下, 通过使用微信开放标签,可便捷的跳转到微信小程序. 文章目录 H5网页跳转微信小程序效果图一.小程序跳转按钮二.开放标签使用步骤 1. 绑定域名 2. 引入j ...
如何将h5网页改成微信网页
1.如何将h5网页改成微信网页 1.设置安全域名先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名&qu ...
微信朋友圈分享链接的【图片】设置
微信朋友圈分享链接的[图片]设置我们在制作好一些网页以后,希望通过微信朋友圈分享给大家.但是发现这样分享到微信朋友圈是没有小图标的.如何在链接前增加吸引人的图片呢?请看下面的制作方法. 在网页的头部 ...

H5网页如何在微信中自定义分享链接

H5网页如何在微信中自定义分享链接相关推荐

最新文章

热门文章