「chatgpt-web」のインストール・使い方

Authors

• 

  Name

  章 有坂

  short bio

  オープンソースソフトウェアのトレンドを追いかけてます。

chatgpt-webは、ExpressとVue3を使用して構築されたChatGPTのデモンストレーションウェブページです。このプロジェクトは、公式のChatGPT APIと非公式のChatGPT APIメソッドの両方をサポートしています。非公式のAPIメソッドは、Cloudflareをバイパスすることが可能で、その結果、信頼性とスマートネスの間でトレードオフを提供しますSource 0。

インストール・導入方法

このプロジェクトはNode.jsとPNPMを必要とします。以下の手順でインストールおよびセットアップを行います：

1. Node.jsのインストール：バージョン16、18、または19が必要です。バージョン14を使用している場合は、fetch polyfillのインストールも必要です。

2. PNPMのインストール：まだPNPMがインストールされていない場合は、次のコマンドでインストールします：

npm install pnpm -g

3. キーの取得：OpenAI APIキーまたはアクセストークンを取得し、ローカル環境変数に記述します。これはservice/.envファイルで行います。

4. 依存関係のインストール：以下のコマンドを実行して依存関係をインストールします：

pnpm install

5. フロントエンドのセットアップ：以下のコマンドを実行します：

pnpm bootstrap

6. テスト環境での実行：以下のコマンドを実行します：

pnpm dev

バックエンドサービスを実行するには、service/ディレクトリに移動してpnpm startを実行します。

また、Dockerを使用してこのアプリケーションをビルドして実行することも可能です。以下のコマンドを実行します：

docker build -t chatgpt-web .
docker run --name chatgpt-web --rm -it -p 127.0.0.1:3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

ここで、OPENAI_API_KEY=your_api_keyはあなたのOpenAI APIキーに置き換えてくださいSource 0。

使い方

このプロジェクトは非常に直感的です。基本的な操作は以下の通りです：

1. アプリケーションは、ユーザーがメッセージを入力し、そのメッセージをChatGPTに送信します。
2. ChatGPTは、そのメッセージに対するレスポンスを生成します。
3. 生成されたレスポンスは、アプリケーションのチャットボックスに表示されます。

また、このアプリケーションは複数のセッションとコンテキストロジックをサポートしており、コードや他のメッセージタイプの書式設定と美化も行います。また、アクセス制御、データのインポート/エクスポート、メッセージのローカル画像としての保存などの機能も提供していますSource 0。