Flutter单点登录插件flutter_sso_sdk的使用

Flutter单点登录插件flutter_sso_sdk的使用

在Flutter项目中集成“Flutter SSO SDK”以支持Android和iOS平台，请按照以下步骤操作：

Step 1: 在pubspec.yaml文件中添加依赖并更新

在pubspec.yaml文件中添加插件依赖，并点击“get pub”按钮来更新依赖。

# 添加 flutter_sso_sdk 插件依赖
dependencies:
  flutter_sso_sdk: ^1.0.1

Step 2: 创建“assets”文件夹并添加私钥

在项目根目录下创建一个名为“assets”的文件夹，并在其中创建一个子文件夹“privateKey”，将您的private_key文件放入该文件夹中。

在pubspec.yaml文件中配置资源路径，以便加载private_key文件：

# 配置 assets 路径
assets:
  - assets/privateKey/private_key

保存后运行以下命令以确保资源被正确加载：

flutter pub get

Step 3: 编写启动Flutter SSO SDK的代码

在需要启动单点登录的地方编写以下代码：

import 'package:flutter/material.dart';
import 'dart:convert'; // 导入用于 JSON 编码的库

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoginScreen(),
    );
  }
}

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

class _LoginScreenState extends State<LoginScreen> {
  void _startSingleSignOn(BuildContext context) async {
    // 初始化 BaseURL 和私钥路径
    EdugorillaSSO.initializeBaseUrl("https://your-portal-url.com", 'assets/privateKey/private_key');

    // 构建用户信息对象
    Map<String, dynamic> userInfo = {
      'name': "张三", // 用户姓名
      'email': "zhangsan@example.com", // 用户邮箱
      'mobile': "1234567890", // 用户手机号（不超过10位）
    };

    // 将用户信息转换为 JSON 字符串
    String userInfoJson = json.encode(userInfo);

    // 启动加密后的 WebView 并打开登录页面
    EdugorillaSSO.encryptUrlAndOpenWebView(context, userInfoJson.toString(), "/");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter SSO 示例'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () => _startSingleSignOn(context),
          child: Text('开始单点登录'),
        ),
      ),
    );
  }
}

注意事项

1. BaseURL：请根据实际项目需求替换https://your-portal-url.com为真实的单点登录门户地址。
2. 私钥路径：确保private_key文件已正确放置在assets/privateKey/目录下，并在pubspec.yaml中正确配置了资源路径。
3. 手机号长度：手机号字段不能超过10位数字，请根据实际情况调整。

完整示例代码

以下是完整的代码示例：

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoginScreen(),
    );
  }
}

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

class _LoginScreenState extends State<LoginScreen> {
  void _startSingleSignOn(BuildContext context) async {
    // 初始化 BaseURL 和私钥路径
    EdugorillaSSO.initializeBaseUrl("https://your-portal-url.com", 'assets/privateKey/private_key');

    // 构建用户信息对象
    Map<String, dynamic> userInfo = {
      'name': "张三", // 用户姓名
      'email': "zhangsan@example.com", // 用户邮箱
      'mobile': "1234567890", // 用户手机号（不超过10位）
    };

    // 将用户信息转换为 JSON 字符串
    String userInfoJson = json.encode(userInfo);

    // 启动加密后的 WebView 并打开登录页面
    EdugorillaSSO.encryptUrlAndOpenWebView(context, userInfoJson.toString(), "/");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter SSO 示例'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () => _startSingleSignOn(context),
          child: Text('开始单点登录'),
        ),
      ),
    );
  }
}