共碼未來助力前端開發

周代亦

Flutter為軟件開發行業帶來了革新，只要一套代碼庫，即可構建、測試和發布適用于移動、Web、桌面和嵌入式平臺的精美應用。從4年前發布首個Beta版以來，Flutter一直不斷進步，如今，使用Flutter開發的應用數量已經突破50萬，其中，中國的Flutter開發者社區規模位居全球前列。

Flutter 3.3

Flutter 3，是Flutter團隊向全平臺覆蓋這一愿景邁出的一大步，新增對macOS和Linux的穩定支持，可以讓開發者只需一套代碼即可覆蓋6個平臺。在此基礎上經過不斷改進與完善，Flutter 3.3版本也已于近期發布，并帶來了許多開發者翹首以盼的新功能：

更新了go_router package，改進了導航和深層鏈接的實現流程；

將更多組件遷移到了Material 3；

為桌面用戶增加了觸控板的手勢支持；

在所有平臺上都支持全局交互式文本選擇功能，以及支調整文本選擇控件的默認外觀；

針對Windows平臺的開發體驗與性能進行改進。

在Flutter 3.3中，Flutter團隊還與Flutter應用設計工作室Gskinner合作，新推出了一款名為Wonderous的應用示例。借助Wonderous，用戶可以深入探究世界八大奇觀，同時也向更多開發者和設計工作室展現了如何使用Flutter的強大功能打造高性能的精美互動體驗。

Flutter休閑游戲工具包

Flutter的硬件加速圖形功能，受到了越來越多游戲開發者們的青睞。在過去一年中，有數千款Flutter游戲發布。為幫助開發者簡化開發工作，Flutter休閑游戲工具包（FlutterCasual Games Toolkit）應運而生，提供了包含游戲開發模版、學習資料、社區空間，以及Google開發者服務代金券等相關信息。

同時，在Flutter官方網站新開設了面向游戲開發者的頁面，開發者可以獲取包括游戲模版、源代碼，視頻教程、素材市場、制作工具、Dart和Flutter package等各種資源的鏈接。

Firebase：打造流暢、穩定的開發體驗

Firebase為開發者們帶來了在應用整個生命周期內、各階段都可依靠的產品和解決方案，并以全托管基礎架構的方式提供，確保應用的啟動與運行快速、安全且高效，讓開發者可以專注于打造用戶喜愛的應用。

為打造流暢、穩定的開發體驗，Firebase不斷提升與Google熱門開發產品的集成，以及平臺與開放工具生態系統間的協作。

與Flutter集成：加快跨平臺應用的開發速度

日前有62 %的Flutter開發者在應用中使用Firebase。隨著Flutter和Firebase之間的集成進入穩定版，并成為Firebase產品線中的一個受全面支持的核心組件。Flutter已將相關源代碼和文檔遷移到Firebase主代碼庫和網站，并會繼續努力改進Firebase對Flutter的支持，使其與Android和iOS平臺的開發保持一致。

Crashlytics for Flutter：輕松快速知曉崩潰問題

穩定性和性能是每個應用成功的關鍵。

Firebase Crashlytics作為實時崩潰報告工具，可以幫助開發者根據對真實用戶的影響，優先關注和修復那些最嚴重的崩潰問題。開發者可以在iOS和Android上使用同一套功能來跟蹤應用中的錯誤，在重大問題影響到大量用戶之前搶先解決。

Crashlytics for Flutter的設置步驟已被簡化，開發者在幾分鐘內即可完成設置、開始使用。并且，Crashlytics與Play軌道功能進行了集成，開發者可以基于軌道過濾Crashlytics崩潰報告，分別了解各個版本的情況，并在發現崩潰問題后確定修復優先級。

App Check：幫助增強安全性/帶來順暢安全的開發體驗

Firebase的安全解決方案App Check正式發布，以幫助開發者保護數據和用戶的安全。App Check會證明傳入的流量確實來自可信設備上的應用實例，并且符合主要的合規性和安全性標準。開發者可以將App Check保護機制與Firebase、Google Cloud或定制的服務器上的API端點搭配使用。此外，還將App Check與新的Play Integrity API相集成，讓Android應用能獲得先進的安全防護。

Material Design：構建自適應應用

Material Design是一個由指南、組件和工具組成的適應性系統，支持用戶界面設計的最佳實踐。它幫助開發者按照自適應界面的原則來構建應用，從而解決在平板電腦和可折疊設備上的適配問題。

Material Design 3

自適應布局可對來自用戶、設備和屏幕元素的輸入做出反應，適應各種屏幕尺寸和方向。Material Design 3自適應指南和組件讓應用適配各種屏幕尺寸以及不同的導航組件和可觸達性。

Compose Material 3 Jetpack庫現已發布Alpha版，它基于Material Design 3規范，包括了更新后的主題、組件以及動態配色Material You個性化功能，與新的Android 12視覺樣式和系統界面相得益彰。

窗口大小類是一組主觀的視口斷點。WindowSizeClass API幫助擺脫易出錯的isTable邏輯，消除設備在橫豎屏切換時需要自定義邏輯的需求。

遵循Material指南，開發者可以根據寬度的尺寸類別提供替代布局，將導航調整到最方便使用的位置。

適配可折疊設備

可折疊設備不僅配備更大的屏幕，還可以根據設備的折疊方式和用戶的使用方式調整設備的方向/姿勢。

WindowManager

Jetpack庫使應用能感知折疊狀態提供一套通用的API界面以支持不同的設備類型。開發者可以使用Window Manager來查看顯示屏特性及其影響。

需要注意鉸鏈位置對交互的影響，避免將按鈕和其他重復操作項直接放在鉸鏈區域。

ViewModel讓數據可在發生屏幕旋轉等配置更改后繼續留存，確保當前任務能在轉換后繼續無縫執行。

Web：挖掘網頁內容潛力

Chrome團隊致力于幫助大家針對Web構建內容，并不斷挖掘網頁內容的各種潛力。許多中國開發者為用戶打造了無與倫比的優質體驗，展示了Web的無盡潛力。如騰訊文檔借助異步剪貼板API實現更好的實時協作和功能。Cocos利用像Web Audio和Web GPU提供高保真度的網頁游戲體驗。

DevTools：自動化Web測試工具錦囊

Chrome DevTools是一組直接內置在Google Chrome瀏覽器中的Web開發人員工具。將DevTools設置與Chrome配置文件同步即可進行跨設備工作。通過Chrome DevTools新推出的Recorder面板，可錄制和回放用戶流程，模擬關鍵的流程以改善用戶體驗。還增加了“性能數據分析”面板，幫助診斷性能問題。

PWA：增進Web App體驗

漸進式Web應用程序（PWA）是使用現代API構建和增強的Web應用程序，可提供增強的功能、可靠性和可安裝性，同時通過單一代碼庫覆蓋任何人、任何地點、任何設備上。構建可靠的離線體驗需要實施存儲管理，可使用IndexedDB、緩存、存儲管理器、持久存儲和內容索引等工具。Workbox是一組可簡化常見Service Worker交互的模塊，也可幫助實現離線支持。

Web Share

API使Web應用程序能夠以與特定于平臺的App相同的方式將鏈接、文本和文件共享到設備上安裝的其他應用程序。在Web Share Target API幫助下，已安裝的Web應用可以在底層操作系統中注冊為分享目標，從而實現接收分享內容的功能。

應用程序快捷方式允許Web開發人員快速訪問一些用戶經常需要的常見操作。