uni-app打包H5自定义微信分享

ops/2024/11/24 17:10:38/

1、配置分享信息

修改uni-app的index.html,添加Open Graph(OG)标签来配置分享信息。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="description" content="标题"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" property="og:title" content="标题"/><meta name="twitter:description" property="og:description" content="描述"/><meta name="twitter:image" property="og:image" content="http://www.example.com/icon.jpg" />...

配置好OG标签信息后,从浏览器分享到微信时,在卡片上能正常显示标题、描述、缩略图。

但是在使用微信内置分享(右上角->分享到朋友等)时,描述和缩略图没有正常显示。

要解决以上问题,需要进行以下设置。 

2、配置微信公众号

2.1、绑定域名

【设置与开发】→【账号设置】→【功能设置】→【JS接口安全域名】填写自己的访问域名。

2.2、添加白名单

【设置与开发】→【开发接口管理】→【基本配置】→【IP白名单】填写自己服务器的IP。

3、引入微信JSSDK

通过npm来安装weixin-js-sdk模块到你的项目中。在项目的根目录下打开命令行工具,运行以下


http://www.ppmy.cn/ops/136359.html

相关文章

力扣面试经典 150(上)

文章目录 数组/字符串1. 合并两个有序数组2. 移除元素3. 删除有序数组中的重复项4. 删除有序数组的重复项II5. 多数元素6. 轮转数组7. 买卖股票的最佳时机8. 买卖股票的最佳时机II9. 跳跃游戏10. 跳跃游戏II11. H 指数12. O(1)时间插入、删除和获取随机元素13. 除自身以外数组的…

深度解析神经网络中的最大池化层:工作原理、参数配置与应用示例

深度解析神经网络中的最大池化层&#xff1a;工作原理、参数配置与应用示例 最大池化层在神经网络中的应用 最大池化层在卷积神经网络&#xff08;CNNs&#xff09;中扮演着关键角色&#xff0c;主要用于特征下采样。它通过提取特定窗口中的最大值来减小特征维度&#xff0c;…

clipboard

clipboard 现代复制到剪贴板。无闪光。只有 3kb 的 gzip 压缩。 安装 npm install clipboard --save第三方cdn提供商 <script src"https://cdn.jsdelivr.net/npm/clipboard2.0.11/dist/clipboard.min.js"></script>使用 data-clipboard-target"…

【HAProxy11】企业级反向代理HAProxy高级功能之访问控制列表(ACL)

HAProxy 高级功能 介绍 HAProxy 高级配置及实用案例 ACL 访问控制列表&#xff08;ACL&#xff0c;Access Control Lists&#xff09;是一种基于包过滤的访问控制技术&#xff0c;它可以根据设定的条 件对经过服务器传输的数据包进行过滤(条件匹配)&#xff0c;即对接收到的…

C++

目录 C 的发展总结&#xff1a;​编辑 1. C 的早期发展&#xff08;1979-1985&#xff09; 2. C 标准化过程&#xff08;1985-1998&#xff09; 3. C 标准演化&#xff08;2003-2011&#xff09; 4. C11&#xff08;2011年&#xff09; 5. C14&#xff08;2014年&#xf…

联想ThinkServer服务器主要硬件驱动下载

联想ThinkServer服务器主要硬件驱动下载&#xff1a; 联想ThinkServer服务器主要硬件Windows Server驱动下载https://newsupport.lenovo.com.cn/commonProblemsDetail.html?noteid156404#D50

开放性实验——网络安全渗透测试

网络安全渗透测试实验报告 一、 实验环境 操作机&#xff1a;虚拟机kali linux 目标主机&#xff1a;虚拟机win 7:&#xff08;192.168.1.116&#xff09; Kali Linux和win7 均采用桥接模式 二、 实验工具 Kali Linux上的metasploit扫描器nessusNmap 三、 攻击目标 利用ms17-…

本地安装YAPI

项目中用到很多的RESTAPI&#xff0c;光靠人工管理或者普通文档肯定是不行的&#xff0c;翻了很多的RESTAPI管理工具&#xff0c;还是选择了YAPI&#xff0c;原因有2&#xff0c;一个是接口位于内网&#xff0c;外网网站上管理测试不到内网接口&#xff0c;另外一个是使用方式&…