如何將Cloudflare網域與Flutter web連結？

Cloudflare的優點

當您將Cloudflare連接到Flutter web應用程式時，會發生幾件好事：

• Cloudflare確保您的網站免受DDoS攻擊，這意味著它更安全。
• 它工作得更好，因為CDN透過在世界各地快取內容來降低延遲。 這樣，用戶可以確保頁面加載快速。
• SSL支援：設定SSL有助於保護電腦和使用者之間發送的資料的安全性。
• Azure Cloudflare告訴你流量模式，幫助你了解人們如何使用你的網站。

為什麼要選擇 Flutter Web？

有幾件事讓Flutter Web與眾不同：

• 節省時間：你只需要寫一次程式碼，就可以在許多電腦上使用它。 這為您節省了時間和工作。
• 使用者介面：Flutter圖示庫允許開發人員製作外觀良好的應用程式。
• 快速發展：熱重載工具透過讓開發人員立即看到變更來加快開發速度。

重要帳號與工具

如果您還沒有，請建立Cloudflare帳戶。

• Flutter SDK：在您的電腦上取得Flutter SDK，以便建立web應用程式。
• 程式碼編輯器：為Flutter應用程式使用IntelliJ IDEA或Visual Studio code等程式碼編輯器。
• 版本控制：設定Git，以便輕鬆查看專案不同版本之間的差異。
• 使用Firefox或Internet Explorer：要測試你的應用程序，你需要像Chrome或Firefox這樣的現代網頁瀏覽器。

為成長創造合適的條件

以下是一些可以幫助您設定工作區的步驟：

• 取得Flutter：從官方頁面取得Flutter SDK。 之後，把它放進去。
• 設定路徑：將Flutter加入您的系統路徑中，使其易於存取。
• 啟動程式碼編輯器：選擇一個你喜歡的程式碼編輯器並啟動它。
• 新增Flutter擴充：將Flutter和Dart擴充放在程式碼編輯器上，讓您的工作更好。
• 檢查其安裝方式：在電腦中鍵入“顫振醫生”，以確保一切都正確設定。
• 設定好所有內容後，您可以將Cloudflare網域新增至Flutter web應用程式。

為 網域設定Cloudflare

您必須在他們的網站上註冊Cloudflare域名，然後才能將其連接到Flutter Web。 我知道這看起來很難，但一旦你把它分解成你能處理的步驟，就沒那麼難了。

前往 Cloudflare並建立帳戶

首先，在Cloudflare.com上做這些事：

• 點選右上角的「註冊」按鈕。
• 設定一個強密碼並鍵入您的電子郵件地址。
• 一旦您點擊“建立帳戶”，Cloudflare就會向您發送一封電子郵件，其中包含您需要點擊以確認帳戶的連結。
• 點擊「驗證」連結以使您的帳戶正常運作。

如何讓Cloudflare與您的網域協同工作

一旦您確定您的帳戶是真實的，請前往Cloudflare並新增您的網域：

這可能會持續24小時。 更改名稱伺服器後，Cloudflare將登入您的網站。

為Flutter web應用程式設定DNS

您的Cloudflare名稱需要連結到您的Flutter web應用程式。 下一步是設定DNS。 這可以確保人們以正確的方式找到你的網路應用程式。

如何查看DNS 記錄？

為了讓人們找到你的網站，DNS記錄非常重要。 大多數人使用這類DNS記錄：

• 記錄將名稱連接到IP位址。
• CNAME記錄連線兩個名稱。 這通常用於子域。
• 郵件伺服器的MX記錄告訴電子郵件去那裡。
• 這是一個TXT記錄，為外部來源提供了更多資訊。

設定Flutter web應用程式的DNS記錄

要新增DNS記錄，請執行下列操作：

以下是如何新增A記錄：

在 Flutter中組合您的web應用程式

現在你的名字已經設定好了，你可以開始製作你的Flutter web應用程式了。 在本節中，您將學習如何建立一個新的Flutter項目，並準備在網路上上線。