0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Laravel アプリケーションを fortrabbit にデプロイしてみる

0
Posted at

前提条件

  • fortrabbitにアカウントを作成しておきます。
    • サインアップは GitHub / GitLab / Google のいずれかのアカウント、または、メールアドレスを利用します。
      • image.png
    • 無料トライアルによる利用の場合はクレジットカード登録が不要なので安心です。

事前準備

まず、Laravel 13を使ってデプロイの対象となるアプリケーションを準備します。
今回は cc-sddを使って、以下のような簡単なTodoリストのアプリケーションを開発して、 GitHub に push しました。

image.png


fortrabbit にアプリケーションを登録

それでは、 fortrabbit にデプロイするための設定を行っていきます。

fortrabbit のwebページにアクセスしてログインを行います。

image.png


初回のログイン時は、 Name の入力が求められるで、画面の指示に従い入力して、「Next」ボタンをクリックします。

image.png


次に、 Account Type の選択を求められるので、「Developer」を選択して、「Next」ボタンをクリックします。

image.png


唐突に Claude Code、Codexを利用しているかを質問され、 fortrabbit の skills をオススメされますが、ひとまず無視して、まずはダッシュボードを確認したいので「Explore the dashboard」をクリックします。

image.png


このような構成のダッシュボードが表示されます。

image.png


左側のメニューから「Apps」を選択して、「New app」ボタンをクリックします。

image.png


今回は GitHub のリポジトリと連携してデプロイを行いたいので「GitHub SSH/SFTP + Git」を選択して、「Install GitHub App」ボタンをクリックします。

image.png


デプロイ対象のリポジトリを選択して、「Next」ボタンをクリックします。

image.png


Region は「Virginia(US)」と「Ireland(EU)」の二択です。
どちらも日本からは遠いですが。。。どちらか一方を選ばなくてはいけないので、今回は「Virginia(US)」を選択して、「Next」ボタンをクリックします。

image.png


Components はデフォルトで以下のような選択肢になっています。

image.png


Classic、Flat file CMS、Web appの選択肢についてですが、例えば、Web appのXS、SM、MD、LGの中からいずれかのサイズを選択すると、最適なそれっぽい構成にしてくれるようです。

image.png
image.png
image.png


今回は、PHP、MySQL、Storage、Traffic、Backupsについては最も安いプランを選択して、JobsとAutoscalingについては「OFF」にしました。

image.png

image.png

image.png

image.png

image.png

image.png


最終的な金額を確認して、「Finish」ボタンをクリックします。

image.png


アプリケーションの作成が完了すると、このように表示されます。

アプリケーションの作成完了画面.png


「Start first deployment」にチェックを入れたいところですが、その前に「Onward to the environment」をクリックします。

image.png


Environment に遷移すると、このように表示されます。
恐らく、まだデプロイが完了していないので「403」と表示されているのだと思います。

Environmentの画面.png


環境変数を設定するために「ENV Vars」のタブに移動してみると、一通り必要な項目は揃っているように見えます。
どうやら、このあたりは fortrabbit が自動的にセットしてくれるようです。

環境変数の画面.png


デプロイの準備が整ったので、「Deployment」のタブに移動して、「Deploy now」をクリックします。

Deploymentの画面.png


デプロイ前の最終確認が表示されるので、内容を確認して「Deploy now」をクリックします。

Deploy前の確認画面.png


デプロイが完了するまでしばらく待ちます。

Deploy中の待ち画面.png


デプロイが完了しました。

デプロイ完了画面.png


非常にわかりにくいですが、デプロイ完了画面右上にあるこのアイコンをクリックすると、外部からアクセス可能なURLに遷移します。

image.png


外部からアクセス可能なURLについては、Environment の「Domain」の欄に表示されていますので、こちらからも遷移可能です。

URLは以下のような形式になっています。
https://[Environment ID].[Region ID].frbit.app

Domainの画面.png


デプロイ完了後に Environment の画面に戻って、「403」と表示されていたスクショの右上のリロードボタンを押すと、Laravelのデフォルト画面が表示されました。

Deploy完了後のEnvironment画面.png


Todoリストのページのルーティングパスにアクセスすると、Todoリストの初期画面が表示されました。

image.png


Todoの追加・更新・削除が行える(DBにデータが保存される)ことも確認できました。

image.png


まとめ

画面の見た目や構成については古臭さがあるものの、「思ってた以上に問題なく動く」という感想です。

デプロイ完了までほぼ躓くことなくスムーズに進みはしましたが、とはいえこのあまりモダンっぽくない見た目で損している部分はありそうですね。(見た目よりも「正常動作することが大事」というポリシーかもしれませんが)

リージョンについても、「Virginia(US)」と「Ireland(EU)」の二択というのはアジア圏からの利用を考えると、正直オススメし難い面があります。

無料トライアルの範囲内であれば、クレジットカード登録不要で使えるので、検証環境として割り切って使う場合であれば十分利用価値があるかと思います。


関連記事

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?