Flutter安全存储插件walletconnect_secure_storage的使用

Flutter安全存储插件walletconnect_secure_storage的使用

简介

walletconnect_secure_storage 是一个用于与 walletconnect_dart 一起使用的会话存储插件，它通过 flutter_secure_storage 安全地存储 WalletConnect 会话。WalletConnect 是一个开源协议，允许去中心化应用程序（DApps）通过扫描二维码或深度链接连接到移动钱包。用户可以通过移动设备安全地与 DApp 交互，相比桌面或浏览器扩展钱包，WalletConnect 钱包更安全。

插件安装

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

dependencies:
  walletconnect_secure_storage: ^1.0.0
  walletconnect_dart: ^1.0.0
  flutter_secure_storage: ^7.0.0

使用示例

下面是一个完整的 Flutter 示例代码，展示了如何使用 walletconnect_secure_storage 插件来创建和管理 WalletConnect 会话。

import 'package:flutter/material.dart';
import 'package:qr_flutter/qr_flutter.dart';
import 'package:walletconnect_dart/walletconnect_dart.dart';
import 'package:walletconnect_secure_storage/walletconnect_secure_storage.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'WalletConnect Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'WalletConnect Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 创建会话存储
  late WalletConnect connector;
  final sessionStorage = WalletConnectSecureStorage();

  String _displayUri = '';
  String _account = '';

  void _changeDisplayUri(String uri) {
    setState(() {
      _displayUri = uri;
    });
  }

  Future<void> createSession() async {
    // 创建新会话
    if (!connector.connected) {
      final session = await connector.createSession(
        chainId: 4160, // 根据需要更改链ID
        onDisplayUri: (uri) => _changeDisplayUri(uri),
      );

      print('Connected: $session');
    }
  }

  Future<void> initWalletConnect() async {
    // 获取已保存的会话
    final session = await sessionStorage.getSession();

    // 创建 WalletConnect 连接器
    connector = WalletConnect(
      bridge: 'https://bridge.walletconnect.org', // 桥接服务器URL
      session: session,
      sessionStorage: sessionStorage,
      clientMeta: const PeerMeta(
        name: 'WalletConnect', // 应用名称
        description: 'WalletConnect Developer App', // 应用描述
        url: 'https://walletconnect.org', // 应用URL
        icons: [
          'https://gblobscdn.gitbook.com/spaces%2F-LJJeCjcLrr53DcT1Ml7%2Favatar.png?alt=media' // 应用图标
        ],
      ),
    );

    // 设置账户信息
    setState(() {
      _account = session?.accounts.first ?? '';
    });

    // 注册连接事件监听器
    connector.registerListeners(
      onConnect: (status) {
        setState(() {
          _account = status.accounts[0];
        });
      },
    );
  }

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        children: [
          Center(
            child: _displayUri.isNotEmpty
                ? QrImage(
                    data: _displayUri, // 显示二维码
                    version: QrVersions.auto,
                    size: 200.0,
                  )
                : Container(),
          ),
          ElevatedButton(
            child: const Text('Sign transaction'), // 签名交易按钮
            onPressed: () async {
              // 这里可以添加签名交易的逻辑
              // 例如：获取建议的交易参数、构建交易、签名并发送
            },
          ),
          ElevatedButton(
            child: const Text('Kill session'), // 结束会话按钮
            onPressed: () async {
              await connector.killSession(); // 结束当前会话
            },
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          await createSession(); // 创建新会话
        },
        tooltip: 'Connect', // 连接按钮
        child: const Icon(Icons.add),
      ),
    );
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
    connector.killSession(); // 清理会话
  }
}