Flutter哈希ID生成与解析插件hashids2的使用

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

Flutter哈希ID生成与解析插件hashids2的使用

简介

Hashids2 是一个用于生成YouTube风格哈希值的Dart库。它可以从一个或多个数字生成短小、唯一且可解密的哈希值。该库移植自JavaScript版本的 hashids.js,由Ivan Akimov开发。

特点

  • 唯一性和可解密性:每个哈希都是唯一的,并且可以被解密回原始数值。
  • 支持多个整数:可以将多个整数编码为一个哈希值。
  • 最小长度控制:可以指定生成的哈希值的最小长度。
  • 避免敏感词汇:生成的哈希值不会包含常见的英文脏话,适合公开场合使用。

安装与配置

1. 添加依赖

pubspec.yaml文件中添加hashids2依赖:

dependencies:
  hashids2: ^latest_version # 请确保使用最新版本

然后运行flutter pub get以安装依赖包。

2. 导入包

在需要使用的Dart文件顶部导入hashids2包:

import 'package:hashids2/hashids2.dart';

使用示例

基本用法

编码(加密)

以下代码展示了如何创建一个HashIds实例并使用它来编码一组数字:

void main() {
  // 创建一个HashIds实例,设置盐、最小哈希长度和字母表
  final hashids = HashIds(
    salt: 'this is my salt', // 盐值,用于增加安全性
    minHashLength: 8,        // 设置最小哈希长度
    alphabet: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890', // 自定义字母表
  );

  // 将数字列表编码为哈希字符串
  final id = hashids.encode([1, 2, 3]);
  print('Encoded ID: $id'); // 输出编码后的哈希值
}

解码(解密)

接下来,我们可以使用相同的HashIds实例来解码之前生成的哈希值,恢复原始数字列表:

  // 解码哈希字符串为原始数字列表
  final numbers = hashids.decode(id);
  print('Decoded Numbers: $numbers'); // 输出解码后的数字列表
}

完整示例

下面是一个完整的示例程序,演示了如何在Flutter应用中使用hashids2进行编码和解码操作:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Hashids2 Example')),
        body: Center(child: MyHomePage()),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final hashids = HashIds(
    salt: 'this is my salt',
    minHashLength: 8,
    alphabet: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890',
  );
  String encodedText = '';
  List<int> decodedNumbers = [];

  void encodeNumbers() {
    setState(() {
      encodedText = hashids.encode([1, 2, 3]);
    });
  }

  void decodeText() {
    setState(() {
      decodedNumbers = hashids.decode(encodedText);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        ElevatedButton(
          onPressed: encodeNumbers,
          child: Text('Encode [1, 2, 3]'),
        ),
        SizedBox(height: 20),
        Text('Encoded: $encodedText'),
        SizedBox(height: 20),
        ElevatedButton(
          onPressed: decodeText,
          child: Text('Decode'),
        ),
        SizedBox(height: 20),
        Text('Decoded: ${decodedNumbers.toString()}'),
      ],
    );
  }
}

此示例应用程序提供了一个简单的用户界面,允许用户点击按钮对预设的数字列表进行编码和解码操作,并显示结果。

许可证

Hashids2采用MIT许可证发布,您可以自由地将其应用于开源项目和商业产品中。更多详情请参阅LICENSE文件。


更多关于Flutter哈希ID生成与解析插件hashids2的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter哈希ID生成与解析插件hashids2的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,以下是如何在Flutter中使用hashids2插件来生成和解析哈希ID的示例代码。hashids2是一个流行的库,用于将整数(或整数数组)转换为易于记忆的哈希字符串,并且还可以反向解析这些哈希字符串。

首先,你需要在你的Flutter项目中添加hashids2依赖。在你的pubspec.yaml文件中添加以下依赖:

dependencies:
  flutter:
    sdk: flutter
  hashids2: ^2.0.0  # 请检查最新版本号

然后运行flutter pub get来安装依赖。

接下来是一个完整的示例代码,展示了如何使用hashids2来生成和解析哈希ID:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('HashIDs Example'),
        ),
        body: HashIdsExample(),
      ),
    );
  }
}

class HashIdsExample extends StatefulWidget {
  @override
  _HashIdsExampleState createState() => _HashIdsExampleState();
}

class _HashIdsExampleState extends State<HashIdsExample> {
  String hashedIds = '';
  List<int> originalIds = [1, 23, 456];

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('Original IDs: $originalIds'),
          SizedBox(height: 16),
          ElevatedButton(
            onPressed: () {
              generateHashIds();
            },
            child: Text('Generate Hash IDs'),
          ),
          SizedBox(height: 16),
          Text('Hashed IDs: $hashedIds'),
          SizedBox(height: 16),
          ElevatedButton(
            onPressed: () {
              parseHashIds();
            },
            child: Text('Parse Hash IDs'),
            enabled: hashedIds.isNotEmpty,
          ),
          SizedBox(height: 16),
          Text('Parsed IDs: ${parsedIds.toString()}'),
        ],
      ),
    );
  }

  void generateHashIds() {
    final hashids = Hashids2('mySalt', minLength: 8);
    hashedIds = hashids.encode(originalIds);
    setState(() {});
  }

  List<int> parsedIds = [];

  void parseHashIds() {
    final hashids = Hashids2('mySalt', minLength: 8);
    parsedIds = hashids.decode(hashedIds);
    setState(() {});
  }
}

在这个示例中:

  1. 我们定义了一个MyApp类,它使用MaterialAppScaffold来设置应用的基本结构。
  2. HashIdsExample是一个有状态的组件,它包含生成和解析哈希ID的逻辑。
  3. generateHashIds方法使用Hashids2类生成哈希ID。Hashids2的构造函数接受一个盐值(mySalt),这是一个用于增加哈希唯一性的字符串,以及一个最小长度参数(minLength: 8),它确保生成的哈希字符串至少有8个字符长。
  4. hashedIds变量存储生成的哈希ID。
  5. parseHashIds方法使用相同的Hashids2实例来解析哈希ID,并将解析结果存储在parsedIds列表中。
  6. 界面上有两个按钮,一个用于生成哈希ID,另一个用于解析哈希ID,以及显示原始ID、生成的哈希ID和解析后的ID的文本标签。

请注意,Hashids2的盐值(mySalt)在生成和解析哈希ID时必须保持一致,否则无法正确解析哈希ID。

回到顶部