Flutter功能恢复或资源回收插件reclaim_flutter的使用

使用reclaim_flutter SDK可以在保护用户隐私的前提下，通过零知识证明技术安全地将数据从其他网站导入到您的Flutter应用中。

目录

1. 安装
2. 使用
3. 示例

安装

您可以使用Dart或Flutter将reclaim_flutter添加到您的Flutter项目中。

Dart

在终端运行以下命令：

$ dart pub add reclaim_flutter

Flutter

您也可以使用Flutter来安装该包：

$ flutter pub add reclaim_flutter

运行该命令后，它将在您的pubspec.yaml文件中添加以下内容：

dependencies:
  reclaim_flutter: any

安装完成后，您可以在Dart代码中导入该包：

import 'package:reclaim_flutter/reclaim_flutter.dart';

使用

一旦安装了该包，您就可以在应用程序中开始使用ReclaimHttps和ReclaimSwiggy。

使用Https

以下是使用Https的示例实现：

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

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

// 初始化一个GlobalKey并传递给ReclaimHttps小部件
final httpEqualKey = GlobalKey<ReclaimHttpsState>();

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
          itemCount: 1, // 只有一个项目
          itemBuilder: (BuildContext context, int index) {
            return Center(
              child: ReclaimHttps(
                key: httpEqualKey,
                requestedProofs: [
                  RequestedProof(
                    url: 'https://bookface.ycombinator.com/home',
                    loginUrl: 'https://bookface.ycombinator.com/home',
                    loginCookies: ['_sso.key'],
                    responseSelections: [
                      ResponseSelection(
                        responseMatch: '{&quot;id&quot;:{{YC_USER_ID}},.*?waas_admin.*?:{.*?}.*?:\\{.*?}.*?(?:full_name|first_name).*?}',
                      ),
                    ],
                  ),
                ],
                title: "YC Login",
                subTitle: "Prove you have a YC Login",
                cta: "Prove",
                onStatusChange: (status) => 
                  print('Status changed to : $status'),
                onSuccess: (proofs) {
                  // 做一些事情
                  print('proofs: $proofs');
                },
                onFail: (Exception e) {
                  // 做一些事情
                  print('Error: $e');
                },
                showShell: true,
                shellStyles: BoxDecoration(
                  border: Border.all(color: Colors.red, width: 2.0),
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}

为了在不显示外壳的情况下触发声明创建，可以运行以下代码：

httpEqualKey.currentState?.triggerOpenWebView();

使用Swiggy

以下是使用Swiggy的示例实现：

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

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

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
          itemCount: 1, // 只有一个项目
          itemBuilder: (BuildContext context, int index) {
            return Center(
              child: ReclaimSwiggy(
                requestedProofs: [
                  SwiggyRequestedProof(
                    url: 'https://www.swiggy.com/dapi/order/all?order_id=',
                    loginUrl: 'https://www.swiggy.com/auth',
                    loginCookies: ['_session_tid'],
                  ),
                ],
                title: "Swiggy",
                subTitle: "Prove that you are a swiggy user",
                cta: "Prove",
                onSuccess: (proofs) {
                  // 处理证明
                  print('proofs: $proofs');
                },
                onFail: (Exception e) {
                  // 处理异常
                  print('Error: $e');
                },
              ),
            );
          },
        ),
      ),
    );
  }
}

示例

我们在根目录中包含了一个示例项目以实现Https提供商。您可以在这里找到这个示例。

运行此示例将展示如何在Flutter项目中实现reclaim_flutter。只需克隆仓库，导航到example文件夹，安装依赖项并运行项目即可。

示例代码

以下是main.dart的示例代码：

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

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

// 初始化一个GlobalKey并传递给ReclaimHttps小部件
final httpEqualKey = GlobalKey<ReclaimHttpsState>();

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
          itemCount: 1,
          itemBuilder: (BuildContext context, int index) {
            return Center(
              child: Column(
                children: [
                  ReclaimHttps(
                    key: httpEqualKey,
                    requestedProofs: [
                      RequestedProof(
                        url: 'https://bookface.ycombinator.com/home',
                        loginUrl: 'https://bookface.ycombinator.com/home',
                        loginCookies: ['_sso.key'],
                        responseSelections: [
                          ResponseSelection(
                            responseMatch:
                                '{&quot;id&quot;:{{YC_USER_ID}},.*?waas_admin.*?:{.*?}.*?:\\{.*?}.*?(?:full_name|first_name).*?}',
                          ),
                        ],
                      ),
                    ],
                    title: "YC Login",
                    subTitle: "Prove you have a YC Login",
                    cta: "Prove",
                    onStatusChange: (status) => 
                        print('Status changed to : $status'),
                    onSuccess: (proofs) {
                      // 做一些事情
                      print('proofs: $proofs');
                    },
                    onFail: (Exception e) {
                      // 做一些事情
                      print('Error: $e');
                    },
                    showShell: true,
                    shellStyles: BoxDecoration(
                      border: Border.all(color: Colors.red, width: 2.0),
                    ),
                  ),
                  const SizedBox(height: 20),
                  ElevatedButton(
                    child: const Text('Custom Trigger'),
                    onPressed: () {
                      // 触发器可以从任何地方调用
                      httpEqualKey.currentState?.triggerOpenWebView();
                    },
                  ),
                ],
              ),
            );
          },
        ),
      ),
    );
  }
}