[B! GitHub][Firebase] nunnununのブックマーク

Firebase CLI Fails to Authenticate with Github Actions

nunnunun 2024/01/26

Github ActionsでSSRのFirebaseへのデプロイ失敗回避

リンク

GitHub Actionsでfirebase preview channelを作成する - すな.dev

これまでフロントエンドのデプロイは主にAWSのAmplifyを使ってきたんだが、AmplifyはPR作成時にそのPRの内容を反映したpreview用のURLを勝手に作成してくれてた。これがあるとわざわざローカルに落としてこなくてもそのURLを使って動作確認できるから結構便利だった今はfirebaseのhostingを使っているのだが、デフォルトだとその機能はないらしい。調べたらpreview channelという機能があったのでそれを使うとできた。 GitHub Actionsと組み合わせるととても便利になったのでまとめておく。

nunnunun 2023/12/15

リンク

Node.js のビルドとテスト - GitHub Docs

はじめにこのガイドでは、Node.jsのコードのビルドとテストを行う継続的インテグレーション（CI）ワークフローの作成方法を紹介します。 CIテストにパスしたなら、コードをデプロイしたりパッケージを公開したりすることになるでしょう。前提条件 Node.js、YAML、ワークフローの設定オプションと、ワークフローファイルの作成方法についての基本的な知識を持っておくことをおすすめします。詳細については、次を参照してください。「ワークフローの書き込み」 "Node.js の使用を開始する" Node.js スターターワークフローの使用すぐに開始するには、リポジトリの .github/workflows ディレクトリにスターターワークフローを追加します。 GitHub では、ほとんどの Node.js プロジェクトで動作できる Node.js 用のスターターワークフローを提供してい

nunnunun 2023/12/15

リンク

【React】GitHub ActionsでFirebase Hostingに自動デプロイしてみた

GitHub ActionsでFirebase Hostingに自動デプロイする記事はたくさんあります。ですが、多くの記事では自分でGitHubのsecret変数にトークンを登録したり、ymlファイルを作成したり、と初学者にはなかなか難しい内容です。この記事では超簡単に出来る方法を書きました。いくつかの注意すべき点を気をつければ誰でもできます。環境 macOS : Monterey 12.0.1 Node : 14.18.1 npm : 6.14.15 Firebase CLI : 9.23.0 Firebase CLIのインストールはこちら

nunnunun 2023/12/15

リンク

Firebase公式のGitHubとHostingのインテグレーションが熱い🔥

ウェブコンテンツをホスティングする際に Firebase Hosting という大変便利なサービスがあります。 2020/10/8にGitHub ActionsとFirebase Hostingの統合が強化され、より便利に利用できるようになったのでご紹介します。なお、公式のドキュメントは以下となります。現時点では機械翻訳のため、言語をEnglishにして読んだほうが正確です。 GitHubプルリクエストを介してライブチャンネルとプレビューチャンネルにデプロイするできるようになったことできるようになったことは主に以下の3つです。 GitHub ActionsでPull requestを作成時に、プレビューサイトをデプロイできる GitHub ActionsでPull requestをマージ時に、本番サイトにデプロイできる Firebase CLIツールのコマンドでGitHub Act