微信分享网站链接带缩略图和描述

前言：
首先你得有一个公众号！
没有去申请就OK了，具体申请流程这里不展开了。

效果预览：

导入js

//导入官方js
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

下面是具体代码，直接复制改掉参数能用！

function we() {$.ajax({url: "url",type: 'get',dataType: 'json',success: (res) => {console.log("res", res)wx.config({//调试debug: false,//微信公众号的appidappId: res.appId,//时间戳timestamp: res.timestamp,//随机字符串nonceStr: res.nonceStr,//签名  signature: res.signature,//API接口方法列表jsApiList: ["checkJsApi","updateAppMessageShareData","updateTimelineShareData",]});wx.ready(function () {// 分享给朋友/qq好友wx.checkJsApi({ jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"] })wx.updateAppMessageShareData({title: "标题",desc: "简介",link: "要分享的链接",imgUrl: "您的缩略图链接",type: '',//默认可为空dataUrl: '',//默认可为空success: function (res) { console.log("分享成功！" + res); }});// 分享到朋友圈wx.updateTimelineShareData({title: "标题",link: "分享链接",imgUrl: "分享图标",success: function (res) { console.log("分享成功！" + res); }});});}})}we()

到此为止，所有的主要的步骤，都差不多了。接下来，在公众号还需要有两个地方需要配置：

IP白名单，

js安全域名

一般都是把你的网站域名写上去就可以的了。

次仅笔记，以便日后查阅，如有错漏还望不吝指出，感谢！

微信分享网站链接带缩略图和描述相关推荐

微信分享网站链接显示缩略图和描述的方法
最近在为一个网站添加微信分享文章显示图片和描述的功能,这个功能以前了解过,但并无完全实现过,这个功能须要认证的公众号支持.现最新微信分享网站链接显示缩略图和描述的方法(附带傻瓜式代码包使用简单,在你 ...
微信分享外部链接添加图片与描述（服务器端：python）
前言: 之前使用网上的办法在html页面直接放入缩略图img的方式不知道为啥,根本没有用!: https://jingyan.baidu.com/article/c35dbcb0f5dc588916f ...
微信分享网页链接自定义图片和文字描述
今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下; 首先,由于微信已经发布了想要分享链接必 ...
html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法
微信分享网页不显示缩略图片的原因为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK"分享到朋友圈"及"发送给朋友"接口,自定义的分享 ...
微信H5分享外部链接，缩略图不显示
微信公众号酒酒酒搜索 "微信H5分享外部链接,缩略图不显示" 查看原文前言:最近做了一款推广茶的APP软件,展厅.产品需要分享功能:从APP内分享到H5网页:微信内打开H5网页, ...
微信分享网页链接缩略图不显示解决方法
微信分享网页链接缩略图不显示解决方法参考文章: (1)微信分享网页链接缩略图不显示解决方法 (2)https://www.cnblogs.com/68xi/p/11596254.html 备忘一下.
微信分享网页链接不显示小图标怎么办
我们自己做的网站在微信中属于第三方网站,第三方网站想要显示缩略图和描述需要有两个前提条件. 微信分享网页链接不显示缩略图怎么办 1.认证的公众号 2.备案的域名有了公众号和域名才能去调用微信接口,也 ...
微信分享的链接，手机打开白屏，单页面应用(Hash模式下)，实现微信分享
前言:现在将相关的产品分享至朋友圈,进行宣传,成为一种很常见的方式.本文,主要想分享一下,微信分享所遇到的坑,微信分享的链接,手机打开白屏,以及产生的原因. 前端微信分享的基本步骤: 一.绑定域名先 ...
php 微信分享功能_使用php怎么实现一个微信分享朋友链接功能
使用php怎么实现一个微信分享朋友链接功能发布时间:2021-02-15 09:11:24 来源:亿速云阅读:68 作者:Leah 这篇文章给大家介绍使用php怎么实现一个微信分享朋友链接功能,内 ...

微信分享网站链接带缩略图和描述

微信分享网站链接带缩略图和描述相关推荐

最新文章

热门文章