Flutter微框架Nylo(十):身份认证

在 Nylo 中,您可以使用内置助手来轻松进行身份验证。

让我们想象一下下面的场景。

  1. 用户使用电子邮件和密码进行注册。
  2. 注册后,为用户创建会话token。
  3. 我们现在希望将会话token存储在用户的设备上以供将来使用。
scss 复制代码
TextEditingController _tfEmail = TextEditingController();
TextEditingController _tfPassword = TextEditingController();

_login() async {
  // 1 - Example register via an API Service
  User? user = await api<AuthApiService>((request) => request.register(email: _tfEmail.text, password: _tfPassword.text));

  // 2 - Returns the users session token
  print(user?.token);

  // 3 - Save the user to Nylo
  await Auth.set(user);
}

现在,用户模型将保存在设备上。

要找回经过身份验证的用户,请使用 Backpack.instance.auth() 。这将返回之前保存的模型。

1. 添加身份验证用户

当用户登录到应用程序时,您可以使用 Auth.set(user) 帮助程序添加他们。

scss 复制代码
_login() async {
  User user = User();

  await Auth.set(user);
} 

2. 检索身份验证用户

如果用户登录到您的应用程序,则可以通过调用 getAuthUser() 来检索该用户。此帮助程序方法将返回存储的模型。

ini 复制代码
_getUser() async {
  User? user = await Auth.user<User>();
  // or
  User? user = Backpack.instance.auth();
}

3. 删除身份验证用户

当用户注销应用程序时,您可以使用 Auth.remove() 帮助程序将其删除。

csharp 复制代码
_logout() async {

  await Auth.remove();
}

现在,用户已注销应用,下次访问应用时不会显示身份验证页面。

4. 身份验证页面

使用 Auth.set(user) 助手存储用户后,您就可以设置一个 "身份验证页面"。您就可以设置一个 "验证页面",这将作为用户打开应用时看到的初始页面。转到您的 routes/router.dart 文件并设置参数 authPage

scss 复制代码
appRouter() => nyRoutes((router) {

  router.route(HomePage.path, (context) => HomePage(title: "Hello World"));

  router.route(ProfilePage.path, (context) => ProfilePage(), authPage: true); // auth page
});

现在,当应用启动时,它将使用身份验证页面而不是默认路由链接。

相关推荐
molihuan3 小时前
最新 spine 4.3 flutter 适配鸿蒙
flutter·动画·harmonyos·鸿蒙·spine
GitLqr4 小时前
StatefulWidget 里的隐形炸弹:为什么不要在 State 类中使用 context.mounted
flutter·面试·dart
恋猫de小郭1 天前
Android R8 为什么可以让 Kotlin 协程提速 2 倍?
android·前端·flutter
杉氧1 天前
弹性滚动的奥秘:在 Flutter 中使用 CustomScrollView 与 Sliver 打造极致流畅列表
android·前端·flutter
张风捷特烈1 天前
Flutter UI 解耦 - 天下大势,合久必分, 分久必合
android·前端·flutter
Patrick_Wilson2 天前
从 React 到 Flutter:写给前端的一张跨端知识地图
前端·flutter·react.js
奎叔2 天前
Flutter 分层架构:从页面堆叠到可演进的业务边界
flutter
奎叔2 天前
Flutter 客户端 Trace 与稳定性治理:从链路追踪到灰度、降级和复盘
flutter
GitLqr2 天前
别被“Flutter 传感器延迟 150ms”带偏了:这可能只是你的实现方式错了
flutter·架构·kotlin
杉氧2 天前
Flutter 像素级还原实战:用 CustomPaint 与 Bezier 曲线手绘精致图针
android·前端·flutter