切換菜單

- 主頁
- 文章
- App
- 如何使用 Firebase 在 Flutter 中開發聊天應用？

# 如何使用 Firebase 在 Flutter 中開發聊天應用？

已發表: 2021-08-31

聊天應用程序市場由一群大玩家主導，但不斷進步的技術和用戶需求為新消息和應用程序打開了大門，以獲取部分市場份額。 新的聊天應用程序也沒有必要與 WhatsApp 發生衝突——服務於特定客戶群或支持遊戲、約會和醫療等不同企業之間交流的特定消息應用程序的空缺蓬勃發展。

毫無疑問，聊天應用程序已成為該鎮的一個有趣問題，並席捲全球。

根據 Statista 的說法，有20 億消費者每月使用 WhatsApp ，預計到 2020 年將產生 48 億的收入，可以肯定的是，聊天應用程序在未來不會出現任何地方。

目前出現的問題是，如何開發功能異常強大的 firebase flutter 聊天應用程序或如何製作消息傳遞應用程序，以及組織應該使用哪些技術來為初創公司使用 firebase開發聊天應用程序？

對此查詢的響應很簡單，使用 Flutter Firebase 消息應用程序可以構建駕駛聊天應用程序。

這裡有一些統計數據可以通知您它處於趨勢中。

- 根據截至 2021 年的統計報告，每月有 20 億用戶訪問WhatsApp Messenger。
- 根據 Linkedin 統計，2018 年移動應用市場規模為 1062.7 億美元，複合年增長率為 18.4%，預計到 2026 年將達到 4073.1 億美元。
- 美國市場的聊天應用用戶數量為 4.612 億用戶，而中國預計到 2027 年將達到 5.929 億用戶數量。
- 據 Messenger People 稱，最新的消息應用使用統計數據顯示，WhatsApp 在全球擁有 20 億用戶，Facebook Messenger 1.3，微信以 10 億緊隨其後。

讓我們看一下使用 firebase 開發聊天應用程序的步驟。

## 聊天應用中的 Firebase：登錄、註冊

這是任何 Flutter Firebase 聊天應用程序的基本部分之一，因為它可以通過使用您的用戶名快速登錄應用程序來確保您的信息安全。 那麼我們如何更進一步，看看如何進行 Google 登錄。

如果您偏愛 Google 登錄替代方案，您可以使用 CMD/終端或 VS 代碼； 這些都將作為一個平滑的代碼管理器，並為開發服務提供幫助，如調查、版本控制和分配運行。

從那時起，直接跳過 main.dart 中的每條評論，並處理 MyHomePage() 有狀態的小工具，並在庫中構建一個文件夾。

在用特定名稱排列每張圖片之後，您需要在 Sign-in.dart 中創建一個名為 Sing-in 的小部件，您將在其中使用框架、appBar、body 和浮動按鈕。 此外，由於 appBar 對每個屏幕來說基本上都是一樣的，所以最好將它製作在不同的文檔文件中，這樣在不同的屏幕上也可以更簡單地使用它。

## 安裝小部件以添加功能

關於創建 Flutter 聊天應用程序，協調插件的正確排列以使其順利運行至關重要。

通過集成插件的正確排列，您將能夠構建和組裝一個主要的 Firebase 聊天應用程序。

要安裝插件模塊，請遵循將“Firebaseauth、google sign in、cloud firestore、Firebasestorage”添加到帶有 firebase 的聊天應用程序的指導。 如果碰巧你在添加插件時遇到困難，那麼你可以聘請 Flutter 應用程序開發人員來協助構建一個重要的 Flutter 聊天應用程序。

如果您正在開發通過 Google 帳戶登錄的 Flutter Firebase 聊天應用程序，那麼請考慮下面提到的插件。 這些插件將為您提供有關客戶的信息、用於消息傳遞和上傳圖像的實時信息。

聊天應用程序開發的理想插件：

- Flutter 的 Firebase 身份驗證
- 谷歌登錄
- Flutter 的 Cloud Firestore 插件
- 圖像選擇器從圖庫中選擇圖像
- Fluttertoast 顯示吐司
- Flutter 的 Firebase 雲存儲

## 設計應用程序屏幕的佈局

在理想的聊天應用程序中，可以使用不同的屏幕； 它包含一個登記屏幕、登錄屏幕、設置屏幕、登陸頁面屏幕和聊天屏幕。 屏幕的這種負載是通過編寫各種代碼排列來創建的，這就是遵循準則很重要的原因。

- 登錄屏幕佈局

當客戶端有效登錄應用程序時，返回變量 firebaseUser 覆蓋了客戶端的一些基礎數據，包括 displayName、PhotoUrl 等。

進入登錄屏幕時，用戶必須驗證它是新用戶還是現有用戶，這只需向服務器發出查詢即可完成。 如果是新用戶，則需要將其寫入數據庫。

- 主屏幕佈局

目前，這是您的聊天應用程序的主頁，它不僅列出了數據集中所有可用的用戶，還提供了包括綽號、關於我和頭像在內的全部數據。 假設您需要深入了解並可能希望為客戶數據設計更多字段，那麼此時製作一個屏幕以查看所有特定客戶信息。

- 設置屏幕佈局

此頁面將幫助用戶編輯他們的信息，例如更改符號、暱稱和關於我的寫照。 如果您已經詳細製作了主頁面，您也可以提供對額外字段的更改准入。

- 聊天屏幕佈局

目前，聊天屏幕是客戶可以向同伴發送文本和圖片消息的地方，反之亦然。 所以這意味著聊天屏幕將處理不同的事情。

根是 WillPopScope ，因為您需要處理背壓。 如果顯示貼紙或控制台的機會不大，那麼此時您需要隱藏它，而不是在上一個屏幕上探索它。

## 將 Flutter 與 Firebase 連接起來

要連接 Firebase 聊天應用程序 android：

使用 Google 帳戶註冊或登錄 Firebase

創建一個項目，然後 > 項目概述，然後輸入“包名稱”。

下載 google-services.json 並將下載的 google-services,json 文件移動到您的 Android 應用模塊根目錄中

在 Project 級別的 build.gradle 中添加 google-services 依賴項，snd 瞧，大功告成。

## 結論性想法

希望本文中引用的這些步驟將支持您在應用消息傳遞中使用 Firebase 的 Flutter 應用開發服務。 然而，完成這些步驟可能並不像聽起來那麼簡單，因為在使用編碼部分時，會出現多個錯誤。

分享，謝謝！
是什麼推動了健康科技的投資者興奮？

隨著醫療保健技術的不斷進步加速，現在是醫療保健科技公司投資數字醫療公司的好時機。

閱讀更多
如何構建響應式漸進式 Web 應用程序？

使用 React Progressive Web 應用程序，您可以構建一個應用程序，一旦使用 Web 技術，就可以為所有設備和外形提供服務。

閱讀更多
來自 15 位行業專家的軟件開發外包技巧

頂級行業專家分享他們對協作和外包軟件開發的觀點，以及從長遠來看它如何對您的業務有用

閱讀更多
金融服務必須重新考慮其安全方法與 Saas 的增長

金融安全服務提供的獨特解決方案採用 SaaS 管理的智能方法運行，以確保安全性和可靠性。

閱讀更多
如何將您的網站轉換為用戶友好的移動應用程序？

公司將網站轉換為 Android 應用程序的原因是用戶參與度高。 公司需要移動存在來定位活躍用戶。

閱讀更多