# render - 查詢目前使用額度 > https://dashboard.render.com/billing#free-plan --- [TOC] --- ## 說明 - 官方文件 > https://render.com/docs/free 0. 免綁信用卡 1. 運行限制：每月 750 hrs（單獨帳號計算） 2. 待命期間：閒置 15m 會開始進入休眠 - 喚醒時間：最久 30s 3. 其他：免費帳號若執行太久，會不定期被重開機 > https://bamorlove.com/blog/render --- ## 影片版 ### 聯動專案來部屬 <iframe width="560" height="315" src="https://www.youtube.com/embed/v8Jit4eG6g8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> ### 假如卡住... - 如果看到 `JSON Server is running`，卻還卡在 `in progress` <iframe width="560" height="315" src="https://www.youtube.com/embed/9e0wJVAugsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> --- ## 預先準備 ### Step-0_註冊帳號 > https://dashboard.render.com/register ### Step-1_專案範例 - 討論串 > https://discord.com/channels/801807326054055996/1027246217798881280/1045365011293405286 #### Step-1.1_FORK - `Fork` 老師的範例到自己的帳號 > https://github.com/gonsakon/json-server-vercel #### Step-1.2 - 修改 `db.json` 為自己的資料 --- ## Step-2 ### Step-2.1 - `New Web Service` ![](https://i.imgur.com/TSLFpTx.png) ### Step-2.2 - `Connect GitHub` ![](https://i.imgur.com/SkcEAoa.png) ## Step3 ### Step3.1 - 填寫項目 ![](https://i.imgur.com/bcYlfpO.png) 1. Name - 專案的名字 2. Region - 主機位置 3. Branch - 要部屬的分支，通常是 `main` 或 `master` ### Step3.2 - 剩下可以預設值，接著到最底下按鈕 - `Create Web Service` ![](https://i.imgur.com/Wm0XDau.png) ## Step4 - 如果看到 `JSON Server is running` ，卻還在 `in progress` ![](https://i.imgur.com/eqYaqmR.png) ### Step4.1 - `Manual Deploy` > - `Deploy specific commit` ![](https://i.imgur.com/C5dH9Aw.png) ### Step4.2 - 選擇最上面最新的 `commmit` ![](https://i.imgur.com/wpY6eX5.png) ## END - 部屬成功會出現綠色 `Live` ![](https://i.imgur.com/i1SyK7Q.png) --- - 網址範例 > https://try-server-vercel.onrender.com - 測試專案 > https://github.com/Learn-At-HexSchool/json-server-vercel - 舊的測試網頁 > https://play-json-server.onrender.com --- ## 相關資料 > https://yeecord.com/blog/heroku-end-free-tier/ > https://editor.leonh.space/2022/render/ > https://ithelp.ithome.com.tw/articles/10255630