---
# System prepended metadata

title: 10/19-GCP實作
tags: [dsc]

---

---
tags: dsc
Author: uccu
---

# 10/19-GCP實作

## Overview

建立GCP專案，利用compute engine建立虛擬機，並利用 nginx 建立 web server

## Setup

1. 進入 [GCP](https://console.cloud.google.com) 網站
2. 登入google帳號
3. 點擊免費試用建立帳號

![](https://i.imgur.com/grAmVix.png)



## 建立GCP專案

1. 點選上方選取專案 -> 新增專案

![](https://i.imgur.com/omKHvVS.png)

2. 輸入專案名稱後點擊建立

![](https://i.imgur.com/Bez0GeT.png)



## 建立Compute Engine

1. 點擊console左上角 -> Compute Engine -> VM執行個體

![](https://i.imgur.com/4sQViEv.png)

2. 點選建立

![](https://i.imgur.com/2KQL36c.png)

- 名稱: webserver
- 區域(Region): asia-east1(台灣)
- 區域(Zone): asia-east1-b
- 機器設定
    - 系列: N1
    - 機器類型: f1-micro

![](https://i.imgur.com/cr4SZqw.png)

3. 開機磁碟 -> 映像檔 -> 點擊變更

![](https://i.imgur.com/EnGHmq0.png)

4. 作業系統: Ubuntu
5. 版本: Ubuntu 20.04 LTS
6. 點擊選取

![](https://i.imgur.com/xu6eNoA.png)

7.防火牆 
    - 允許HTTP流量
    - 允許HTTPS流量
8. 點選建立

![](https://i.imgur.com/LJzzaA1.png)



## 建立nginx server

1. 進入VM執行個體 -> 點選連接SSH

![](https://i.imgur.com/0JnvAN6.png)

2. 點選開啟的ssh頁面
3. 更新伺服器

```shell=
sudo apt-get update
```
4. 安裝nginx

```shell=
sudo apt-get install nginx -y
```

5. 檢查nginx是否正確開啟

```shell=
systemctl status nginx
```
![](https://i.imgur.com/UEGlM3J.png)

6. 回到console頁面
7. 進入VM執行個體 -> 查看IP

![](https://i.imgur.com/gRrdsuD.png)

8. 開啟瀏覽器，輸入網址後送出
    - http://<外部IP位址>

![](https://i.imgur.com/WweZHOO.png)

9. 檢查nginx是否正常運作

![](https://i.imgur.com/x23ndmj.png)




## 增添網頁內容

[網頁檔案(github)](https://github.com/uccuz/DSCNCU-Web)

1. 開啟ssh頁面
2. 回到家目錄

```shell=
cd
```

3. 下載網頁檔案

```shell=
git clone https://github.com/uccuz/DSCNCU-Web.git
```

4. 檢查是否下載成功

```shell=
ls
```

![](https://i.imgur.com/qcnAhLC.png)


5. 將網頁資料移動到正確位置

```shell=
sudo mv DSCNCU-Web/* /var/www/html
```

6. 開啟瀏覽器，輸入網址後送出
    - http://<外部IP位址>

![](https://i.imgur.com/lHUTeL4.png)


## 刪除專案

1. 選擇要刪除的專案
2. 點擊右上角 -> 專案設定

![](https://i.imgur.com/2bRDBES.png)


3. 點選關閉
4. 輸入專案ID後點選關閉

![](https://i.imgur.com/0mcz278.png)



