2025年上班族AI副業指南：下班后賺錢輕松月入過萬
你可能也喜歡這些API文章!
user/101 在我本地跑不通； 于是我第 N 次動了“換工具”的念頭。兩小時后，我把整套流程遷移到了 Hoppscotch——一款只有 3.2 MB、完全開源、支持 PWA 的 API 神器。
遷移成本：45 分鐘；團隊效率提升：肉眼可見。
如果你也受夠了 Postman 的“大而全、慢而卡”，這篇實戰筆記帶你手把手上車。
| 維度 | Hoppscotch | Postman |
|---|---|---|
| 啟動方式 | 瀏覽器即開即用 https://hoppscotch.io | 需安裝 300 MB 客戶端 |
| 開源協議 | MIT，GitHub 70k? hoppscotch/hoppscotch | 核心閉源 |
| 2025 新特性 | AI 生成斷言、實時協作光標、本地優先加密同步 | — |
| Mock 能力 | 云端 0 代碼，1 秒生成 Swagger/OpenAPI 示例 | 需自建 Mock Server |
| 離線支持 | PWA 離線寫請求 | 需付費離線模式 |
一句話：Hoppscotch = Postman 常用功能 90 % + Insomnia 顏值 + Apifox Mock 智能度 + 完全免費。
瀏覽器輸入 https://hoppscotch.io，無需注冊即可開始。
https://api.github.com/repos/hoppscotch/hoppscotch 點擊右上角 “Save” → 新建集合 “Hoppscotch Demo” → 命名 “Get Repo Info”。
集合自動同步到 IndexedDB，后續離線依舊可用。
前端妹子需要 /v1/products 列表，但后端排期下周。
傳統做法：在 Postman 里建 Mock Server → 寫死 5 條 JSON → 分享 url。
Hoppscotch 2025 做法：
faker.commerce.productName() 等） https://mock.hoppscotch.io/team-id/xxx 前端直接 fetch("https://mock.hoppscotch.io/team-id/v1/products")，返回：
[
{
"id": 1,
"name": "Rustic Rubber Pants",
"price": 742.00,
"image": "https://picsum.photos/seed/1/300/300"
},
...
]圖片隨機、價格區間、中文標題均支持配置。
price 區間 {min: 10, max: 1000} category=phone 時，自動增加 specs 對象 點擊左側 “Environments” → 新建 “Dev / Stag / Prod”
示例變量：
baseURL = https://api.dev.internal
token = < jwt>
timeout = 5000在 URL 中直接寫 {{baseURL}}/users，一鍵切換環境。
Hoppscotch 使用 QuickJS 引擎，語法與 Postman 基本一致：
// Pre-request
pw.env.set("timestamp", Date.now());
// Test
pw.test("Status is 200", () => {
pw.expect(pw.response.status).toBe(200);
});2025 年新功能：
官方提供 @hoppscotch/cli，支持 GitHub Actions：
# .github/workflows/api-test.yml
- uses: hoppscotch/cli@v2
with:
file: 'hoppscotch-collection.json'
env: 'prod'
bail: true執行結果直接上傳到 Checks 面板，失敗可下載 HTML 報告。
| 功能 | Hoppscotch Cloud 免費版 | Postman 免費版 |
|---|---|---|
| 實時多人編輯 | ? 光標可見 | ? |
| 評論 & @提醒 | ? | ? |
| 變更 diff | ? 逐行高亮 | ? |
| 權限粒度 | 集合級 Read / Write / Admin | 工作區級 |
| Guest 訪問 | ? 免注冊只讀鏈接 | ? |
小技巧：把 “Share as Website” 生成的鏈接甩給產品，她就能在瀏覽器里直接調接口，不再裝任何客戶端。
Hoppscotch Extension（Chrome / Edge）
自動捕獲瀏覽器 Network → 一鍵導入為請求。
VS Code 插件
在源碼里右鍵 “Send to Hoppscotch” 直接調當前路由。
一條 Docker 命令擁有私有 Hoppscotch：
docker run -d -p 3000:3000 \
-e ENABLE_SUBPATH_BASED_ROUTING=true \
hoppscotch/hoppscotch:latest自托管后，可接入企業 LDAP、審計日志、自定義主題。
前端基于 Vue 3 + Vite + TypeScript，插件系統采用 WebExtension 標準。
示例：寫一個“一鍵翻譯錯誤碼”的插件只需 20 行代碼，官方模板。
| 維度 | Hoppscotch | Postman | Insomnia | Apifox |
|---|---|---|---|---|
| 安裝包 | 0 MB | 300 MB | 90 MB | 150 MB |
| 啟動時間 | < 1 s | 6-8 s | 2-3 s | 3-4 s |
| Mock 智能生成 | ? AI | ? 手動 | ? | ? |
| 實時協作 | ? | ? 付費 | ? | ? 付費 |
| 離線 PWA | ? | ? | ? | ? |
| CLI | ? | ? | ? | ? |
| 企業 SSO | ? 自建 | ? 付費 | ? | ? 付費 |
| 學習曲線 | ★☆☆ | ★★☆ | ★★☆ | ★★★ |
結論：
Access-Control-Allow-Methods: * npx @hoppscotch/migrate \
--from postman \
--file Postman_collection.json \
--output hoppscotch.json自動轉換變量、腳本、文件夾層級，90 % 無需人工調整。
<!-- 添加到主屏 -->
<link rel="manifest" href="https://hoppscotch.io/manifest.webmanifest">2025 年的開發節奏越來越快，工具鏈的“輕量化 + 智能化 + 零配置”才是未來。
Hoppscotch 用 70k star 的社區、3 MB 的體積和 0 美元的賬單告訴我們：
“讓 API 調試回歸簡單，剩下時間創造更有價值的東西。”
現在就在瀏覽器輸入 https://hoppscotch.io，
把這篇指南甩給團隊，一起享受絲滑的 API 人生吧！
