張貼日期: Apr 9, 2020

Amplify 架構是建立支援雲端的行動和 Web 應用程式的開放原始碼專案,由庫、UI 元件和互動式 CLI 工具鏈組成。 

今日,我們宣布推出全新、重新架構的 Amplify UI 元件程式庫,可讓 JavaScript 開發人員輕鬆新增身分驗證情境至他們的 Web 應用程式。開發人員可以利用身分驗證元件,在他們的應用程式中快速新增多項功能,例如:登入、註冊、確認註冊、忘記密碼、需要新密碼、驗證聯絡、問候以及 OTP。身分驗證元件包括舊版本的多項改善功能,包括註冊確認後自動登入使用者的能力、更精細程度的自訂功能 (使用 HTML 槽元素) 以及經過改良的輔助功能。開發人員可以使用 CSS 變數提供的功能,針對這些 UI 元件廣泛地設定主題,以更加符合自身所需。

開發人員可以使用含有完整 TypeScript 支援的 React、Angular、Vue 繫結,輕鬆地將身分驗證元件新增至他們的應用程式中。新的身分驗證元件利用共享 Web 元件 (為 Web 提供標準元件模型的瀏覽器功能),因此無論是使用 React、Angular 或 Vue,都可以確保相同一致的 UI 樣式、互動和功能。 

這次推出的新功能中,也包含經過模組方式的 Amplify JavaScript 程式庫 (版本 3),其剔除 (tree shaking) 支援可讓開發人員減少應用程式的服務包大小。除此之外,API 模組現已可分割為 GraphQL 和 REST 模組,如果僅使用其中一項模組,將可進一步減少應用程式服務包的大小。

如需進一步了解如何使用新的 UI 元件程式庫和經過模組方式的 Amplify JavaScript 程式庫,請參閱部落格文章。若要進一步了解 Amplify 架構,請瀏覽我們的文件網站