微信SDK接通

apps/h5-shop/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@dukang/shared-ui": "workspace:*",
     "@dukang/shared-types": "workspace:*",
+    "@dukang/weixin-sdk": "workspace:*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.0"

apps/h5-shop/src/lib/weixin.ts

@@ -0,0 +1,9 @@
+import { createWeixinSdk, isWechatEnv } from '@dukang/weixin-sdk';
+
+export const weixinSdk = createWeixinSdk({
+  apiBase: '/api/v1',
+  clientApp: 'SHOP_H5',
+  getAccessToken: () => localStorage.getItem('accessToken'),
+});
+
+export { isWechatEnv };

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>

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 import { request } from '../lib/api';
 
 function formatAmount(n: number) {
@@ -8,6 +8,7 @@ function formatAmount(n: number) {
 
 export default function RedeemConfirmPage() {
   const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
   const [token, setToken] = useState('');
   const [msg, setMsg] = useState('');
   const [loading, setLoading] = useState(false);
@@ -20,6 +21,11 @@ export default function RedeemConfirmPage() {
       .catch(() => setStoreName('当前门店'));
   }, []);
 
+  useEffect(() => {
+    const scanned = searchParams.get('token');
+    if (scanned) setToken(scanned);
+  }, [searchParams]);
+
   async function confirm() {
     if (!token.trim()) {
       setMsg('请在开发者选项中输入核销码');