📝
Amplify Hosting に Cloudflare の har-sanitizer をデプロイしてみた
cloudflare/har-sanitizer
Git なしで Amplify Hosting にデプロイしてみました。
前提
- コマンド実行環境は Cloud9
1. プロジェクトの準備
GitHub から har-sanitizer をクローンしてビルドまで実行します。
$ git clone https://github.com/cloudflare/har-sanitizer.git
$ cd har-sanitizer
$ npm install
$ cat > vite.config.ts << 'EOF'
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [react()],
build: {
outDir: 'dist'
},
base: './'
});
EOF
$ npm run build
2. zip ファイルの作成
ビルドしたアプリを zip ファイル化してダウンロードします。
$ cd dist
$ zip -r ../har-sanitizer-build.zip .
har-sanitizer-build.zip をダウンロードします。
3. Amplify アプリの作成
以下の設定で作成しました。
- GitHub なしでデプロイ
- har-sanitizer-build.zip をアップロード
デプロイ後に Amplify のデフォルトドメインにアクセスして har-sanitizer のアプリが表示されれば成功です。
まとめ
今回は Amplify Hosting に Cloudflare の har-sanitizer をデプロイしてみました。
どなたかの参考になれば幸いです。
Discussion