@talknote/create-talknote-h5 0.0.8 → 0.1.0

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "Create a Talknote Alita H5 project.",
   "license": "MIT",
   "private": false,

package/template/README.md

@@ -1,10 +1,10 @@
 <h1 align="center">Alita Pro</h1>
 
-帮助你快速使用 alita
+帮助你快速使用 alita, 基于Umi 的移动端开发框架
 
 ```
-pnpm i
-pnpm start
+yarn
+yarn dev
 ```
 
 ### 首页
@@ -132,13 +132,13 @@ useEffect(() => {
 ### 格式化
 
 ```
-pnpm format
+yarn format
 ```
 
 ### 构建
 
 ```
-pnpm build
+yarn build
 ```
 
 ### 调试工具

package/template/package.json

@@ -3,12 +3,12 @@
   "private": true,
   "scripts": {
     "build": "alita build",
-    "dev": "alita dev",
+    "dev": "node scripts/dev.js",
     "format": "prettier --write .",
     "lint-staged": "lint-staged",
     "lint-staged:js": "eslint --ext .ts,.tsx",
     "plugin": "alita plugin list",
-    "start": "alita dev",
+    "start": "node scripts/dev.js",
     "test": "jest"
   },
   "lint-staged": {
@@ -21,7 +21,7 @@
     ]
   },
   "dependencies": {
-    "@talknote/h5-bridge":"^0.0.3",
+    "@talknote/h5-bridge":"^0.0.4",
     "@alita/flow": "^3.1.1",
     "alita": "^3.2.27",
     "antd-mobile": "^5.15.1",

package/template/scripts/dev.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * 开发启动脚本
+ *
+ * 用法：
+ *   yarn dev                          # 使用 proxy.ts 中的默认代理地址
+ *   yarn dev http://1.2.3.4:10000     # 把 process.env.BASE_URL 注入为该地址，代理过去
+ *   yarn dev http://1.2.3.4:10000 --port 8081   # 额外参数透传给 alita dev
+ *
+ * 说明：
+ *   第一个以 http:// 或 https:// 开头的参数会被当作代理地址，
+ *   注入 process.env.BASE_URL（proxy.ts 会读取它）。
+ *   其余参数原样透传给 alita dev。
+ */
+const { spawn } = require('child_process');
+
+const args = process.argv.slice(2);
+
+// 找出第一个 http/https 开头的参数作为代理地址
+const proxyIndex = args.findIndex((a) => /^https?:\/\//i.test(a));
+const proxyUrl = proxyIndex >= 0 ? args.splice(proxyIndex, 1)[0] : undefined;
+
+if (proxyUrl) {
+  process.env.BASE_URL = proxyUrl;
+  console.log(`\n[dev] 代理地址已注入 BASE_URL = ${proxyUrl}\n`);
+} else {
+  console.log('\n[dev] 未指定代理地址，使用 proxy.ts 中的默认值\n');
+}
+
+// 启动 alita dev，剩余参数透传
+// shell: true 仅为兼容 Windows 下的 .cmd 可执行文件
+const child = spawn('alita', ['dev', ...args], {
+  stdio: 'inherit',
+  env: process.env,
+  shell: process.platform === 'win32',
+});
+
+child.on('error', (err) => {
+  console.error('[dev] 启动 alita 失败：', err.message);
+  process.exit(1);
+});
+
+child.on('close', (code) => {
+  process.exit(code ?? 0);
+});

package/template/src/app.tsx

@@ -10,14 +10,41 @@ import type {
   TabBarProps,
   TitleListItem,
 } from 'alita';
-import TalkNoteH5Bridge from '@talknote/h5-bridge';
+import TalkNoteH5Bridge, { type RequestBaseInfo } from '@talknote/h5-bridge';
+
+// 缓存原生请求信息，避免每次请求都调用 bridge
+let cachedRequestInfo: RequestBaseInfo | null = null;
+
+async function getRequestInfo(): Promise<RequestBaseInfo | null> {
+  if (cachedRequestInfo) return cachedRequestInfo;
+  try {
+    cachedRequestInfo = await TalkNoteH5Bridge.getRequestBaseInfo();
+    return cachedRequestInfo;
+  } catch (error) {
+    console.error('获取原生请求信息失败:', error);
+    return null;
+  }
+}
 
 export const request = {
-  prefix: '/api',
+  prefix: '',
   method: 'get',
+  requestInterceptors: [
+    async (url: string, options: any) => {
+      const info = await getRequestInfo();
+      if (info) {
+        const headers: Record<string, string> = { ...(info.headers || {}) };
+        if (!headers.token && info.token) {
+          headers.Authorization = info.token;
+        }
+        // 业务请求自带的 header 优先级更高
+        options.headers = { ...headers, ...(options.headers || {}) };
+      }
+      return { url, options };
+    },
+  ],
   errorHandler: (error: ResponseError) => {
     // 集中处理错误
-    console.log(11111111);
     console.log(error);
   },
 };