Flutter安全服务插件secqure_flutter_sdk的使用

本文档将介绍如何在Flutter应用中使用secqure_flutter_sdk插件。该插件允许用户通过电子邮件或短信进行无密码登录，从而提高用户体验和安全性。

特性

• 无密码登录：用户可以通过电子邮件或短信直接登录，无需输入密码。
• 自定义品牌化：您可以根据自己的需求定制登录界面。

开始使用

要开始使用secqure_flutter_sdk插件，首先需要在您的项目中添加依赖项。打开pubspec.yaml文件并添加以下内容：

dependencies:
  secqure_flutter_sdk: ^版本号

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

flutter pub get

使用方法

示例代码

以下是一个完整的示例，展示如何在Flutter应用中集成secqure_flutter_sdk插件。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:secqure_flutter_sdk/secqure_flutter_sdk.dart';

void main() {
  runApp(const MaterialApp(
    title: 'Navigation Basics',
    home: FirstRoute(),
  ));
}

class FirstRoute extends StatelessWidget {
  const FirstRoute({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('First Route'),
        backgroundColor: Colors.pink,
      ),
      body: Center(
        child: ElevatedButton(
          style: ElevatedButton.styleFrom(
            primary: Colors.pink, // 背景颜色
            onPrimary: Colors.white, // 文本颜色
          ),
          child: const Text('Sign in'), // 登录按钮文本
          onPressed: () {
            Navigator.push(
              context,
              // 替换为从仪表板获取的实际API密钥和秘密密钥
                MaterialPageRoute(builder: (context) => const SecqureAuth(keyId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX', secretId: 'XXXXXXXXXX')),
            );
          },
        ),
      ),
    );
  }
}

代码说明

1. 导入必要的包：

   import 'package:flutter/material.dart';
   import 'package:flutter/services.dart';
   import 'package:secqure_flutter_sdk/secqure_flutter_sdk.dart';
   

2. 主应用入口：

   void main() {
     runApp(const MaterialApp(
       title: 'Navigation Basics',
       home: FirstRoute(),
     ));
   }
   

3. 登录页面：

   class FirstRoute extends StatelessWidget {
     const FirstRoute({Key? key}) : super(key: key);
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text('First Route'),
           backgroundColor: Colors.pink,
         ),
         body: Center(
           child: ElevatedButton(
             style: ElevatedButton.styleFrom(
               primary: Colors.pink, // 背景颜色
               onPrimary: Colors.white, // 文本颜色
             ),
             child: const Text('Sign in'), // 登录按钮文本
             onPressed: () {
               Navigator.push(
                 context,
                 // 替换为从仪表板获取的实际API密钥和秘密密钥
                   MaterialPageRoute(builder: (context) => const SecqureAuth(keyId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX', secretId: 'XXXXXXXXXX')),
               );
             },
           ),
         ),
       );
     }
   }