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模块到你的项目中。在项目的根目录下打开命令行工具,运行以下