發表文章

目前顯示的是 5月, 2022的文章

【Host】十分鐘內五個步驟,將你的React免費部署在Render上吧(附範例)

圖片
【前言】 上一篇 說到用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