利用免費fly.io空間,學習如何部署第一個Laravel 專案!(一)

更新於 2023/09/06閱讀時間約 4 分鐘

第一次學習框架,總是透過本地使用XAMPP or MAMP工具進行開發練習,但為了將自己練習的小專案部署到線上主機DEMO給身邊朋油看,就得需要額外先了解學習GCP or AWS,但一不小心亂搞就會產生額外費用(亂搞結果收費爆掉的過來人...),後來發現好物,那就是fly.io 啦,該主機商提供三個部署環境及mysql 3GB內空間免費的方案,很適合小專案練習試錯部署~接下來我們就開始實作照著步驟部署第一個 Laravel 線上專案吧~附上fly.io 官方網站

首先我們先在本地創建一個Laravel 專案並命名為 demo

composer create-project laravel/laravel demo

接著我們先確認本地跑專案是可以正常執行的,下圖為執行後本地畫面

// 切換到專案資料夾​
cd demo

//​ 本地啟動專案
php artisan serve
raw-image

接著參考fly.io,部署文件,我們需要安裝他的flyctl ,文件說明連結 ,這邊我是使用 brew 套件管理工具,已經安裝完成

brew install flyctl​
raw-image

接著我們就可以開始執行步驟啦~這邊使用fly launch指令完成部署

fly launch

這邊會看到需要我們填寫app name,這邊我命名為 laravel-demo-v1

raw-image

接著選擇部署的地區,我這邊選擇Tokyo

raw-image

選擇完畢後這邊會詢問是否直接部署,基本上如果沒有要修改相關部署檔案,可以直接選擇YES,但這裡我先不直接部署NO

raw-image

Flyctl Launch在執行會幫我們建立幾個檔案,分別是 fly.toml 、 Dockerfile及 .fly 檔案,而每個 Fly Launch 應用程序都使用一個fly.toml文件來告訴系統如何部署它。而TOML是一種簡單的配置文件格式,連結放置這裡,有興趣可以加以研究。

執行完fly launch之後,相關的環境變數的基本設定,都會先幫我們設定完成,相關的配置說明,可以參考這份文檔,現階段我們只專注使用flyctl工具替我們部署第一個線上版本 Laravel 專案

接著我們來執行部署啦,下圖可以看見系統正在執行推送到fly.io服務上

flyctl deploy​
raw-image

部署完成後,會提供app名稱跟配置好的ipv4 and ipv6跟相關資訊,這邊可以看到他替我們產生了一個網址叫做 https://laravel-demo-v1.fly.dev/ 這是fly.io替我們生成的網站網址,透過這串連結我們就可以直接訪問我們的網站啦,如果需要更改域名的話,就需要再搭配額外設定,就可以讓fly.io給我們的網址替換掉,這裡域名更換會在額外寫一篇補充說明。

raw-image

接著我們回到fly.io dashboard上,可以看見我們的專案已經在上面了

raw-image

而Activity 這邊可以看到目前的部署次數,基本上部署上去fly.io 會替我們產生新的APP_KEY並加密

raw-image

接著我們點擊Hostname 就可以透過這串網址訪問我們的網站,也可以將網址分享給朋油,讓他看看你的塞趴卷啦~

raw-image

總結:以上就是簡單建立一個線上部署後的laravel網站,之後當你修改程式碼之後,只要執行flyctl deploy or fly deploy 都可以將程式碼丟上去更新,而fly.io服務是不考慮git 的,而下一篇就會說明如何將 laravel 專案設定我們的mysql 連接,讓你的資料不丟失並搭配 GITHUB CICD 去自動檢查並部署我們專案到fly.io

第一部分完成後,就可以跟著進行第二部分,搭建MySQL資料庫,避免數據丟失

點擊下列連結往第二篇,學習搭建MySQL資料庫

利用免費fly.io空間,學習如何部署第一個Laravel 專案!(二)


參考連結:

fly.io 官網

https://fly.io/docs/laravel/

https://toml.io/cn/v1.0.0

https://fly.io/docs/reference/configuration/


avatar-img
15會員
37內容數
學涯無止境,透過每日or每週模仿學習筆記,不管是哪些領域也好,總有一天也可以從菜雞變小雞
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
DDDDD的沙龍 的其他內容
通常練習開發時,總不知道選擇哪些方便的GUI工具協助簡化工作,新手時期通常都會搭配MAMP or XAMPP本身的 phpmyadmin 使用,雖然沒有不可以,但在職場上通常都是跟著同事們用一樣的版本工具,這邊介紹市面上常見且好用的 MySQL GUI 工具,幫助開發人員減少工作量
學習框架前第一步,先理解框架的生命週期 學習完PHP程式基礎後,就會開始進入框架的學習,為了能理解Laravel框架是如何運作的,就必須清楚框架的生命週期,這也是面試時的必考題哦。
常說,科技始終來自於人性,而懶惰就是人創造東西的動力 為了解放雙手,創造更多時間價值,這邊我們要先理解什麼是crontab,並利用crontab的設定來幫我們處理例行性任務,並延伸到 aws EventBridge 去設定定時排程,去定時執行我們的爬蟲~
根據PHP官方說明,浮點數的精度有限。儘管取決於系統,PHP 通常使用 IEEE 754 雙精度格式,則由於取整而導致的最大相對誤差為 1.11e-16。非基本數學運算可能會給出更大誤差,並且要考慮到進行複合運算時的誤差傳遞。
最近開了複委託打算定期定額買美股,主要因為交割戶是設定外幣帳戶交割,先前設置了常用銀行的外幣到價通知,但是美金最近一直逆空高灰,幾乎不會啟動到價通知🥲,只好一直關注銀行即期價格,但因為上班常常會忘記要看一下外幣網銀換匯優惠,故想說練習python之餘,並順便做個爬蟲將資料發送到line群組
以前公司在對於 git 合併衝突的解法通常是將master合回自己的分支接著開發,也習慣了這種作法,但線圖就是有點醜,後來到了新公司之後規定強制要使用rebase的方式處理,在此紀錄git rebase 處理merge 衝突。
通常練習開發時,總不知道選擇哪些方便的GUI工具協助簡化工作,新手時期通常都會搭配MAMP or XAMPP本身的 phpmyadmin 使用,雖然沒有不可以,但在職場上通常都是跟著同事們用一樣的版本工具,這邊介紹市面上常見且好用的 MySQL GUI 工具,幫助開發人員減少工作量
學習框架前第一步,先理解框架的生命週期 學習完PHP程式基礎後,就會開始進入框架的學習,為了能理解Laravel框架是如何運作的,就必須清楚框架的生命週期,這也是面試時的必考題哦。
常說,科技始終來自於人性,而懶惰就是人創造東西的動力 為了解放雙手,創造更多時間價值,這邊我們要先理解什麼是crontab,並利用crontab的設定來幫我們處理例行性任務,並延伸到 aws EventBridge 去設定定時排程,去定時執行我們的爬蟲~
根據PHP官方說明,浮點數的精度有限。儘管取決於系統,PHP 通常使用 IEEE 754 雙精度格式,則由於取整而導致的最大相對誤差為 1.11e-16。非基本數學運算可能會給出更大誤差,並且要考慮到進行複合運算時的誤差傳遞。
最近開了複委託打算定期定額買美股,主要因為交割戶是設定外幣帳戶交割,先前設置了常用銀行的外幣到價通知,但是美金最近一直逆空高灰,幾乎不會啟動到價通知🥲,只好一直關注銀行即期價格,但因為上班常常會忘記要看一下外幣網銀換匯優惠,故想說練習python之餘,並順便做個爬蟲將資料發送到line群組
以前公司在對於 git 合併衝突的解法通常是將master合回自己的分支接著開發,也習慣了這種作法,但線圖就是有點醜,後來到了新公司之後規定強制要使用rebase的方式處理,在此紀錄git rebase 處理merge 衝突。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
去年年尾橫空出生的 ChatGPT,令世界立即進入 AI 世代。生成式 AI 開始改變工作模式。如果想繼續在工作上保持競爭力就要懂得 work smart! 那麼應該如何 work smart? 那你就要一定懂得利用網上免費資源了。除了使用 AI 外,我們還可以使用一些專門的小工具,以節省跟 AI
Thumbnail
西文單字若沒常常複習會容易遺忘,所以會須需要藉由工具協助記憶。市面上有很多西班牙文學習的APP,不過這邊我會和你分享這款桌遊.......讓你在玩遊戲的同時,對單字更加印象深刻!
Thumbnail
你是否有過使用機器學習時,卻需要人工審查的經驗呢? AWS 的 Amazon Augmented AI (Amazon A2I)是一項機器學習服務,簡化了為 ML 應用程序構建和管理人工審核的過程,讓你可以輕鬆建置人工審查所需的工作流程!
Thumbnail
習慣這件事其實是可以有意識的養成的,而且可以很輕鬆,逐步調整,每一天進步1%,一年之後你就會有37倍的成長,是不是很驚人,透過原子習慣這本書,趕快來看看到底怎麼做到吧! 行為改變的三個層次 行為改變的有三層次的,最外層是結果,中間一層是過程,最裡層則是是身份認同 身份認同會驅使你改變過程,最後
Thumbnail
辛波絲卡的〈這裡〉一詩我讀過無數次了,但每次讀到最後一段,我都還是會感到震撼。因為經歷過整首詩的想像之旅後,再回到原本的書桌時,我好像已經不可能用原本的眼光看待現實了。
Thumbnail
Slash 斜槓青年 「斜槓青年」這名詞從 Taylor Pearson著作《未來工作》成為暢銷書後,就在青年族群中快速流傳。坊間也出現許多講師、斜槓工作者,開設課程指導有志年輕人,發展多元工作能力,創造多元收入,並強調提早建立個人品牌,以防未來面臨失業造成收入中斷,所帶來的生活危機。   隨著網際
Thumbnail
最近開始變熱了(雖然下週二又要變冷),想起之前到府諮詢時,屋主特別展示在大門加裝的紗門,當她拉開摺疊紗門時,我一整個很驚喜。 這原理很簡單:引進樓梯間的冷空氣,幫助悶熱的公寓大樓型住家降溫、促進空氣對流。 住公寓大樓的朋友,應該會發現,出門打開大門,通常會有一股冷空氣竄進來,是的,那是梯間冷空氣。梯
Thumbnail
在寒暑假長長的假期中,我們通常捨不得把這難能可貴的時間浪費在安親班裏,而是提前規劃、排定夫妻倆的年休假,以及吆喝一些好朋友,一起來計劃孩子們的假期。 父母親在孩子的成長階段,能夠陪伴著孩子成長,一同學習的機會,若是仔細算算的話,扣掉上課及寫作業,吃飯睡覺等等時間,其實並不多。   因此,在寒暑假長長
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
去年年尾橫空出生的 ChatGPT,令世界立即進入 AI 世代。生成式 AI 開始改變工作模式。如果想繼續在工作上保持競爭力就要懂得 work smart! 那麼應該如何 work smart? 那你就要一定懂得利用網上免費資源了。除了使用 AI 外,我們還可以使用一些專門的小工具,以節省跟 AI
Thumbnail
西文單字若沒常常複習會容易遺忘,所以會須需要藉由工具協助記憶。市面上有很多西班牙文學習的APP,不過這邊我會和你分享這款桌遊.......讓你在玩遊戲的同時,對單字更加印象深刻!
Thumbnail
你是否有過使用機器學習時,卻需要人工審查的經驗呢? AWS 的 Amazon Augmented AI (Amazon A2I)是一項機器學習服務,簡化了為 ML 應用程序構建和管理人工審核的過程,讓你可以輕鬆建置人工審查所需的工作流程!
Thumbnail
習慣這件事其實是可以有意識的養成的,而且可以很輕鬆,逐步調整,每一天進步1%,一年之後你就會有37倍的成長,是不是很驚人,透過原子習慣這本書,趕快來看看到底怎麼做到吧! 行為改變的三個層次 行為改變的有三層次的,最外層是結果,中間一層是過程,最裡層則是是身份認同 身份認同會驅使你改變過程,最後
Thumbnail
辛波絲卡的〈這裡〉一詩我讀過無數次了,但每次讀到最後一段,我都還是會感到震撼。因為經歷過整首詩的想像之旅後,再回到原本的書桌時,我好像已經不可能用原本的眼光看待現實了。
Thumbnail
Slash 斜槓青年 「斜槓青年」這名詞從 Taylor Pearson著作《未來工作》成為暢銷書後,就在青年族群中快速流傳。坊間也出現許多講師、斜槓工作者,開設課程指導有志年輕人,發展多元工作能力,創造多元收入,並強調提早建立個人品牌,以防未來面臨失業造成收入中斷,所帶來的生活危機。   隨著網際
Thumbnail
最近開始變熱了(雖然下週二又要變冷),想起之前到府諮詢時,屋主特別展示在大門加裝的紗門,當她拉開摺疊紗門時,我一整個很驚喜。 這原理很簡單:引進樓梯間的冷空氣,幫助悶熱的公寓大樓型住家降溫、促進空氣對流。 住公寓大樓的朋友,應該會發現,出門打開大門,通常會有一股冷空氣竄進來,是的,那是梯間冷空氣。梯
Thumbnail
在寒暑假長長的假期中,我們通常捨不得把這難能可貴的時間浪費在安親班裏,而是提前規劃、排定夫妻倆的年休假,以及吆喝一些好朋友,一起來計劃孩子們的假期。 父母親在孩子的成長階段,能夠陪伴著孩子成長,一同學習的機會,若是仔細算算的話,扣掉上課及寫作業,吃飯睡覺等等時間,其實並不多。   因此,在寒暑假長長