Ryan 工程師不藏私

【前言】 上一篇 說到用Render部屬Laravel，今天來教學把React部署上去 真的很簡單，不用一行程式or指令 部署結果 【主題】 一、註冊Render 進入 Render 註冊 二、建立 註冊後就可以到後台的部分，點上面New並選擇Static site 三、在github中選擇你要部署的專案 透過github或gitlab選擇要部署的專案，如果沒有專案的話也不用擔心， 官方 或 我這邊 有範例，只需要fork出來就可以了， 進入github選擇專案，Save就準備好囉 四、調整參數 參數照圖片上面設定即可 按下Create 五、喝杯咖啡，等待部署完成 等待部署完成就會出現下面的畫面，網址就可以點進去看有沒有成功囉 備註: 如果有使用到react-router這類客戶端router需再添加rewrite rule，設定如下 儲存之後會再跑一次部署流程，之後只要有commit到選擇的分支上就會自動部署，是不是很方便呢? 【後記】 用Render部署React、Vue這類Static的專案，好處相較於Laravel是不會有睡眠時間(免費的話)， 而且也相對簡單許多，當然如果要資料傳遞、介接時還是需要API。 參考:  Deploy a Create React App Static Site

【Why】 你的Side Project只有在本地測試？太low了吧，這樣要怎麼展示自己酷酷的作品 如果使用第三方API的Call Back(如 Line Login or Webhook、第三方金流) 該怎麼辦？ 要有部署主機、主機要安裝環境、ssl、DNS、url 都要時間、金錢 【How】 Render 的運作流程： 準備好你的專案 也可以直接fork render提供的laravel範例 建立資料庫 在render連動github 製作Dockerfile (不懂Docker? Render提供多種Docker的Deploy Example) 這邊筆者Ryan會小小講解一下下 至於Docker的介紹 我們會下次會專門寫一篇XD 設定參數..等等 【What】 Render 是一間雲平台即服務的品牌，相信有接觸網頁開發的觀眾應該都聽過Heroku， 甚麼?沒有嗎? 像是GCP、AWS這類的雲端服務提供商就不可能沒聽過了吧 筆者Ryan在工作時有接觸GCP、AWS，自己之前有用過Heroku架設 個人網站 這次偶然碰到這間，試了一下從開始到部署完一個GO的 網站 ，大概十分鐘左右 甚至都不需要打到一行Code、下到一行Command 【優點】 輕鬆達到CI/CD 不需要繁瑣的部署環境 免費:D 【缺點】 免費方案的限制，如同Heroku，免費的部署若一段時間會自動休眠，等同於過一段時間後開啟網頁會需要一段時間， 詳情 ，而且和Heroku相比，Render的休眠常常會5XX(Server Error) 若和Heroku相比，Heroku應該不需要用到Docker(太久以前用的，不太記得了)，入門門檻相對高一些。 收費方式比較複雜，筆者Ryan目前還使用免費方案，目前還不太清楚它的分服務(主機、資料庫)收費，還是一次性月費，個人覺得前者機率比較大 使用PostgreSQL需要注意，免費方案一段時間會 刪除資料 。 相對於GCP、AWS，所提供的服務就沒有那麼多樣化，如：開設一台虛擬機，在上面裝你想裝的任何軟體，可以把所有服務通通開在一台。這個問題會回到，你的專案的部署方式，是否需要分不同主機、是否需要快速建成(這其實是關係到Docker，跟服務商無關) 【示範】 登入後進入Render 後台 ，點選右上角的New並點選Web Service 這是 Rende