Flutter 的加密和解密資料

原文

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'),
                  )
                ],
              )
            ],
          ),
        ),
      ),
    );
 }
}