Flutter集成Fidel SDK插件flutter_fidel_sdk的使用

发布于 1周前 作者 ionicwang 来自 Flutter

Flutter集成Fidel SDK插件flutter_fidel_sdk的使用

Flutter Fidel SDK

一个用于将Fidel SDK集成到Flutter应用中的插件。

平台支持

Android iOS MacOS Web Linux Windows

使用方法

要使用此插件,在pubspec.yaml文件中添加flutter_fidel_sdk作为依赖项。

dependencies:
  flutter_fidel_sdk: ^版本号

示例

可以在以下位置查看示例应用程序:

  • 示例目录:example
  • pub.dev上的“Example”标签页

示例代码

以下是完整的示例代码,展示了如何在Flutter应用中集成和使用flutter_fidel_sdk插件。

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

import 'package:flutter/services.dart';
import 'package:flutter_fidel_sdk/flutter_fidel_sdk.dart'; // 导入插件

void main() {
  runApp(const MyApp()); // 运行主应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key}); // 构造函数

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState(); // 创建状态
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown'; // 初始化平台版本
  final _flutterFidelSdkPlugin = FlutterFidelSdk(); // 初始化插件实例

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

  // 启动Fidel SDK的方法
  Future<void> launchFidelSDK() async {
    _flutterFidelSdkPlugin.apiKey = "<YOUR_API_KEY>"; // 设置API密钥
    _flutterFidelSdkPlugin.programKey = "<PROGRAM_KEY>"; // 设置程序密钥
    _flutterFidelSdkPlugin.programName = "<PROGRAM_NAME>"; // 设置程序名称
    _flutterFidelSdkPlugin.termsAndConditionsURL = "https://fidel.uk"; // 设置条款和条件URL
    _flutterFidelSdkPlugin.customerIdentifier = "<YOUR_CUSTOMER_ID>"; // 设置客户标识符
    _flutterFidelSdkPlugin.allowedCountries = [
      FidelAllowedCountries.unitedStates, // 允许的国家列表
      FidelAllowedCountries.canada
    ];

    // 启动Fidel SDK并处理回调
    _flutterFidelSdkPlugin.launchFidelSDK(
      onCompleted: (data) { // 成功回调
        print(data);
      },
      onUserCancelled: () { // 用户取消回调
        print("User cancelled");
      },
      onFailed: (error) { // 失败回调
        print(error);
      },
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp( // 主应用布局
      home: Scaffold(
        appBar: AppBar( // 应用栏
          title: const Text('FIDEL SDK Example'), // 标题
        ),
        body: Center( // 居中布局
          child: OutlinedButton( // 按钮
            onPressed: () async { // 按钮点击事件
              launchFidelSDK(); // 调用启动方法
            },
            child: const Text('Launch Native Screen'), // 按钮文本
          ),
        ),
      ),
    );
  }
}

更多关于Flutter集成Fidel SDK插件flutter_fidel_sdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter集成Fidel SDK插件flutter_fidel_sdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


要在Flutter项目中集成Fidel SDK插件 flutter_fidel_sdk,你可以按照以下步骤进行操作:

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 flutter_fidel_sdk 依赖:

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

然后运行 flutter pub get 来获取依赖。

2. 初始化Fidel SDK

在你的Flutter应用中初始化Fidel SDK。通常,你可以在 main.dart 文件中进行初始化。

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化Fidel SDK
  await Fidel.initialize(
    apiKey: 'YOUR_API_KEY',  // 替换为你的Fidel API Key
    programId: 'YOUR_PROGRAM_ID',  // 替换为你的Fidel Program ID
    companyName: 'Your Company Name',
    privacyUrl: 'https://yourcompany.com/privacy',
    termsUrl: 'https://yourcompany.com/terms',
    programName: 'Your Program Name',
    deleteInstructions: 'To delete your card, visit our website.',
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Fidel SDK Example',
      home: HomeScreen(),
    );
  }
}

3. 启动Fidel SDK

在你的应用中的某个地方(例如,点击按钮时)启动Fidel SDK以显示卡链接界面。

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

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Fidel SDK Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            // 启动Fidel SDK
            final result = await Fidel.start();
            if (result != null) {
              // 处理结果
              print('Card linked successfully: $result');
            } else {
              print('Card linking cancelled or failed');
            }
          },
          child: Text('Link Card'),
        ),
      ),
    );
  }
}

4. 处理回调

Fidel SDK 提供了回调来处理卡链接成功或失败的情况。你可以在 Fidel.start() 方法中处理这些回调。

5. 配置Android和iOS

确保你的Android和iOS项目已经正确配置。

Android

android/app/build.gradle 文件中,确保 minSdkVersion 至少为 21

android {
    defaultConfig {
        minSdkVersion 21
    }
}

iOS

ios/Podfile 文件中,确保 platform :ios 至少为 11.0

platform :ios, '11.0'

6. 运行应用

完成上述步骤后,你可以运行你的Flutter应用并测试Fidel SDK的集成。

flutter run
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!