初步完成axios、fetch组件

2025-12-18 18:04:28 +08:00 · 2024-12-29 09:00:44 +08:00
parent 99cadf3130
commit e474e475d9
11 changed files with 982 additions and 80 deletions
--- a/src/js/composer/composerConfig.js
+++ b/src/js/composer/composerConfig.js
@@ -48,6 +48,22 @@ export const commandCategories = [
        isAsync: true,
        icon: "public",
      },
+      {
+        value: "axios",
+        label: "发送HTTP请求(Axios)",
+        desc: "使用Axios发送HTTP请求",
+        hasAxiosEditor: true,
+        isAsync: true,
+        icon: "http",
+      },
+      {
+        value: "fetch",
+        label: "发送HTTP请求(Fetch)",
+        desc: "使用Fetch API发送HTTP请求",
+        hasFetchEditor: true,
+        isAsync: true,
+        icon: "http",
+      },
    ],
  },
  {
--- a/src/js/composer/formatString.js
+++ b/src/js/composer/formatString.js
@@ -0,0 +1,85 @@
+/**
+ * 处理来自VariableInput的值
+ * @param {string} value JSON.stringify后的值
+ * @returns {string} 处理后的值（包含外层引号）
+ */
+const processVariableValue = (value) => {
+  // 处理字符串模式：\"xxx\" -> "xxx"
+  if (value.startsWith('"\\"') && value.endsWith('\\""')) {
+    return `"${value.slice(3, -3)}"`;
+  }
+  // 处理非字符串模式：直接去掉外层引号
+  return value.slice(1, -1);
+};
+
+/**
+ * 递归处理对象的值
+ * @param {Object} obj 要处理的对象
+ * @param {string} parentPath 父路径
+ * @param {string[]|null} variableFields 需要处理的字段列表，null表示处理所有字段
+ * @returns {string} 处理后的字符串
+ */
+const processObject = (obj, parentPath = "", variableFields) => {
+  let result = "{\n";
+  const entries = Object.entries(obj);
+
+  entries.forEach(([key, value], index) => {
+    const currentPath = parentPath ? `${parentPath}.${key}` : key;
+    let valueStr = "";
+
+    // 检查是否需要处理当前字段
+    const shouldProcess =
+      !variableFields || // 不传递variableFields则处理所有字段
+      variableFields.includes(parentPath) || // 父字段是完整处理字段
+      variableFields.includes(key) || // 当前字段是完整处理字段
+      variableFields.includes(currentPath) || // 当前路径精确匹配
+      variableFields.some((field) => field.startsWith(currentPath + ".")); // 当前路径是指定路径的父路径
+
+    // 处理对象类型
+    if (typeof value === "object" && value !== null) {
+      valueStr = processObject(value, currentPath, variableFields);
+    }
+    // 处理字符串类型
+    else if (typeof value === "string") {
+      if (shouldProcess) {
+        valueStr = processVariableValue(JSON.stringify(value));
+      } else {
+        valueStr = JSON.stringify(value);
+      }
+    }
+    // 其他类型直接 stringify
+    else {
+      valueStr = JSON.stringify(value);
+    }
+
+    // 添加缩进
+    const indent = "  ".repeat(parentPath.split(".").length + 1);
+    result += `${indent}"${key}": ${valueStr}`;
+    if (index < entries.length - 1) result += ",";
+    result += "\n";
+  });
+
+  // 闭合括号的缩进
+  const closingIndent = "  ".repeat(parentPath.split(".").length);
+  result += `${closingIndent}}`;
+  return result;
+};
+
+/**
+ * 处理JSON字符串中的值
+ * 只处理来自VariableInput的字段，支持完整字段处理和指定路径处理
+ * 1. 完整字段处理：如 headers - 处理整个对象及其所有子字段
+ * 2. 指定路径处理：如 data.headers.Referer - 只处理特定路径
+ * 3. 不传递 variableFields 则处理所有字段
+ * @param {string} jsonStr JSON字符串
+ * @param {string[]|null} [variableFields] 需要处理的字段列表，包括完整字段和指定路径。不传则处理所有字段
+ * @returns {string} 处理后的字符串
+ */
+export const formatJsonVariables = (jsonObj, variableFields = null) => {
+  try {
+    return processObject(jsonObj, "", variableFields);
+  } catch (e) {
+    console.warn("Failed to process JSON variables:", e);
+    return JSON.stringify(jsonObj, null, 2);
+  }
+};
--- a/src/js/composer/generateCode.js
+++ b/src/js/composer/generateCode.js
@@ -14,6 +14,8 @@ export function generateCode(commandFlow) {

    if (cmd.value === "ubrowser") {
      line += `await ${cmd.argv}`;
+    } else if (cmd.value === "axios" || cmd.value === "fetch") {
+      line += `await ${cmd.argv}`;
    } else {
      line += `${cmd.isAsync ? "await " : ""}${cmd.value}(${cmd.argv})`;
    }
--- a/src/js/options/httpHeaders.js
+++ b/src/js/options/httpHeaders.js
@@ -0,0 +1,77 @@
+export const userAgent = [
+  {
+    label: "Chrome (Windows)",
+    value:
+      "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
+  },
+  {
+    label: "Chrome (macOS)",
+    value:
+      "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
+  },
+  {
+    label: "Chrome (Linux)",
+    value:
+      "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
+  },
+  {
+    label: "IE 11",
+    value:
+      "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko",
+  },
+  {
+    label: "微信 (Android)",
+    value:
+      "Mozilla/5.0 (Linux; Android 14; Pixel 8 Build/UQ1A.240205.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/122.0.6261.64 Mobile Safari/537.36 XWEB/1160027 MMWEBSDK/20231202 MMWEBID/2308 MicroMessenger/8.0.47.2560(0x28002F35) WeChat/arm64 Weixin NetType/WIFI Language/zh_CN ABI/arm64",
+  },
+  {
+    label: "微信 (iOS)",
+    value:
+      "Mozilla/5.0 (iPhone; CPU iPhone OS 17_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 MicroMessenger/8.0.47(0x18002f2c) NetType/WIFI Language/zh_CN",
+  },
+  {
+    label: "iPhone",
+    value:
+      "Mozilla/5.0 (iPhone; CPU iPhone OS 17_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1",
+  },
+  {
+    label: "iPad",
+    value:
+      "Mozilla/5.0 (iPad; CPU OS 17_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1",
+  },
+  {
+    label: "Android Phone",
+    value:
+      "Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Mobile Safari/537.36",
+  },
+  {
+    label: "Android Tablet",
+    value:
+      "Mozilla/5.0 (Linux; Android 14; SM-X710) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36",
+  },
+];
+
+export const commonHeaders = [
+  { label: "Content-Type", value: "Content-Type" },
+  { label: "Authorization", value: "Authorization" },
+  { label: "User-Agent", value: "User-Agent" },
+  { label: "Accept", value: "Accept" },
+  { label: "Accept-Language", value: "Accept-Language" },
+  { label: "Accept-Encoding", value: "Accept-Encoding" },
+  { label: "Cookie", value: "Cookie" },
+  { label: "Origin", value: "Origin" },
+  { label: "Referer", value: "Referer" },
+];
+
+export const deviceName = [
+  { label: "iPhone 11", value: "iPhone 11" },
+  { label: "iPhone X", value: "iPhone X" },
+  { label: "iPad", value: "iPad" },
+  { label: "iPhone 6/7/8 Plus", value: "iPhone 6/7/8 Plus" },
+  { label: "iPhone 6/7/8", value: "iPhone 6/7/8" },
+  { label: "iPhone 5/SE", value: "iPhone 5/SE" },
+  { label: "HUAWEI Mate10", value: "HUAWEI Mate10" },
+  { label: "HUAWEI Mate20", value: "HUAWEI Mate20" },
+  { label: "HUAWEI Mate30", value: "HUAWEI Mate30" },
+  { label: "HUAWEI Mate30 Pro", value: "HUAWEI Mate30 Pro" },
+];