Azure OpenAIをBetterChatGPT経由で使えるようにした

環境整備

Ubuntu 22.04 LTSな仮想マシンを作成。

Node.js v20.x を下記の手順に従ってインストール。
https://github.com/nodesource/distributions#debinstall

curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

社内にWebプロキシがある時に必要な対処たち

apt updateに必要

sudo tee /etc/apt/apt.conf.d/00-http-proxy <<EOF >/dev/null
Acquire::http::Proxy "http://proxy.example.com:8000";
Acquire::https::Proxy "http://proxy.example.com:8000";
EOF

git cloneの動作に必要

export https_proxy=proxy.example.com:8000
export http_proxy=proxy.example.com:8000
export no_proxy=localhost,127.0.0.1,example.com

npm の動作に必要

npm config set proxy http://proxy.example.com:8000/
npm config set https-proxy http://proxy.example.com:8000/

electron のインストールに必要

export ELECTRON_GET_USE_PROXY=true
export GLOBAL_AGENT_HTTPS_PROXY=http://proxy.example.com:8000

BetterChatGPTのダウンロードとインストール

git clone https://github.com/ztjhz/BetterChatGPT.git
cd BetterChatGPT
npm i

BetterChatGPTのカスタマイズ

.env ファイルに下記情報を埋め込み。

VITE_DEFAULT_API_ENDPOINT : Azure OpenAIのエンドポイントURL
VITE_OPENAI_API_KEY : Azure OpenAIで発行したAPIキー

vite.config.ts に host を設定。

  export default defineConfig({
    server: {
      host: true
    }
  }

MenuOptions.tsx

• 一般ユーザー向けに不要なメニューを削除

ShareGPT.tsx

• チャット内容を共有するボタンを非表示に

サーバーを起動

npm run dev

ビルド

.envファイルに書いた API エンドポイントと API キーは npm run buildした静的ファイルにも埋め込まれる。

npm run build

出力された dist/ ディレクトリ配下の index.html 等を Azure Storage アカウントに配置して静的ホスティングすることも出来た。