預備班教學大綱
為你和家人的遊戲發佈做好準備!預備班旨在確保你的本機開發工具已配置完成、雲端主機已啟用,並且專屬網域名稱已成功指向你的遊戲代碼。
這是一堂專為家長與孩子設計的實作工作坊。我們不講枯燥的純理論,而是直接帶領你建立雲端專案、在 GoDaddy 上購買網域,並設定 TXT 記錄以獲取免費 SSL 安全證書,建立高安全性的 HTTPS 連線。
-
模組 1
開發工具與本機環境配置安裝 VS Code 編輯器、Node.js 運行環境以及 Git 終端工具。認識命令行指令,並理解本機電腦與硬碟的文件管理。
-
模組 2
網頁代管與 Firebase 部署註冊並建立免費的 Google Firebase 開發者專案。使用 Firebase CLI 終端指令將一個靜態網頁發佈至網頁服務器。
-
模組 3
網域註冊與 DNS 解析記錄在 GoDaddy 等註冊商獲取個人專屬網域。學習設定 DNS 解析記錄(A 記錄指向 IP、CNAME 別名),將好記的網域(如 www.yourgame.com)關聯至 Firebase 服務器。
-
模組 4
SSL 憑證與密鑰安全驗證新增驗證用的 TXT 記錄以證明網域擁有權,在 Firebase Hosting 上自動生成免費 SSL/TLS 證書,讓網頁網址左側呈現安全鎖頭標章。
實作指南:自訂 DNS 解析設定
本指南將展示如何將您在 GoDaddy 上購買的自訂網域,對接到 Google Firebase Hosting,此為預備班的核心演練內容。
登入 Google Firebase 控制台,進入您的項目,在左側導航欄選擇 **Hosting**,然後點擊 **新增自訂網域**。在此輸入您購買的域名。
步驟 1:在 Firebase Hosting 控制台新增自訂網域名稱。
Firebase 會自動為您的域名生成解析記錄指示。您需要記下 Firebase 提供的兩組 Google 負載平衡器 IP 位址。
步驟 2:複製 Firebase 指示中提供的 A 記錄 IP 位址。
登入 GoDaddy,點擊進入您網域的「DNS 管理」面板。點擊新增記錄,類型選擇 **A**,主機(Host)填入 `@`,指向(Points to)填入 Firebase 給的 IP,TTL 設為 1 小時。
步驟 3:在 GoDaddy 控制台的網域解析記錄表中新增 A 記錄。
為了簽發加密憑證(HTTPS),Firebase 需要驗證您對該網域的擁有權。請複製 Firebase 的 TXT 驗證內容,並在 GoDaddy 新增一筆 **TXT 記錄**。
步驟 4:複製 Firebase 的 TXT 安全驗證主機名與值。
步驟 4b:將驗證記錄填入 GoDaddy DNS 設定表中。
在 GoDaddy 點擊保存後,全球 DNS 伺服器會開始傳播更新。回到 Firebase 控制台點擊 **驗證**。驗證成功後,系統將為您的網站自動簽發 SSL 安全憑證。
步驟 5:在註冊商端暫存並保存驗證配置。
步驟 5b:驗證成功!網域已順利對接至網頁伺服器,等待安全憑證啟用。
DNS 的變更並非瞬間在全世界生效。世界各地的域名解析伺服器(DNS Servers)均有緩存時間。網域設定通常需要 10 分鐘到 24 小時的時間,才能順利解析到新伺服器。您可以使用 DNSChecker.org 線上工具即時追蹤全球解析狀態!
報名預備班課程
課程學費: 1,999 NTD / $99 AUD (如果您後續報名任何正式班級,可直接折抵 1,000 NTD / $49 AUD 課程學費)。
🎁 預備班學習成果與網域選項:
- 您的孩子將獲得一個部署在 Google Firebase Hosting 上、可全球存取的專屬個人網頁。
- 選項 A(獨立網域): 自行購買專屬獨立網域(例如從 GoDaddy 購買)。
- 選項 B(免費預設網址): 免費使用 Firebase 提供的預設子網域(例如
name.web.app),無需額外付費購買網域。 - 選項 C(免費學校網域): 免費將網頁掛載在我們學校的專屬子網域下:
name.kidsaipro.com.au。