--- 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)