Flutter身份验证插件appstitch_auth的使用

通过集成appstitch_auth插件，您可以轻松地在Flutter应用中实现用户身份验证。此插件支持iOS、Android和Web平台。

平台

iOS
Android
Web

使用方法

注册用户（Sign Up）

以下是一个注册用户的示例代码：

void signUp() async {
    // 创建包含用户电子邮件的 AuthOptions 对象
    final authOptions = AuthOptions(
        email: "test@example.com",
    );

    // 调用 signUp 方法进行用户注册
    final result = await auth.signUp(authOptions);

    if (result.success!) {
        // 如果成功，提示用户将收到包含认证代码的电子邮件或短信
    } else {
        // 处理错误
    }
}

登录用户（Sign In）

以下是一个登录用户的示例代码：

void signIn() async {
    // 创建包含用户电子邮件的 AuthOptions 对象
    final authOptions = AuthOptions(
        email: "test@example.com",
    );

    // 调用 signIn 方法进行用户登录
    final result = await auth.signIn(authOptions);

    if (result.success!) {
        // 如果成功，提示用户将收到包含认证代码的电子邮件或短信
    } else {
        // 处理错误
    }
}

确认用户（Confirm User）

以下是一个确认用户的示例代码：

void confirmUser() async {
    // 创建包含认证代码的 AuthOptions 对象
    final authOptions = AuthOptions(
        code: "ABC123",
    );

    // 调用 confirmUser 方法确认用户身份
    final result = await auth.confirmUser(authOptions);

    if (result.success!) {
        // 用户已成功认证
    } else {
        // 处理错误
    }
}

安装

在pubspec.yaml文件中添加以下依赖项：

dependencies:
  appstitch_core: ^2.0.0-nullsafety.5
  appstitch_auth: ^1.0.0

运行以下命令以安装依赖项：

flutter pub get

初始化

在应用初始化时，需要配置Core和Auth对象。以下是初始化的示例代码：

import 'package:appstitch_core/options.dart';
import 'package:appstitch_core/core.dart';

// 创建 Core 和 Auth 实例
Core core = Core();
Auth auth = Auth();

[@override](/user/override)
void initState() {
  super.initState();

  // 配置选项并初始化 Core
  final options = Options(appstitchKey, clientID: clientID);
  core.initialize(options);
}

vueper 1楼•14 天前作者

更多关于Flutter身份验证插件appstitch_auth的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

appstitch_auth 是一个用于 Flutter 应用的身份验证插件，它可以帮助开发者快速集成用户身份验证功能。以下是如何使用 appstitch_auth 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 appstitch_auth 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  appstitch_auth: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 初始化插件

在你的 Flutter 应用中初始化 appstitch_auth 插件。通常，你可以在 main.dart 文件中进行初始化：

import 'package:appstitch_auth/appstitch_auth.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化 AppstitchAuth
  await AppstitchAuth.initialize(
    apiKey: 'YOUR_API_KEY',  // 替换为你的 API Key
    projectId: 'YOUR_PROJECT_ID',  // 替换为你的项目 ID
  );

  runApp(MyApp());
}

3. 用户注册

使用 AppstitchAuth 提供的 signUp 方法来注册新用户：

import 'package:appstitch_auth/appstitch_auth.dart';

Future<void> registerUser() async {
  try {
    final user = await AppstitchAuth.signUp(
      email: 'user@example.com',
      password: 'password123',
    );
    print('User registered: ${user.id}');
  } catch (e) {
    print('Error during registration: $e');
  }
}

4. 用户登录

使用 AppstitchAuth 提供的 signIn 方法来登录用户：

import 'package:appstitch_auth/appstitch_auth.dart';

Future<void> loginUser() async {
  try {
    final user = await AppstitchAuth.signIn(
      email: 'user@example.com',
      password: 'password123',
    );
    print('User logged in: ${user.id}');
  } catch (e) {
    print('Error during login: $e');
  }
}

5. 用户注销

使用 AppstitchAuth 提供的 signOut 方法来注销用户：

import 'package:appstitch_auth/appstitch_auth.dart';

Future<void> logoutUser() async {
  try {
    await AppstitchAuth.signOut();
    print('User logged out');
  } catch (e) {
    print('Error during logout: $e');
  }
}

6. 获取当前用户

你可以使用 AppstitchAuth 提供的 currentUser 方法来获取当前登录的用户：

import 'package:appstitch_auth/appstitch_auth.dart';

void getCurrentUser() {
  final user = AppstitchAuth.currentUser;
  if (user != null) {
    print('Current user: ${user.id}');
  } else {
    print('No user is currently logged in');
  }
}

7. 处理身份验证状态

你可以监听身份验证状态的变化，以便在用户登录或注销时更新 UI：

import 'package:appstitch_auth/appstitch_auth.dart';

class AuthStateListener extends StatefulWidget {
  [@override](/user/override)
  _AuthStateListenerState createState() => _AuthStateListenerState();
}

class _AuthStateListenerState extends State<AuthStateListener> {
  [@override](/user/override)
  void initState() {
    super.initState();
    AppstitchAuth.authStateChanges.listen((user) {
      if (user != null) {
        print('User is logged in: ${user.id}');
      } else {
        print('User is logged out');
      }
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container();
  }
}