1.プロジェクトリファレンス

https://github.com/johnpryan/dartpad_workshop_starter

2.Firebase CLIのインストールhttps://firebase.google.com/docs/cli#install-cli-mac-linux

curl -sL https://firebase.tools | bash

2.1 Firebaseプロジェクトの作成

プロジェクトの設定を覚えておく

2.2. firebase login

firebase login

2.3 FIREBASE TOKEN環境変数の追加

vi .zshrc
上の2.2で出力されたトークンを追加
export FIREBASE TOKEN=出力トークン
現在の端末に適用
source .zshrc

2.4トークンが正常に使用されていることを確認する

firebase projects:list

2.5初期化項目

https://firebase.google.com/docs/hosting/quickstart
空のフォルダを作成し、フォルダに移動します.を選択します.
firebase init hosting

2.6 firebase.jsonの変更

デフォルトファイルの内容

(base) ksh@gimseoncBookPro team-sudal-flutter-book % vi firebase.json

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }

変更する内容
https://github.com/johnpryan/dartpad_workshop_starter/blob/main/firebase.json

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [
      {
        "source": "**",
        "headers": [
          {
            "key": "Access-Control-Allow-Origin",
            "value": "https://dartpad.dev"
          }
        ]
      }
    ]
  }
}

3.管理

3.1ローカルサーバの管理

3.1.1 npx（m 1 mac）を取り付ける

arch -arm64 brew install npm
npx http-server ~/path/to/workshop --cors -c-1

3.1.2ローカルサーバーを開く

npx http-server ~/path/to/workshop --cors -c-1

3.1.3ローカルサーバー接続

サーバの場所を開くには、ソースがあるパスを設定します.私の場合

サーバの実行場所
~/workspace/team-sudal-flutter-book

DatPadワークショップのソースの場所(index.htmlの場所):
~/workspace/team-sudal-flutter-book/public

4.配置

firebase deploy

5.配置場所の確認

http://dartpad.dev/workshops.html?webserver=https://my-firebase-app.web.app/path/to/my_workshop
https://dartpad.dev/workshops.html?webserver=https://flutter-book-team-sudal.web.app

Reference

dartpad workshop authoring guide