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

小半 • 2023年2月10日上午9:45 • 前端开发 • 阅读 186

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,// 必填，签名，见附录1
                   jsApiList: res.msg.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
             });
          },

          error: function(retrunData) {

		   });

</script>

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

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

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/96032.html

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

相关推荐