共碼未來 | 助力實現事半功倍的前端開發體驗

谷歌賦能開發者高效開發

通過提供簡單易用且相互協同的開發工具

助力開發者輕鬆快速的完成開發工作

專注於構建使用者喜愛的產品

一起來看看有哪些“事半功倍”的工具

能夠為開發者帶來更好的前端開發體驗

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

Flutter 3，是 Flutter 團隊向全平臺覆蓋這一願景邁出的一大步。新增對 macOS 和 Linux 的穩定支援，可以讓開發者只需一套程式碼即可覆蓋六個平臺。

在此基礎上，經過不斷改進與完善， Flutter 3.3 版本也已於近期釋出，並帶來了許多開發者翹首以盼的新功能：

• 更新了 go_router package，改進了導航和深層連結的實現流程

• 將更多元件遷移到了 Material 3

• 為桌面使用者增加了觸控板的手勢支援

• 在所有平臺上都支援全域性互動式文字選擇功能，以及支援調整文字選擇控制元件的預設外觀

• 針對 Windows 平臺的開發體驗以及效能進行改進

在 Flutter 3.3 中，Flutter 團隊還與 Flutter 應用設計工作室 Gskinner 合作，新推出了一款名為 Wonderous 的應用示例，您也可以在今天釋出的第二條圖文中詳細瞭解。藉助 Wonderous，使用者可以深入探究世界八大奇觀同時，也向更多開發者和設計工作室展現瞭如何使用 Flutter 的強大功能打造高效能的精美互動體驗。

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

同時，在 Flutter 官方網站新開設了面向遊戲開發者的頁面，開發者可以獲取包括遊戲模版、原始碼，影片教程、素材市場、製作工具、Dart 和 Flutter package 等各種資源的連結。

• Flutter 官方網站

  flutter.cn/games 

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

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

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

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

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

Firebase 的安全解決方案 App Check 正式釋出，以幫助開發者保護資料和使用者的安全。App Check 會證明傳入的流量確實來自可信裝置上的應用例項，並且符合主要的合規性和安全性標準。開發者可以將 App Check 保護機制與 Firebase 、Google Cloud 或定製的伺服器上的 API 端點搭配使用。此外，我們還將 App Check 與新的 Play Integrity API 相整合，讓 Android 應用能獲得先進的安全防護。

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

自適應佈局可對來自使用者、裝置和螢幕元素的輸入做出反應，適應各種螢幕尺寸和方向。Material Design 3 自適應指南和元件讓應用適配各種螢幕尺寸以及不同的導航元件和可觸達性。

• Compose Material 3 Jetpack 庫現已釋出 Alpha 版，它基於 Material Design 3 規範，包括了更新後的主題、元件以及動態配色 Material You 個性化功能，與新的 Android 12 視覺樣式和系統介面相得益彰。

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

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

可摺疊裝置不僅配備更大的螢幕，還可以根據裝置的摺疊方式和使用者的使用方式調整裝置的方向/姿勢。

• WindowManager Jetpack庫使應用能感知摺疊狀態提供一套通用的 API 介面以支援不同的裝置型別。開發者可以使用 WindowManager 來檢視顯示屏特性及其影響。

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

• ViewModel讓資料可在發生螢幕旋轉等配置更改後繼續留存，確保當前任務能在轉換後繼續無縫執行。

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

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

漸進式 Web 應用程式 (PWA) 是使用現代 API 構建和增強的 Web 應用程式，可提供增強的功能、可靠性和可安裝性，同時通過單一程式碼庫覆蓋任何人、任何地點、任何裝置上。

• 構建可靠的離線體驗需要實施儲存管理，可使用 IndexedDB、快取、儲存管理器、持久儲存和內容索引等工具。 Workbox 是一組可簡化常見的 Service Worker 互動的模組，也可幫助實現離線支援。

• Web Share API使 Web 應用程式能夠以與特定於平臺的 APP 相同的方式將連結、文字和檔案共享到裝置上安裝的其他應用程式。在 Web Share Target API 幫助下，已安裝的 Web 應用可以在底層作業系統中註冊為分享目標，從而實現接收分享內容的功能。

• 應用程式快捷方式（App shortcuts）允許 Web 開發人員快速訪問使用者經常需要的一些常見操作。