共计 5267 个字符,预计需要花费 14 分钟才能阅读完成。
原文
https://medium.com/flutterdev…
参考
- https://pub.flutter-io.cn/pac…
注释
理解如何加密和解密数据在您的 Flutter 应用程序
Flutter 是一个可移植的 UI 工具包。换句话说,它是一个全面的应用软件开发工具包(SDK),包含小部件和工具。Flutter 是一个收费的开源工具,用于开发挪动、桌面和 web 应用程序。Flutter 是一种跨平台的开发工具。这意味着用同样的代码,咱们能够同时创立 IOs 和 Android 应用程序。这是在整个过程中节省时间和资源的最佳形式。在这方面,hot reload 正在取得挪动开发者的反对。容许咱们通过热重装疾速查看在代码中实现的更改。
在本文中,咱们将探讨应用加密包 Flutter 加密和解密数据文件。借助于这个软件包,用户能够轻松地加密和解密数据。那么让咱们开始吧。
加密是将数据转换为编码 (明码) 数据模式的过程。如果任何未经受权的集体或实体取得拜访权限,他们将无奈读取。在发送文件之前,有必要将文件爱护到每个挪动应用程序或网站上,并在网络上传递数据,以避免未经受权的接收者拜访其数据。它有助于爱护公有和敏感信息,并能够进步客户端应用程序和服务器之间通信的安全性。
解密是将已编码的数据从后盾转换为失常 (一般) 数据模式的过程。在这篇文章中,咱们将展现如何加密输出数据,而后将其解密回失常模式。
演示模块:
加密数据类型:
咱们将看到 3 种不同类型的算法加密和解密数据的 Flutter。
1- AES 算法 :
(高级加密规范)曾经成为世界各地政府、金融机构和安全意识强的企业的首选加密算法。美国国家安全局 (NSC) 应用它来爱护国家的“最高秘密”信息。
2- Fernet 算法:
Fernet 是一种非对称加密办法,它能够确保加密的音讯在没有密钥的状况下不能被操纵 / 读取。它对密钥应用 url 平安编码。Fernet 还在 CBC 模式和 PKCS7 填充中应用 128 位 AES,HMAC 应用 SHA256 进行身份验证。这个 IV 是由 os 创立的。随机()。所有这些都是好的软件所须要的。
3- Salsa 算法 :
Salsa20 是提交给 eSTREAM 我的项目的一个明码,运行工夫从 2004 年到 2008 年,该我的项目旨在促成流明码的倒退。该算法被认为是一种设计良好的高效算法。目前还没有任何针对 Salsa20 明码家族的已知无效攻打。
代码步骤:
让咱们从代码实现开始。要实现以下我的项目,你须要集成到您的 Flutter 应用程序的加密包。
第一步: 增加依赖项
将依赖项增加到 pubspec ー yaml 文件。
-
encrypt: ^ 5.0.1
当初在你的 Dart 代码中,你能够应用以下导入这个包。
import 'package:crypto/crypto.dart';
步骤 2: 我创立了一个 dart 文件来定义 AES、Fernet 和 Salsa 算法。
这个文件有两种办法,用 AES 算法加密和解密数据。
class EncryptData{
_//for AES Algorithms_ static Encrypted? _encrypted_;
static var _decrypted_;
static _encryptAES_(plainText){final key = Key.fromUtf8('my 32 length key................');
final iv = IV.fromLength(16);
final encrypter = Encrypter(AES(key));
_encrypted_ = encrypter.encrypt(plainText, iv: iv);
print(_encrypted_!.base64);
}
static _decryptAES_(plainText){final key = Key.fromUtf8('my 32 length key................');
final iv = IV.fromLength(16);
final encrypter = Encrypter(AES(key));
_decrypted_ = encrypter.decrypt(_encrypted_!, iv: iv);
print(_decrypted_);
}
}
这个文件有 2 个办法加密和解密数据应用萨尔萨算法。
_//for Fernet Algorithms
_static Encrypted? _fernetEncrypted_;
static var _fernetDecrypted_; static _encryptFernet_(plainText){final key = Key.fromUtf8('my32lengthsupersecretnooneknows1');
final iv = IV.fromLength(16);
final b64key = Key.fromUtf8(base64Url.encode(key.bytes));
final fernet = Fernet(b64key);
final encrypter = Encrypter(fernet);
_fernetEncrypted_ = encrypter.encrypt(plainText);
print(_fernetEncrypted_!.base64); _// random cipher text_ print(fernet.extractTimestamp(_fernetEncrypted_!.bytes));
}
static _decryptFernet_(plainText){final key = Key.fromUtf8('my32lengthsupersecretnooneknows1');
final iv = IV.fromLength(16);
final b64key = Key.fromUtf8(base64Url.encode(key.bytes));
final fernet = Fernet(b64key);
final encrypter = Encrypter(fernet);
_fernetDecrypted_ = encrypter.decrypt(_fernetEncrypted_!);
print(_fernetDecrypted_);
}
步骤 3: 当初终于在主屏幕 Dart 文件中调用下面的办法。
在这个文件中,我曾经设计了一个卡,1 个文本字段和 2 个按钮,2 个文本视图显示加密和解密的后果。上面是截图和代码片段。
全副代码:
import 'package:encrypt_data_demo/encrypt_data.dart';
import 'package:flutter/material.dart';
class HomeView extends StatefulWidget {
@override
_HomeViewState createState() => _HomeViewState();
}
class _HomeViewState extends State<HomeView> {TextEditingController? _controller=TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors._orange_,
appBar: AppBar(title: Text("Encrypt and Decrypt Data"),
),
body: SingleChildScrollView(
child: Container(margin: EdgeInsets.only(top:10,bottom: 10),
child: _buildBody(),),
),
);
}
Widget _buildBody() {
return Container(
height: 280,
width: MediaQuery._of_(context).size.width,
margin: EdgeInsets.only(left: 10,right: 10),
child: Card(
elevation: 2,
child: Container(
padding: EdgeInsets.only(left: 15,right: 15,top:
15,bottom: 15),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
child: TextField(
controller: _controller,
decoration: InputDecoration(border: OutlineInputBorder(),
hintText: 'Enter Text',
),
),
),
SizedBox(height: 30),
Text("EncryptText : ${EncryptData._aesEncrypted_!=null?EncryptData._aesEncrypted_?.base64:''}",
maxLines: 2,
style:TextStyle(
color: Colors._black_,
fontSize: 16
),
overflow: TextOverflow.ellipsis,
),
SizedBox(height: 10,),
Expanded(child: Text("DecryptText : ${EncryptData._aesDecrypted_!=null?EncryptData._aesDecrypted_:''}",
maxLines: 2,
overflow: TextOverflow.ellipsis,
style:TextStyle(
color: Colors._black_,
fontSize: 16
)
),
),
SizedBox(height: 20,),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ElevatedButton(
style: ElevatedButton._styleFrom_(primary: Colors._blue_, _// background_ onPrimary: Colors._white_,),
onPressed: () {setState(() {EncryptData._encryptAES_(_controller!.text);
});
},
child: Text('Encryption'),
),
ElevatedButton(
style: ElevatedButton._styleFrom_(primary: Colors._blue_, _// background_ onPrimary: Colors._white_,),
onPressed: () {setState(() {EncryptData._decryptAES_(_controller!.text);
});
},
child: Text('Decryption'),
)
],
)
],
),
),
),
);
}
}
结束语:
在本文中,我解释了 Flutter 加密数据的根本详情,您能够依据本人的抉择批改这段代码。这是一个小的介绍加密和解密数据的用户交互从我这边,它的工作应用 Flutter。
我心愿这个博客将提供您尝试在您的 Flutter 我的项目的摸索,加密和解密数据短缺的信息。
© 猫哥
- https://ducafecat.tech/
- https://github.com/ducafecat
- 微信群 ducafecat
- b 站 https://space.bilibili.com/40…
往期
开源
GetX Quick Start
https://github.com/ducafecat/…
新闻客户端
https://github.com/ducafecat/…
strapi 手册译文
https://getstrapi.cn
微信探讨群 ducafecat
系列汇合
译文
https://ducafecat.tech/catego…
开源我的项目
https://ducafecat.tech/catego…
Dart 编程语言根底
https://space.bilibili.com/40…
Flutter 零根底入门
https://space.bilibili.com/40…
Flutter 实战从零开始 新闻客户端
https://space.bilibili.com/40…
Flutter 组件开发
https://space.bilibili.com/40…
Flutter Bloc
https://space.bilibili.com/40…
Flutter Getx4
https://space.bilibili.com/40…
Docker Yapi
https://space.bilibili.com/40…