微信分享网页时自定义标题、描述和图片

最新推荐文章于 2022-10-18 11:59:33 发布

VIP文章开猿节流

最新推荐文章于 2022-10-18 11:59:33 发布

阅读量1.5k

点赞数 1

分类专栏：微信公众号 Thinkphp

本文为博主原创文章，未经博主允许不得转载。交流联系QQ：634487911

本文链接：https://blog.csdn.net/qq_38191191/article/details/103069110

版权

目的：微信浏览器分享网页自定义标题、描述和图片

效果：

pc端：手机端：自定义：

原始方法：（废弃）

<body>
    <!--此图片必须放在body标签的最前面，且高度必须为屏幕宽度的80%  -->
    <img src="你想要的小缩略图的路径" 
style="position:absolute; top:0; left:0;  width: 80%; z-index:-1;opacity: 0; ">

    <!-- 此处放其他元素 -->
</body>

概述

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。

通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

官网说明：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

接入

步骤一：绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

点击设置之后，弹出这样一个输入框：

然后看看最后调用接口需要些什么？？？

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，
                   // 若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，
                    //仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: [] // 必填，需要使用的JS接口列表
});

1. 获取access_token

我们据先获取access_token：思路很简单，就是我们用代码向微信服务器发一个请求，来换取它返回的access_token就行了。在写代码直接，我们还要添加ip白名单。这是因为微信规定，通过开发者ID及密码调用获取access_token接口时，需要设置访问来源IP为白名单。