数時間前に自分の ChatGPT ボットを構築する方法を書きました。そして、3 つの ChatGPT-WEB オープンソースプログラムをおすすめしましたが、最後の 1 つは特に素晴らしいと思い、少しいじってみました。皆さんにチュートリアルを提供します！
はじめに：いくつかの問題に直面し、それを解決しました。
構築チュートリアル：#
GitHub：https://github.com/Chanzhaoyu/chatgpt-web
私が使用している環境：宝塔 + Nodev16.19.0
宝塔 - ウェブサイト - Node プロジェクト - Node バージョンマネージャーを使用して Node をインストールできます！
構築には PNPM モジュールが必要ですが、Node バージョンマネージャーでは使用できません。
理由はこちらをご覧ください：https://k7blog.com/post/IM38JhKI2/ 最下部！
PNPM のインストール#
wget -qO- https://get.pnpm.io/install.sh | sh -
プロジェクトの依存関係をデプロイする：#
git clone https://github.com/Chanzhaoyu/chatgpt-web.git
cd chatgpt-web
# フロントエンドの依存関係をインストール
pnpm bootstrap
# バックエンドの依存関係をインストール
cd service
pnpm install
バックエンドのデプロイ#
プロジェクトディレクトリ内の /service/.env ファイルでキーを設定し、宝塔 - ウェブサイト - Node プロジェクト - Node プロジェクトを追加します。
実行ディレクトリは chatgpt-web/service で、その他はデフォルトのままで、プロジェクトのポートは 3002 です。
その後、このプロジェクトにドメインをバインドすることができます！
フロントエンドのビルド#
ルートディレクトリの.env ファイルを編集し、VITE_GLOB_API_URLを自分の IP+3002 ポートに変更するか、ドメインをバインドしている場合はドメインを入力します。注意：/api で終わるようにしてください！
その後、pnpm buildを実行してフロントエンドをビルドし、ルートディレクトリに dist フォルダが作成されます。
このフォルダを静的ファイルと自分のサーバーの両方にホストすることができます！