微信SDK接通

apps/h5-shop/src/pages/HomePage.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { isLoggedIn, request } from '../lib/api';
+import { isWechatEnv, weixinSdk } from '../lib/weixin';
 
 function formatMoney(n: number) {
   return n.toLocaleString('zh-CN', { minimumFractionDigits: 0, maximumFractionDigits: 2 });
@@ -27,6 +28,22 @@ export default function HomePage() {
   const openTime = String(store?.openTime || '10:00');
   const closeTime = String(store?.closeTime || '22:00');
 
+  async function handleScan() {
+    if (isWechatEnv()) {
+      try {
+        await weixinSdk.init();
+        const token = await weixinSdk.scanQrCode();
+        if (token) {
+          navigate(`/redeem?token=${encodeURIComponent(token)}`);
+          return;
+        }
+      } catch {
+        /* fall through to manual redeem page */
+      }
+    }
+    navigate('/redeem');
+  }
+
   return (
     <div className="shop-home-page">
       <header className="shop-home-header">
@@ -55,7 +72,7 @@ export default function HomePage() {
         </section>
 
         <section className="shop-home-scan">
-          <button type="button" className="shop-home-scan-btn" onClick={() => navigate('/redeem')}>
+          <button type="button" className="shop-home-scan-btn" onClick={handleScan}>
             <span className="material-symbols-outlined">qr_code_scanner</span>
           </button>
           <p className="shop-home-scan-label">扫码核销</p>