🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

所以,你剛剛使用Google AI Studio中的 Build 功能建立了一個令人驚嘆的 AI 應用程式。你點選Deploy ,程式碼瞬間上傳到雲端,你的應用程式上線了!但是,當你查看 URL 時,卻發現它類似於:https://burning-man-animal-cuddle-614365371127.us-west1.run.app/

雖然我個人很喜歡「火人節動物擁抱」這個名字的氛圍,但你的用戶可能會覺得它有點…可疑。你在Namecheap上買了一個很棒的網域(像是vibe-compose.com),你想用它來代替「火人節動物擁抱」這個名字。

如果您從未將 Google Cloud Run 服務連接到 Namecheap 等第三方網域註冊商,「DNS 設定」可能會讓您感到困惑。以下是如何輕鬆完成配置的步驟。

步驟 1:在 Cloud Run 中新增映射

首先,前往您的 Google Cloud 控制台並導覽至Cloud Run 網域。在左上角的下拉清單中找到您的專案(例如: Generative Language Client )。您會在Domain Mappings部分看到一個Add Mapping按鈕。

圖片描述

在下拉式選單中:

  • 選擇服務:選擇您的應用程式。

  • 選擇已驗證的網域:選擇“驗證新網域…”

  • 根網域:輸入您的根網域名稱(例如,vibe-compose.com)。暫時不要輸入 www。我們從根域名開始。

第二步:驗證舞

谷歌需要確認您確實擁有該域名,才會將流量導向該域名。點擊「驗證」後,會彈出一個窗口,其中包含一條 TXT 記錄。

圖片描述

圖片描述

輸入網站名稱並點擊Continue後,複製那一長串文字。現在是時候暫時離開谷歌,前往Namecheap了。

圖片描述

  • 登入Namecheap

  • 前往您的Domain List -> Manage -> Advanced DNS

  • 點選Add New Record

  • 選擇TXT Record

  • 主持人: @

  • 值:將谷歌驗證字串貼到此處。

  • TTL:自動。

  • 儲存更改。

咖啡休息時間: DNS 變更通常需要一些時間。請等待 2 分鐘,然後返回 Google Cloud 標籤頁並點擊「驗證」。

步驟 3:繪製「裸域」圖

驗證通過後,真正的挑戰才剛開始。你需要確保你的網站透過vibe-compose.com (不帶 www)來載入。這被稱為“裸域名”或“根域名”。

Cloud Run 不使用 CNAME 記錄來管理根域名,而是使用 A 記錄(IPv4)和 AAAA 記錄(IPv6)。 Cloud Run 會顯示一個 IP 位址列表,您需要將所有這些位址新增至 Namecheap。

圖片描述

在 Namecheap 進階 DNS 中,您的清單應該類似於上圖所示:

  • 4 A 記錄:主機為@ ,值為以.32.21.34.21.36.21.38.21結尾的 IP 位址。

  • 4 AAAA 記錄:主機為@ ,值為長 IPv6 位址。

第四步:別忘了www

如果現在停止操作,vibe-compose.com 可以正常執行,但 www.vibe-compose.com 會崩潰。我們還需要映射子網域。

  • 傳回Cloud Run 域映射

  • 再次點選「新增地圖」。

  • 輸入 www.vibe-compose.com。

  • Google 會提示您新增 CNAME 記錄。

  • 回到 Namecheap,新增最後一筆記錄:

  • 類型: CNAME記錄

  • 主機: www

  • 值: ghs.googlehosted.com.

⚠️ 注意:許多開發者會誤將ghs.googlehosted.com貼到「主機」欄位中。千萬不要這樣做!主機名稱應該是www 。如果 Namecheap 在最後加上了句點,那應該就沒問題了。

第五步:耐心之輪

DNS 記錄新增完成後,返回 Cloud Run 控制台。您會看到您的網域列表,旁邊會顯示黃色旋轉圖示或綠色對勾。

圖片描述

現在發生了什麼事?

DNS 傳播: Google 正在檢查 Namecheap 是否已更新(可能需要 10 分鐘到 24 小時)。

憑證設定:一旦找到 DNS 伺服器,Google 會自動為您建立一個託管 SSL 憑證。

結論

花額外的 5 分鐘來映射自訂域名,就能大大提升專案的品質。現在,你不用再把使用者引導到burning-man-animal-cuddle ,而是可以引導他們造訪vibe-compose.com

(不過說實話,我會想念和動物們依偎在一起的時光。)

圖片描述

祝您程式愉快! 🚀


原文出處:https://dev.to/googleai/give-your-ai-studio-deployed-app-a-custom-url-30f


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝16   💬10   ❤️5
422
🥈
我愛JS
📝2   💬8   ❤️4
94
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付