搜尋分類、套件與程式碼儲存庫

套件詳情v2.7.3

amplify_authenticator

Amplify Auth 類別的預建登入和註冊體驗

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
7.2萬
喜歡數
41
Pub 分數
160

安裝套件

flutter pub add amplify_authenticator

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Amplify Authenticator 提供了用於使用 AWS Amplify 認證服務的應用程式的預先建構、可自訂的登入與註冊 UI。它透過提供開箱即用的登入、註冊、密碼恢復及多重因素認證元件,簡化使用者認證流程。基於 Flutter 建構,可無縫整合至多個平台(包含行動裝置與網頁)的 Amplify Auth 類別中。該套件支援主題自訂,並可擴充以符合品牌特定設計,同時維持安全最佳實務。

適用情境

  • 快速為Flutter應用添加身分驗證
  • 支援使用者註冊和登入流程
  • 啟用密碼恢復和多因素認證
  • 與 AWS Amplify 後端整合
  • 自訂UI以實現品牌一致性

主要特色

  • 預建構的登入/註冊畫面
  • 多因素認證支援
  • 主題自定義選項
  • 跨平台相容性
  • 與 Amplify Auth 的無縫整合

適合對象

  • 使用 AWS Amplify 的 Flutter 開發人員
  • 需要快速驗證設定的應用程式
  • 需要安全用戶管理的項目
  • 希望實現一致驗證使用者體驗的團隊
  • 面向多個平台的開發者

使用建議

  • 需要 AWS Amplify 配置
  • 無需程式碼變更即可進行有限的自訂
  • 依賴於 Amplify SDK
  • 可能增加應用大小
  • 需要正確的後端設定才能實現完整功能

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

AWS Amplify

discord

Amplify Flutter

AWS Amplify provides a declarative and easy-to-use interface across different categories of cloud operations. Our default implementation works with Amazon Web Services (AWS), but AWS Amplify is designed to be open and pluggable for any custom backend or service. See AWS Amplify for further details about the Amplify Framework.

We are iterating and looking for feedback and collaboration, so please let us know your feedback on our direction and roadmap.

Getting Started Guide

⚠️ Amplify Flutter v1 is deprecated as of April 30th, 2025. No new features or bug fixes will be added. Dependencies may become outdated and potentially introduce compatibility issues.

Please use the latest version (Gen 2) of Amplify Flutter. If you are currently using v1, follow these instructions to upgrade to v2.

Supported Amplify Libraries

Library pub.dev package Description
Authentication APIs and building blocks for developers who want to create user authentication experiences with Amazon Cognito.
Analytics Easily collect analytics data for your app with Pinpoint. Analytics data includes user sessions and other custom events that you want to track in your app.
Storage Provides a simple mechanism for managing user content for your app in public, protected or private storage buckets with Amazon S3.
DataStore A programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.
API (REST) Provides a simple solution when making HTTP requests. It provides an automatic, lightweight signing process which complies with AWS Signature Version 4.
API (GraphQL) Interact with your GraphQL server or AWS AppSync API with an easy-to-use & configured GraphQL client.
Notifications Trigger push notifications to your app and record metrics in Pinpoint when users receive or open notifications.
Authenticator The Amplify Flutter Authenticator simplifies the process of authenticating users by providing a fully-customizable flow which just works. Simply wrap your app's authenticated route in an Authenticator component and the process of authenticating users and managing login sessions is handled for you.
Semantic versioning

We follow semantic versioning for our releases.

Semantic versioning and enumeration cases

When Amplify adds a new enumeration entry or sealed class subtype, we will publish a new minor version of the library.

Applications that use a switch statement to evaluate all members of an enumerated type can add a default clause to prevent new cases from causing compile warnings or errors.

Semantic versioning and dependencies update

We follow semantic versioning for updating our dependencies. This includes updating the dart and flutter SDK version.

Category / Platform Support

Category Android iOS Web Windows MacOS Linux
Analytics ✅ ✅ ✅ ✅ ✅ ✅
API (REST) ✅ ✅ ✅ ✅ ✅ ✅
API (GraphQL) ✅ ✅ ✅ ✅ ✅ ✅
Authentication ✅ ✅ ✅ ✅ ✅ ✅
DataStore ✅ ✅ 🔴 🔴 🔴 🔴
Storage ✅ ✅ ✅ ✅ ✅ ✅
Notifications ✅ ✅ 🔴 🔴 🔴 🔴

Documentation

Flutter Development Guide

Amplify for Flutter is an open-source project and welcomes contributions from the Flutter community, see Contributing.

Prerequisites
  • Flutter
  • Node.js v18.17 or later
  • npm v9 or later
Getting Started With Amplify Flutter
  1. Open your Flutter project. If you do not have an active Flutter project, you can create one after installing the Flutter development tooling and running flutter create <project-name> in your terminal.

  2. Run the following to create an amplify project:

    npm create amplify@latest -y

  3. To use the Authenticator, you need to add the following dependencies to your project:

    dependencies:
      amplify_auth_cognito: ^2.0.0
      amplify_authenticator: ^2.0.0
      amplify_flutter: ^2.0.0
      flutter:
        sdk: flutter
    
  4. run flutter pub get

  5. Update your main.dart file to the following:

import 'package:amplify_auth_cognito/amplify_auth_cognito.dart';
import 'package:amplify_authenticator/amplify_authenticator.dart';
import 'package:amplify_flutter/amplify_flutter.dart';
import 'package:flutter/material.dart';

import 'amplify_outputs.dart';

Future<void> main() async {
  try {
    WidgetsFlutterBinding.ensureInitialized();
    await _configureAmplify();
    runApp(const MyApp());
  } on AmplifyException catch (e) {
    runApp(Text("Error configuring Amplify: ${e.message}"));
  }
}

Future<void> _configureAmplify() async {
  try {
    await Amplify.addPlugin(AmplifyAuthCognito());
    await Amplify.configure(amplifyConfig);
    safePrint('Successfully configured');
  } on Exception catch (e) {
    safePrint('Error configuring Amplify: $e');
  }
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return Authenticator(
      child: MaterialApp(
        builder: Authenticator.builder(),
        home: const Scaffold(
          body: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SignOutButton(),
                Text('TODO Application'),
              ],
            ),
          ),
        ),
      ),
    );
  }
}
  1. Deploy your backend use Amplify's per-developer cloud sandbox. This feature provides a separate backend environment for every developer on a team, ideal for local development and testing. To run your application with a sandbox environment, you can run the following command:

    npx ampx sandbox --outputs-format dart --outputs-out-dir lib

  2. Since Amplify Flutter supports 6 platforms with Flutter including iOS, Android, Web, and Desktop, some extra configuration may be required for each platform. Check out the Platform Setup guide to make sure you've completed the necessary steps.

  3. Run flutter run to launch your app on the connected device.

Congratulations, you've built your first Amplify app! 🎉

For further documentation and Amplify Category usage, see the documentation.


Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC.

所屬分類

依賴

依賴清單 15 項

原始碼儲存庫

使用此套件的專案