+
{s.assertions.length} 条断言
{s.extracts.length > 0 && ` · 提取 ${s.extracts.map((e) => e.varName).join(", ")}`}
diff --git a/packages/ui/src/components/dialogs/MockLinkDialog.tsx b/packages/ui/src/components/dialogs/MockLinkDialog.tsx
index b8a9b3e..3e0977b 100644
--- a/packages/ui/src/components/dialogs/MockLinkDialog.tsx
+++ b/packages/ui/src/components/dialogs/MockLinkDialog.tsx
@@ -1,15 +1,34 @@
/**
- * Mock 链接弹窗：把当前接口发布到本地 Mock 服务（/mock/{空间ID}{路径}），
- * 发布后可复制 URL、浏览器试一试；响应体支持 @表达式按次随机生成。
+ * Mock 本机联调弹窗：发布到本机 Mock 服务（/mock/{token}{路径}）。
+ * 默认不绑云端账号；响应体支持 @表达式按次随机生成。
*/
import { smartFillJson } from "@opsxapi/core";
import type { HttpApiNode, MockSettings } from "@opsxapi/core";
-import { useState } from "react";
-import { publishMock } from "../../account";
+import { useEffect, useState } from "react";
+import { publishLocalMock, publishMock, revokeLocalMock, revokeMock } from "../../account";
import { useWorkspace } from "../../workspaceStore";
import { Modal, cx } from "../common";
import { Icon } from "../icons";
+const LOCAL_TOKEN_KEY = "opsxapi.localMockToken.v1";
+
+function loadLocalToken(): string {
+ try {
+ return localStorage.getItem(LOCAL_TOKEN_KEY) || "";
+ } catch {
+ return "";
+ }
+}
+
+function saveLocalToken(token: string) {
+ try {
+ if (!token) localStorage.removeItem(LOCAL_TOKEN_KEY);
+ else localStorage.setItem(LOCAL_TOKEN_KEY, token);
+ } catch {
+ /* ignore */
+ }
+}
+
export function MockLinkDialog({ node }: { node: HttpApiNode }) {
const account = useWorkspace((s) => s.account);
const settings = useWorkspace((s) => s.settings);
@@ -17,16 +36,17 @@ export function MockLinkDialog({ node }: { node: HttpApiNode }) {
const setDialog = useWorkspace((s) => s.setDialog);
const space = account.spaces.find((sp) => sp.id === account.activeSpaceId) ?? null;
+ const useCloud = !!(account.token && space);
+ const [localToken, setLocalToken] = useState(loadLocalToken);
const [status, setStatus] = useState(200);
const [delayMs, setDelayMs] = useState(0);
const [busy, setBusy] = useState(false);
+ const [ttlSeconds, setTtlSeconds] = useState(0);
const [result, setResult] = useState<{ ok: boolean; message: string } | null>(null);
- // 路径：取请求 URL 的 path 部分（前置 URL 模式下即相对路径）
const urlPath = extractPath(node.data.url);
const method = node.data.method;
- // 模板：JSON Body（智能填充烘焙 @表达式）；非 JSON 用空对象
let template = "{}";
if (node.data.bodyMode === "json" && node.data.bodyRaw.trim()) {
template = node.data.bodyRaw;
@@ -36,24 +56,34 @@ export function MockLinkDialog({ node }: { node: HttpApiNode }) {
}
}
- const mockSeg = space?.mockToken ?? (space ? String(space.id) : "");
+ const mockSeg = useCloud
+ ? space?.mockToken ?? (space ? String(space.id) : "")
+ : localToken;
const mockUrl = mockSeg ? `${location.origin.replace(/:\d+$/, ":8787")}/mock/${mockSeg}${urlPath}` : "";
+ useEffect(() => {
+ setLocalToken(loadLocalToken());
+ }, []);
+
const publish = async () => {
- if (!account.token || !space) return;
setBusy(true);
setResult(null);
try {
- // 全量发布：集合内全部 HTTP 接口（同空间共用一组 Mock 端点）
const endpoints = collectEndpoints(collections, settings);
- // 当前接口应用弹窗选择的状态码与延迟
const mine = endpoints.find((e) => e.method === method && e.path === urlPath);
if (mine) {
mine.status = status;
mine.delayMs = delayMs;
}
- await publishMock(account.token, space.id, endpoints);
- setResult({ ok: true, message: `已发布 ${endpoints.length} 个接口到 /mock/${space.id}` });
+ if (useCloud && account.token && space) {
+ await publishMock(account.token, space.id, endpoints, ttlSeconds);
+ setResult({ ok: true, message: `已发布 ${endpoints.length} 个接口到本机联调（云端空间）` });
+ } else {
+ const r = await publishLocalMock(endpoints, ttlSeconds);
+ saveLocalToken(r.token);
+ setLocalToken(r.token);
+ setResult({ ok: true, message: `已发布 ${endpoints.length} 个接口到本机联调（本地空间）` });
+ }
} catch (e) {
setResult({ ok: false, message: e instanceof Error ? e.message : String(e) });
} finally {
@@ -62,7 +92,10 @@ export function MockLinkDialog({ node }: { node: HttpApiNode }) {
};
const preview = async () => {
- if (!mockUrl) return;
+ if (!mockUrl) {
+ setResult({ ok: false, message: "请先发布，生成本机联调地址" });
+ return;
+ }
setBusy(true);
setResult(null);
try {
@@ -76,19 +109,41 @@ export function MockLinkDialog({ node }: { node: HttpApiNode }) {
}
};
+ const revoke = async () => {
+ setBusy(true);
+ setResult(null);
+ try {
+ if (useCloud && account.token && space) {
+ await revokeMock(account.token, space.id);
+ } else {
+ await revokeLocalMock();
+ saveLocalToken("");
+ setLocalToken("");
+ }
+ setResult({ ok: true, message: "已作废：旧链接立即失效，需重新发布才可用" });
+ } catch (e) {
+ setResult({ ok: false, message: e instanceof Error ? e.message : String(e) });
+ } finally {
+ setBusy(false);
+ }
+ };
+
return (
setDialog(null)}
width="620px"
footer={
-
本地 Mock 服务 · 限流 20 QPS / 60 QPM（超限 429）
+
仅本机 · 限流 20 QPS / 60 QPM（超限 429）
-
@@ -96,83 +151,84 @@ export function MockLinkDialog({ node }: { node: HttpApiNode }) {
}
>
- {!account.user ? (
-
-
-
- Mock 链接挂在云端空间下（按空间隔离），请先登录并切换到个人 / 团队空间。
-
-