Hoppscotchは、Vue、Nuxt、TypeScriptを使用して開発された、オープンソースで軽量なWebベースのAPI管理ツールです。使いやすさとアクセシビリティを念頭にゼロから設計・構築されており、API開発者にシンプルなユーザーインターフェースを提供します。

実は、以前はもっと目立つ名前「Postwoman」でした。名前からわかるように、Postmanの競合として開発されました。機能はPostmanほど充実していませんが、ほとんどの開発者の日常業務のニーズには十分すぎるほどです。そして何より重要なのは、オープンソースであり、開発者自身でホスティング・デプロイできることです。

特性

軽量:ミニマリストのユーザー インターフェイス デザイン ⚡️ 高速: リクエストを送信し、応答をリアルタイムで取得/コピーします。

REST API

• リクエストを構築し、スクリプトを追加し、応答をテストし、コレクションと環境をサポートします。
• ブラウザによってブロックされている API にアクセスするには、プロキシを使用します。
• 履歴: 要求されたコンテンツはクラウド/ローカル セッション ストレージと同期され、ワンクリックで復元できます。

グラフQL

GraphQL エンドポイントに移動し、クエリを構築してコレクションに整理します。

リアルタイム

• テスト。
• ウェブソケット。
• Socket.io。
• MQtt。
• SSE 接続。

APIドキュメント

ドキュメントを作成して API を公開し、他のユーザーがアクセスできるようにすることができます。

アドオン

• プロキシ - Hoppscotch 用に作成されたシンプルなプロキシ サーバー。
• CLI β - Hoppscotch の CLI ソリューション。
• ブラウザ拡張機能 - Firefox および Chrome ブラウザをサポートし、Hoppscotch へのアクセスを簡素化するブラウザ拡張機能です。
• Hopp-Doc-Gen - Hoppscotch 用の API ドキュメント ジェネレーター CLI。

インストール

ローカル開発環境

1. まず、プロジェクトのクローンを作成します。
2. `npm install -g pnpm` を実行して、npm を使用して pnpm をインストールします。
3. 依存関係をインストールするには、クローンされたディレクトリで `pnpm install` を実行します。
4. 開発サーバーを起動するには、「pnpm run dev」を使用します。
5. ブラウザで http://localhost:3000 にアクセスすると、開発サイトにアクセスできます。

Dockerコンポーズ

• 同様に、プロジェクトのクローンを作成します。
• プロジェクト ディレクトリで `docker-compose up` を実行するだけです。
• ブラウザで http://localhost:3000 にアクセスして開発サイトを開きます。

ドッカー

公式イメージを使用して直接実行できます。

 docker run --rm --name hoppscotch -p 3000 :3000 hoppscotch/hoppscotch:latest

公式サイト https://hoppscotch.io/ から直接試してみることもできます。使い方はとても簡単で、ウェブサイトを開くだけですぐに使えるので、ここでは詳しく説明しません。