<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>卡片布局1</title>
<meta property="og:type" content="website" />
<meta property="og:title" content="卡片布局title" />
<meta property="og:description" content="卡片布局description" />
<meta property="og:image" content="https:/xxx.com/guitek_wechat_cover3.png" />
<meta property="og:url" content="https://xxx.xx.com/" />
<link rel="icon" href="/icon_red.png" />
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
// ====== 配置区：无需再改动，直接使用 ======
const API_URL = '/api/api/getData/getUserInfo';
const SHARE_DATA = {
title: '卡片布局title',
desc: '卡片布局description',
link: 'https://xxx.xx.com/',
imgUrl: 'https:/xxx.com/guitek_wechat_cover3.png'
};fetch(API_URL)
.then(res => {
if (!res.ok) throw new Error(`状态码 ${res.status}`);
return res.json();
})
.then(({ data }) => {
wx.config({
debug: false,
appId: data.appid,
timestamp: data.timestamp,
nonceStr: data.nonceStr,
signature: data.signature,
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData',
'onMenuShareAppMessage',
'onMenuShareTimeline'
]
});
wx.ready(() => {
// —— 新版接口 ——
wx.updateAppMessageShareData({
...SHARE_DATA,
success: () => console.log('新版: 发送给朋友 成功')
});
wx.updateTimelineShareData({
...SHARE_DATA,
success: () => console.log('新版: 分享到朋友圈 成功')
});
// —— 兼容旧版 ——
wx.onMenuShareAppMessage({
...SHARE_DATA,
success: () => console.log('旧版: 发送给朋友 成功')
});
wx.onMenuShareTimeline({
...SHARE_DATA,
success: () => console.log('旧版: 分享到朋友圈 成功')
});
});
wx.error(err => {
console.error('微信 JSSDK 验证失败：', err);
});
})
.catch(err => {
console.error('获取签名失败：', err);
});
收藏
分享
扫描小程序码分享
回答
试了很多次 分享的时候就是不行 title和说明都有就是没有图片