基于Flutter實現(xiàn)短信驗證碼監(jiān)控與轉發(fā)

更新時間：2025年03月08日 10:35:28 作者：代碼軌跡

這篇文章主要為大家詳細介紹了如何基于Flutter實現(xiàn)短信驗證碼監(jiān)控與轉發(fā)功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下

1. 前言

前段時間，我基于deepseek制作了一個基于小紅書的自動推文生成發(fā)送工作流。然而，先前制作的windows端的工作流到小紅書發(fā)布時顯得異常繁瑣，原先的思路是在手機接收到驗證碼后進入系統(tǒng)進行人為輸入，這顯然太麻煩了。同時，這一問題當部署到linux服務器上時顯得尤為突出，這與自動化的理念顯然有些背道而馳。因此，我決定基于flutter制作一個驗證碼提取轉發(fā)應用，將手機短信驗證碼提取出來，通過http接口轉發(fā)給工作流，從而實現(xiàn)自動化的工作流。

2.開發(fā)環(huán)境

IDE：VSCode
語言：Dart 3.7.0
框架：Flutter 3.29.0

3. 實現(xiàn)思路

3.1 驗證碼提取

flutter中存在大量不錯的第三方短信處理庫，例如flutter_sms_inbox, sms_v2, sms_receiver等，但經(jīng)過測試，許多庫在當前開發(fā)環(huán)境下存在許多問題，因此我最終選擇了sms_advanced庫進行短信處理。

sms_advanced提供了querySms()這樣一個方法，這個方法可以根據(jù)條件進行短信查詢。以下是方法源碼：

/// Query a list of SMS
Future<List<SmsMessage>> querySms({
    int? start,
    int? count,
    String? address,
    int? threadId,
    List<SmsQueryKind> kinds = const [SmsQueryKind.Inbox],
    bool sort = true}) async {
    List<SmsMessage> result = [];
    for (var kind in kinds) {
        result.addAll(await _querySmsWrapper(
        start: start,
        count: count,
        address: address,
        threadId: threadId,
        kind: kind,
    ));
}
if (sort == true) {
    result.sort((a, b) => a.compareTo(b));
}
return (result);
}

可以看到，querySms()方法可以接受多個參數(shù)，其中address參數(shù)可以指定短信發(fā)送者的手機號，kinds參數(shù)默認為SmsQueryKind.Inbox，即從收件箱獲取短信，從而實現(xiàn)短信提取。然后使用正則表達式對短信內容進行匹配，提取出驗證碼。

if (messages.isNotEmpty) {
    // 獲取第一條短信
    SmsMessage firstMessage = messages.first;
    String? messageBody = firstMessage.body;

    // 使用正則表達式匹配驗證碼，假設驗證碼是 6 位數(shù)字
    RegExp regex = RegExp(r'\d{6}');
    Match? match = regex.firstMatch(messageBody!);

    if (match != null) {
        String smsCode = match.group(0)!;
        // 發(fā)送驗證碼到 API
        result = await _sendCodeToAPI(smsCode);
    } else {
        result = '未在短信中找到驗證碼';
    }
} else {
    result = '未找到短信';
}

但后面我發(fā)現(xiàn)小紅書的驗證碼發(fā)送者手機號并非固定，因此我選擇制作一個多條件篩選器。在條件篩選中，我選擇先根據(jù)手機號做一次短信篩選，如果沒有找到，則根據(jù)短信內容做一次篩選，如果還是沒有找到，則返回未找到短信。這樣用戶就可以在僅知道驗證碼發(fā)送應用名稱的情況下，不填寫發(fā)送者手機號，獲取到短信并提取到驗證碼。實現(xiàn)代碼如下：

SmsQuery query = SmsQuery();
List<SmsMessage>? messages = await query.querySms(
    address: _phoneNumber,
    kinds: [SmsQueryKind.Inbox],
); // 獲取收件箱中的短信
if (messages.isEmpty) {
    List<SmsMessage>? messages = await query.querySms(
    kinds: [SmsQueryKind.Inbox],
    ); // 根據(jù)條件二進行查詢
    for (SmsMessage message in messages) {
        if (message.body?.contains(_targetApp) ?? false) {
            final code = _extractCode(message.body);
            if (code != null) {
                return await _sendCodeToAPI(code);
            }
        }
    }
}

3.2 驗證碼轉發(fā)

驗證碼轉發(fā)是將提取到的驗證碼通過http接口轉發(fā)給工作流。這里我選擇使用http庫進行http請求，實現(xiàn)代碼如下：

Future<String?> _sendCodeToAPI(String code) async {
    try {
        final response = await http.post(
            Uri.parse(_apiEndpoint),
            headers: {'Content-Type': 'application/json'},
            body: jsonEncode({'code': code}),
        );
        if (response.statusCode != 200) {
            return ('Failed to send code: ${response.statusCode}');
        } else {
            return 'Successfully Code sent ';
        }
    } catch (e) {
        return ('Error sending code: $e');
    }
}

3.3 線程通信

由于驗證碼提取是一個耗時操作，因此我選擇將其放在一個子線程中執(zhí)行，以避免阻塞主線程。這里我選擇使用flutter的Isolate進行線程通信。同時，為了更新監(jiān)控狀態(tài)并控制監(jiān)控開始和停止，設計了兩個Port，分別是mainpPort和isolatePort。mainpPort用于向接收子線程的監(jiān)控狀態(tài)消息，實現(xiàn)監(jiān)控狀態(tài)的實時更新；isolatePort用于接收主線程發(fā)來的啟停信息，當點擊停止監(jiān)控后，由父線程告知子線程停止作業(yè)。實現(xiàn)代碼如下：

MainPort:

// 在主isolate的接收端口監(jiān)聽中添加狀態(tài)更新
void _initReceivePort() {
_receivePort = ReceivePort();
_receivePort.listen((message) {
    if (message is String) {
    if (message == 'isolate_stopped') {
        // 處理isolate退出通知
        if (mounted) {
        setState(() {
            _isolate = null;
            isMonitoring = false;
            buttonText = '開始監(jiān)控';
        });
        }
    } else {
        setState(() => response = message);
        if(message == 'Successfully Code sent') {
        _stopIsolate();
        }
    }
    } else if (message is SendPort) {
    _isolateSendPort = message;
    }
});
}

IsolatePort:

static void _monitorSmsInBackground(List<dynamic> args) async {
    final rootIsolateToken = args[4] as RootIsolateToken;
    BackgroundIsolateBinaryMessenger.ensureInitialized(rootIsolateToken);

    final apiEndpoint = args[0] as String;
    final targetApp = args[1] as String;
    final phoneNumber = args[2] as String;
    final mainSendPort = args[3] as SendPort;
    final smsHandler = SMSHandler(apiEndpoint, targetApp, phoneNumber);
    final controlPort = ReceivePort();
    mainSendPort.send(controlPort.sendPort);

    final stopCompleter = Completer<void>();
    controlPort.listen((message) {
      if (message == 'stop') {
        stopCompleter.complete();
      }
    });

    try {
      while (!stopCompleter.isCompleted) {
        final value = await smsHandler.initSMSListener().timeout(
          const Duration(seconds: 1),
          onTimeout: () => null,
        );
        print(value);
        mainSendPort.send(value);

        if (stopCompleter.isCompleted) break;
      }
    } finally {
      controlPort.close();
      mainSendPort.send('isolate_stopped'); // 添加退出通知
    }
}

StopIsolate:

// 修改 _stopIsolate 方法，僅發(fā)送停止信號，不強制終止Isolate
void _stopIsolate() {
    if (_isolate != null) {
        _isolateSendPort?.send('stop');
    }
}

4. 總結

總體來說，整體項目還是挺簡單的。主要就是利用flutter的插件進行短信的監(jiān)聽，然后通過正則表達式提取驗證碼，最后通過http接口將驗證碼發(fā)送給工作流。但因為初次學習flutter，許多地方?jīng)]有做詳細的優(yōu)化，僅僅實現(xiàn)了整體功能。工程代碼放在github上，有興趣的可以看看：verify_code_app

到此這篇關于基于Flutter實現(xiàn)短信驗證碼監(jiān)控與轉發(fā)的文章就介紹到這了,更多相關Flutter短信驗證碼內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: