当前位置: 首页 > article >正文

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

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.kler.cn/a/407371.html

相关文章:

  • 【Linux】-学习笔记04
  • 【python】将word文档内容转换为excel表格
  • 用python将一个扫描pdf文件改成二值图片组成的pdf文件
  • 基于Java Springboot高考志愿填报辅助系统
  • 《智能指针频繁创建销毁:程序性能的“隐形杀手”》
  • JavaSrcipt 函数高级
  • 【eNSP】动态路由协议RIP和OSPF
  • [JLOI2014] 松鼠的新家(重链剖分+线段树)
  • Python完成达梦数据库备注到MySQL数据备注的脚本
  • 探索 .NET 9 控制台应用中的 LiteDB 异步 CRUD 操作
  • 141. Sprite标签(Canvas作为贴图)
  • 大数据新视界 -- 大数据大厂之 Impala 性能优化:融合人工智能预测的资源预分配秘籍(上)(29 / 30)
  • 电子应用设计方案-19:智能云饭锅系统方案设计
  • 039_SettingsGroup_in_Matlab图形界面的设置选项
  • Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
  • 网口输出的加速度传感器
  • 基于Java Springboot高校心理健康评测与服务系统
  • 【Linux】进程的基本概念
  • C++异常: cv::Exception 解决
  • 归一化/标准化对神经网络的训练是否有影响?
  • next build报错bash: next: command not found
  • 部署自动清理任务解决ORA-00257: archiver error. Connect internal only, until freed
  • mongodb集群搭建
  • 浅谈Go语言Optional模式和Builder模式
  • 11.19.2024刷华为OD
  • 利用 Python 和 Selenium 高效启动和管理 Chrome 浏览器