opsxapi/homepage/dist/docs/index.html

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>产品介绍 · OpsxAPI 文档</title>
<meta name="description" content="OpsxAPI 接口工作台用户文档 — HTTP、GraphQL、WebSocket、SSE、Socket.IO、MQTT 一站式调试，支持 OpenAPI/Postman/cURL 等格式导入导出。">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%232563eb'/%3E%3Ctext x='16' y='22' font-size='18' font-weight='bold' fill='%23fff' text-anchor='middle' font-family='sans-serif'%3EO%3C/text%3E%3C/svg%3E">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2264%22%20y2%3D%2264%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232563EB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2306B6D4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2214%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17%2025h26%22%2F%3E%3Cpath%20d%3D%22M37%2019l6%206-6%206%22%2F%3E%3Cpath%20d%3D%22M47%2039H21%22%2F%3E%3Cpath%20d%3D%22M27%2033l-6%206%206%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E">
<link rel="stylesheet" href="/docs/assets/docs.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
<symbol id="i-menu" viewBox="0 0 24 24"><path d="M4 5h16" /> <path d="M4 12h16" /> <path d="M4 19h16" /></symbol>
<symbol id="i-search" viewBox="0 0 24 24"><path d="m21 21-4.34-4.34" /> <circle cx="11" cy="11" r="8" /></symbol>
</svg>
<header class="topbar">
  <div class="topbar-inner">
    <button class="menu-btn" id="menu-btn" aria-label="打开导航"><svg class="i"><use href="#i-menu"/></svg></button>
    <a class="brand" href="/docs">
      <span class="brand-logo"><svg width="28" height="28" viewBox="0 0 64 64" aria-label="OpsxAPI"><defs><linearGradient id="lg-docs" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2563EB"/><stop offset="1" stop-color="#06B6D4"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#lg-docs)"/><g stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 25h26"/><path d="M37 19l6 6-6 6"/><path d="M47 39H21"/><path d="M27 33l-6 6 6 6"/></g></svg></span>
      <span class="brand-name">OpsxAPI <em>文档</em></span>
    </a>
    <span class="ver-badge">v1.0</span>
    <div class="search">
      <input id="search-input" type="search" placeholder="搜索文档…" autocomplete="off" spellcheck="false">
      <div class="search-panel" id="search-panel" hidden></div>
    </div>
    <nav class="top-links">
      <a href="/home">官网</a>
    </nav>
  </div>
</header>

<div class="layout" id="layout">
  <aside class="sidebar" id="sidebar">
    
    <div class="nav-group">
      <div class="nav-group-title">开始使用</div>
      
      <a class="nav-link active" href="/docs/intro">产品介绍</a>
      
      <a class="nav-link" href="/docs/interface">界面导览</a>
      
    </div>
    
    <div class="nav-group">
      <div class="nav-group-title">请求调试</div>
      
      <a class="nav-link" href="/docs/http">发送 HTTP 请求</a>
      
      <a class="nav-link" href="/docs/auth">接口鉴权</a>
      
      <a class="nav-link" href="/docs/env">环境与变量</a>
      
      <a class="nav-link" href="/docs/graphql">GraphQL</a>
      
      <a class="nav-link" href="/docs/websocket">WebSocket</a>
      
      <a class="nav-link" href="/docs/sse">SSE 事件流</a>
      
      <a class="nav-link" href="/docs/socketio">Socket.IO</a>
      
      <a class="nav-link" href="/docs/mqtt">MQTT</a>
      
    </div>
    
    <div class="nav-group">
      <div class="nav-group-title">数据管理</div>
      
      <a class="nav-link" href="/docs/import">数据导入</a>
      
      <a class="nav-link" href="/docs/export">导出与代码生成</a>
      
      <a class="nav-link" href="/docs/mock">Mock 数据</a>
      
      <a class="nav-link" href="/docs/manage">集合与历史</a>
      
    </div>
    
    <div class="nav-group">
      <div class="nav-group-title">自动化测试与 AI</div>
      
      <a class="nav-link" href="/docs/testing">自动化测试</a>
      
      <a class="nav-link" href="/docs/ai">AI 助手</a>
      
    </div>
    
    <div class="nav-group">
      <div class="nav-group-title">账号与团队</div>
      
      <a class="nav-link" href="/docs/account">账号与团队</a>
      
    </div>
    
    <div class="nav-group">
      <div class="nav-group-title">参考</div>
      
      <a class="nav-link" href="/docs/license">授权与激活</a>
      
      <a class="nav-link" href="/docs/server-api">服务端 API 参考</a>
      
      <a class="nav-link" href="/docs/faq">常见问题</a>
      
    </div>
    
    <div class="sidebar-foot">© 2026 OpsxAPI · 本地优先的接口工作台</div>
  </aside>

  <main class="content">
    <div class="breadcrumb">文档 <span>/</span> 开始使用 <span>/</span> 产品介绍</div>
    <h1 class="page-title">产品介绍</h1>
    <div class="page-meta">更新于 2026-09-17</div>
    <article class="md">
<blockquote>
<p>** 🚀 新手从这读起**：先看<a href="/docs/interface">《界面导览》</a>认识工作台 → 用示例集合发第一个请求（<a href="/docs/http">《HTTP 请求》</a>）→ 需要造数据看<a href="/docs/mock">《Mock 数据》</a>、需要回归看<a href="/docs/testing">《自动化测试》</a> → 商用前了解<a href="/docs/license">《授权与激活》</a>。</p>
</blockquote>
<p>OpsxAPI 是一款<strong>本地优先</strong>的专业接口工作台，面向运维与开发，把 HTTP、GraphQL、WebSocket、SSE、Socket.IO、MQTT 六种协议的调试放进同一个窗口。</p>
<p>无需注册、无需联网同步，数据全部保存在本地浏览器（localStorage），导出备份随时带走。</p>
<h2 id="sec-1">功能总览</h2>
<table>
<thead>
<tr>
<th>能力</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>六种协议</td>
<td>HTTP / GraphQL / WebSocket / SSE / Socket.IO / MQTT</td>
</tr>
<tr>
<td>集合管理</td>
<td>目录树、搜索、右键菜单、拖拽移动、多标签页</td>
</tr>
<tr>
<td>多环境变量</td>
<td><code>{{baseUrl}}</code>、<code>{{token}}</code> 全局替换，一键切换环境</td>
</tr>
<tr>
<td>数据导入</td>
<td>OpenAPI/Swagger、Postman、Apifox、Apipost、cURL、HAR、Insomnia、Hoppscotch、Markdown 等</td>
</tr>
<tr>
<td>数据导出</td>
<td>OpenAPI 3.0、Postman v2.1、Markdown 文档、全量备份</td>
</tr>
<tr>
<td>代码生成</td>
<td>cURL / JavaScript fetch / Python requests / Go net/http</td>
</tr>
<tr>
<td>代理能力</td>
<td>本地代理绕开 CORS；WebSocket 隧道支持自定义握手 Header</td>
</tr>
<tr>
<td>双端形态</td>
<td>浏览器（Web）与桌面端共用同一套界面</td>
</tr>
</tbody>
</table>
<h2 id="sec-2">支持的协议与场景</h2>
<table>
<thead>
<tr>
<th>协议</th>
<th>典型场景</th>
<th>特色</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTTP / REST</td>
<td>调试 REST 接口、运维平台 API</td>
<td>7 种方法、6 种请求体、3 种鉴权</td>
</tr>
<tr>
<td>GraphQL</td>
<td>查询网关、中台接口</td>
<td>Query + Variables 独立编辑</td>
</tr>
<tr>
<td>WebSocket</td>
<td>实时推送、行情、IM</td>
<td>自定义握手 Header（经本地隧道）</td>
</tr>
<tr>
<td>SSE</td>
<td>AI 流式输出、监控事件流</td>
<td>直连失败自动切代理、断点续传</td>
</tr>
<tr>
<td>Socket.IO</td>
<td>Node 实时应用</td>
<td>事件监听、emit 参数、path/auth 配置</td>
</tr>
<tr>
<td>MQTT</td>
<td>IoT 设备、消息总线</td>
<td>通配符订阅、QoS、自动重连</td>
</tr>
</tbody>
</table>
<h2 id="sec-3">为什么选 OpsxAPI</h2>
<ul>
<li><strong>数据主权</strong>：所有集合、环境、历史保存在本机，不经过任何第三方服务器。</li>
<li><strong>开箱即用</strong>：安装即用、零配置；首次打开自带覆盖全部协议的示例集合。</li>
<li><strong>工程友好</strong>：导入自动建目录、路径参数自动转变量；导出即标准 OpenAPI，可回流 Apifox / Swagger 生态。</li>
<li><strong>轻量克制</strong>：一个 Go 二进制 + 一份前端，资源占用小，内网可部署。</li>
</ul>
<blockquote>
<p><strong>提示</strong>：想快速感受？直接看下一章《界面导览》，认识各区域后再动手。</p>
</blockquote>

    </article>

    <div class="pn-nav">
      <span class="pn"></span>
      
      <a class="pn next" href="/docs/interface"><span class="pn-label">下一页 →</span><span class="pn-title">界面导览</span></a>
      
    </div>


  </main>

  <aside class="toc">
    <div class="toc-title">本页目录</div>
    <nav class="toc-nav">
      <a class="toc-l2" href="#sec-1">功能总览</a>
      <a class="toc-l2" href="#sec-2">支持的协议与场景</a>
      <a class="toc-l2" href="#sec-3">为什么选 OpsxAPI</a>
      
    </nav>
  </aside>
</div>

<script src="/docs/assets/docs.js" defer></script>
</body>
</html>