透過 HTTP/HTTPS ＋域名，連線至GCE專案

12th鐵人賽

kiddchan

團隊好想工作室 v4.0

2020-10-14 02:13:46

4819 瀏覽

前言

每次都叫人用IP連線到專案這種作法很怪，甚至有資安問題（直接暴露位置給外人）。
因此提供一個網域名稱（域名、Domain Name）給外部使用者連線，是比較推薦的作法。

提供完整網域名稱（Fully Qualified Domain Name，FQDN ），例如 www.google.com 。一般使用者如何透過 FQDN 就能連線上？其實網址是要找管理網址的伺服器進行註冊的，若不註冊，空有網址也無法連線成功。

因此讓專案具有 DNS（Domain Name System，網域名稱系統）的服務，讓IP與domain name能銜接上，才能讓外部使用者正常使用專案的註冊、登入...等等功能。

因為我們透過GCP compute engine的服務，已經取得IP。接下來會逐步解釋如何透過HTTP/HTTPS 域名連線至專案。

先申請 Domain Name

線上有許多購買 Domain Name 的供應商，例如 GoDaddy 、Bluehost、eNom.com、DomainDiscount24、
gandi、捕夢網等，甚至用Hinet也有提供類似服務。

身為免費仔，推薦可以使用 Freenom https://www.freenom.com/ 或 noip https://www.noip.com/ 。

本篇將以 Freenom 為範例，只要自行在輸入匡填寫自己想要 domain name，freenom就會告訴你還有哪些網域可以使用，除了有五個免費之外，還有付費的選項。

Web Server設定

server name

這專案的 web server是 Nginx，因此要從 Nginx的設定檔下手，設定server name = 剛申請好的domain name。

vim /etc/nginx/sites-available/default

 server_name k88d02.ml;

修改完畢後用nginx -t 確認一下再重啟 Nginx

防火牆

記得開443 port

DNS設定

取得 domain name 之後，要怎麼IP連結?

方法1 透過GCP

Cloud DNS

在 GCP 「網路服務」這功能中，提供 Cloud DNS 建立區域的功能。

自行建立一個區域後， GCP Cloud DNS 預設提供 SOA跟 NS的設定值，我們須自行設定A跟CName的部分。

A：address，回傳網域名稱所對應的 IP 位址。
CNAME：Canonical Name，正準名稱記錄。

freenom 也得進行設定nameservers

把 Cloud DNS 4個NS設定值帶入。

用ping確認一下

ping -c4 k88d02.ml

確認 domain name後的(IP)跟 GCE外部IP一致就表示成功囉。

方法2 domain name的供應商有無DNS服務

freenom其實有提供DNS，進入設定後最右方有個「Manage Freenom DNS」，進去設定 A與 Cname 。

Nameserver改為預設的，效果如同方法1。可以透過 HTTP + Domain Name連線至專案當中。

HTTPS 與 SSL 加密

HTTPS 跟 HTTP 相比，多了一個「S」。這個S背後運作機制就是SSL，Secure Sockets Layer，表示連線網站是安全的 HTTPS (HTTP Secure)。

SSL的六個加密步驟，建議可以看這篇教學文。
我個人的理解是要證明一個網站是有人管理的安全機制，非隱藏身份的釣魚網站連線。

SSL加密也有許多付費跟免費的選項，個人是推薦 Let's Encrypt and Certbot 這套免費的SSL加密服務，而且在 Nginx跑起來非常快速（相較於Apache）。

透過certbot建立https

選擇專案建立環境 https://certbot.eff.org/lets-encrypt/ubuntufocal-nginx

sudo apt-get update 更新apt

sudo apt-get install certbot python3-certbot-nginx 安裝certbot套件

sudo certbot --nginx 開始安裝 certbot
- 跑安裝前需要先在 Nginx 設定檔有server name
- 填入聯繫用的email，certbot會提醒SSL憑證快到期。
- 安裝成功後，開啟專案domain name即可觀看成果。
- 安裝成功後，nginx的設定檔有被certbot改寫過
- vim /etc/nginx/sites-available default 添加了 443 ssl 相關設定。