iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從零開始以Flutter打造跨平台聊天APP 系列

大綱
1. Dart 程式語言介紹:從最基本的變數、流程控制,到函式、物件導向、異步的語法。深入淺出,使各位學習 Flutter 時更輕鬆容易!
2. Flutter 介紹
3. 聊天室 UI 設計
4. Go 語言架構伺服器
5. 整合前後端及單元測試
6. 佈署程式

參賽天數 25 天 | 共 25 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day-11 在 Flutter 中使用 FutureBuilder 進行狀態管理

在 Flutter App 中常常需要使用網路服務或者等待檔案系統回應,當我們使用這類服務時,整體的 UI 並不會阻塞。這些服務通常使用 async func...

2024-09-12 ‧ 由 liao2000 分享
DAY 12

Day-12 在 Flutter 中使用原生方法及第三方套件實現 http 連線

昨天提到,在開發 App 時,除了要注意前端的畫面外,我們也經常要與後端伺服器通訊。這個章節將會介紹如何在 Flutter App 中使用 http 接 AP...

2024-09-13 ‧ 由 liao2000 分享
DAY 13

Day-13 在 Flutter 中以 JS 及 Kotlin 實作 Shared preferences 保存資料

在使用 App 時,比如 Line, Messenger, X, ... 我們只需要在一開始使用時登入,後續再開啟時就不需要再登入了。這個是因為這些 App...

2024-09-14 ‧ 由 liao2000 分享
DAY 14

Day-14 在 Flutter 中使用 Websocket 及 StreamBuilder

WebSocket 是一種在單個 TCP 連接上進行全雙工通信的協議。與傳統的 HTTP 通信不同,WebSocket 允許伺服器和客戶端在建立連接後,能夠雙...

2024-09-15 ‧ 由 liao2000 分享
DAY 15

Day-15 在 Flutter 中自動生成 JSON 序列化程式碼並撰寫單元測試

JSON (JavaScript Object Notation) 是一種輕量級的資料交換格式,使用簡單的文字來表示物件和陣列。JSON 被設計得易於人類閱讀...

2024-09-16 ‧ 由 liao2000 分享
DAY 16

Day-16 在 Flutter 中使用推播通知 Firebase Cloud Messaging

當我們的應用程式關閉時,WebSocket 連接會被中斷,因此推播通知無法通過 WebSocket 直接推送。為了解決這個問題,常見做法是結合 Firebas...

2024-09-17 ‧ 由 liao2000 分享
DAY 17

Day-17 使用 Go 透過 Firebase Cloud Message 發送推播通知

昨天的教學中提到了如何透過 Firebase Cloud Messaging (FCM) 實現推播通知,並在 Firebase 的網頁中發訊息給 Flutt...

2024-09-18 ‧ 由 liao2000 分享
DAY 18

Day-18 在 Flutter 中使用 pointycastle 進行端對端加密

本系列文最終目標是要實作一個聊天APP,為了不讓伺服器偷看內容,我們不可以把對話內容以明文儲存在伺服器。此時,我們可以選擇使用端對端加密(End-to-end...

2024-09-19 ‧ 由 liao2000 分享
DAY 19

Day-19 在 Flutter 中使用 Widget Test 測試畫面

在 Flutter 中,「測試」是確保功能正常、效能穩定的重要步驟之一。Flutter 提供了不同種的測試方法,包括「單元測試 (unit test)」、wi...

2024-09-20 ‧ 由 liao2000 分享
DAY 20

Day-20 實作(1) Flutter 建立註冊與登入畫面

第 20 天了,是時候來刻 UI 了,首先,我們的程式一進入後,要先向 Shared preferences 檢查是否已經登入,如果是已登入者,直接渲染主畫面...

2024-09-21 ‧ 由 liao2000 分享