---
# System prepended metadata

title: render

---

# 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