微信分享功能

2026-07-14 17:48:07 +08:00
parent 5222ec82b0
commit 9b13d02dde
9 changed files with 271 additions and 19 deletions
@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { captureIosJssdkEntryUrl } from '@dukang/weixin-sdk';
+import { applyWechatShare, type PageSharePayload } from '../lib/wechat-share';
+
+/**
+ * H5：进入页面时刷新微信分享卡片；
+ * 小程序：开启右上角分享菜单。
+ */
+export default function WechatShareReady({ payload }: { payload?: PageSharePayload }) {
+  useEffect(() => {
+    if (process.env.TARO_ENV === 'h5') {
+      captureIosJssdkEntryUrl();
+    }
+  }, []);
+
+  useDidShow(() => {
+    if (process.env.TARO_ENV === 'weapp') {
+      void Taro.showShareMenu({
+        withShareTicket: true,
+        showShareItems: ['shareAppMessage', 'shareTimeline'],
+      }).catch(() => {
+        void Taro.showShareMenu({ withShareTicket: true }).catch(() => {});
+      });
+      return;
+    }
+    void applyWechatShare({
+      title: payload?.title,
+      desc: payload?.desc,
+      imgUrl: payload?.imgUrl,
+      link: payload?.link,
+    }).catch(() => {});
+  });
+
+  useEffect(() => {
+    if (process.env.TARO_ENV !== 'h5') return;
+    void applyWechatShare({
+      title: payload?.title,
+      desc: payload?.desc,
+      imgUrl: payload?.imgUrl,
+      link: payload?.link,
+    }).catch(() => {});
+  }, [payload?.title, payload?.desc, payload?.imgUrl, payload?.link]);
+
+  return null;
+}