2. 程式人生 > >Android | 教你如何在安卓上實現通用卡證識別，一鍵各種卡繫結

Android | 教你如何在安卓上實現通用卡證識別，一鍵各種卡繫結

阿新 • • 發佈：2020-04-22

目錄
  • 前言
  • 通用卡證識別的應用場景
  • 如何使用通用卡證識別服務
  • 整合通用卡證識別服務的關鍵流程
  • 開發實戰
    • 1 開發準備
      • 1.1 在專案級gradle裡新增華為maven倉
      • 1.2 在應用級的build.gradle裡面加上SDK依賴
      • 1.3 配置混淆指令碼
      • 1.4 在AndroidManifest.xml檔案裡面申請相機和儲存許可權
    • 2 程式碼開發
      • 2.1 啟動卡證識別
    • 2.2 對識別後的內容做後處理，進行關鍵資訊提取
  • Demo 效果
  • github 原始碼

前言

  華為HMS MLKit提供的服務越來越多了，上期給大家介紹了銀行卡識別的功能，從上期的介紹中我們可以瞭解到使用專用的銀行卡識別介面，幾行程式碼就可以完成銀行卡卡號的識別，那麼有的小夥伴可能會問，我想識別的卡不是銀行卡，會員卡可以識別嗎，或者某一類證件號識別？也沒有問題~但因為不同商家的卡號位置，版面樣式各異，所以無法像銀行卡識別那樣使用專用的銀行卡識別API，這個時候我們可以選用通用卡證識別的能力，通用卡證識別可以給大家提供一個標準的通用卡證對準框，大家只需要拉起這個對準框，就可以獲取對準框內識別到的卡證全部內容，這個時候再針對這些內容按照一定的規則做關鍵資訊提取，即可獲取到自己想要的內容，比如連續的8位數字即為卡號，或者在某些特殊字母后的內容即為卡號內容。

通用卡證識別的應用場景

  通用卡證識別，顧名思義，是各種卡證的識別，能識別的範圍很廣，常用的應用場景：

  • 旅遊綁證
    旅遊類APP需要對身份證等資訊進行繫結，用於購票、酒店預訂等場景，通過對此類證件進行拍照自動識別，可以避免手動輸入證件號容易出錯的問題。

  • 購物綁卡
    購物類APP，通過拍照識別快速繫結會員卡、購物卡、打折卡。

銀行卡、中國二代身份證號碼識別雖然可以也可以使用通用卡證識別來完成，但推薦使用華為ML Kit的專有的銀行卡識別、身份證識別的API，專有卡證識別針對銀行卡、身份證識別做了特別的優化，準確率更高，可以直接返回處理好以後的卡號資料，小編後續可以詳細介紹下專有卡證和通用卡證識別的區別。

如何使用通用卡證識別服務


  給大家畫了個簡單的流程圖，可以看到只需要把圖片、拍照、視訊流傳給ML Kit，即可獲取到對應的識別內容，針對識別內容做一定後處理即可提取出要識別的卡證號內容。

整合通用卡證識別服務的關鍵流程


  可以看到開發流程也非常的簡單，只需要啟動卡證識別Activity,獲取Activity識別到的內容，然後對內容做簡單後處理提取關鍵資訊就可以完成程式碼開發了。

核心提示，端側能力全免費，全終端覆蓋！非華為手機也可以使用

開發實戰

  本次的開發實戰中實現了對港澳通行證、回鄉證、香港居民身份證的處理，大傢伙可參考實現。

1 開發準備

詳細的準備步驟可以參考華為開發者聯盟：
https://developer.huawei.com/consumer/cn/doc/development/HMS-Guides/ml-process-4

這裡列舉關鍵的開發步驟。

1.1 在專案級gradle裡新增華為maven倉

  開啟AndroidStudio專案級build.gradle檔案，增量新增如下maven地址：

buildscript {
    repositories {        
        maven {url 'http://developer.huawei.com/repo/'}
    }    }allprojects {
    repositories {       
        maven { url 'http://developer.huawei.com/repo/'}
    }}

1.2 在應用級的build.gradle裡面加上SDK依賴

dependencies{  
  // 引入基礎SDK 
  implementation 'com.huawei.hms:ml-computer-vision-ocr:1.0.3.300' 
  // 引入拉丁語文字識別模型包 
  implementation 'com.huawei.hms:ml-computer-vision-ocr-latin-model:1.0.3.300' 
  // 引入銀行卡識別plugin包 
  implementation 'com.huawei.hms:ml-computer-card-gcr-plugin:1.0.3.300' }

  將以下語句新增到AndroidManifest.xml檔案中：

<manifest 
    ... 
    <meta-data              
        android:name="com.huawei.hms.ml.DEPENDENCY"   
        android:value= "ocr"/> 
    ... </manifest>

1.3 配置混淆指令碼

按照官網操作指導來就行了：
https://developer.huawei.com/consumer/cn/doc/development/HMS-Guides/ml-configuringobfuscation-scripts-4

1.4 在AndroidManifest.xml檔案裡面申請相機和儲存許可權

都是些基本操作，廢話也不多說，按照官網指導來操作：
https://developer.huawei.com/consumer/cn/doc/development/HMS-Guides/ml-assigning-permissions-4

2 程式碼開發

2.1 啟動卡證識別

@Override 
public void onClick(View v) { 
    switch (v.getId()) { 
        // 相簿圖片檢測按鈕。 
        case R.id.detect_picture: 
            this.startLocalImageActivity(cardImage, null, callback); 
            break; 
        // 視訊流檢測按鈕。 
        case R.id.detect_video: 
            this.startCaptureActivity(null, callback); 
            break; 
        // 拍照檢測按鈕。 
        case R.id.detect_take_photo: 
            this.startTakePhotoActivity(null, callback); 
            break; 
        default: 
            break; 
        } }

視訊流識別

private void startCaptureActivity(Object object, MLGcrCapture.Callback callback) { 
    // 建立通用卡證識別配置器。 
    MLGcrCaptureConfig cardConfig = new MLGcrCaptureConfig.Factory().create(); 
    // 建立通用卡證識別介面配置器。 
    MLGcrCaptureUIConfig uiConfig = new MLGcrCaptureUIConfig.Factory()        
        // 設定掃描框顏色。 
        .setScanBoxCornerColor(Color.GREEN) 
        // 設定掃描框中的提示文字，建議少於30個字元。 
        .setTipText("Recognizing, align edges") 
        // 設定識別介面橫豎屏，支援三種模式： 
        // MLGcrCaptureUIConfig.ORIENTATION_AUTO:自動模式，由物理感應器決定顯示方向。 
        // MLGcrCaptureUIConfig.ORIENTATION_LANDSCAPE:橫屏模式。 
        // MLGcrCaptureUIConfig.ORIENTATION_PORTRAIT:豎屏模式。 
        .setOrientation(MLGcrCaptureUIConfig.ORIENTATION_AUTO) 
        .create(); 
    // 方式一：根據自定義的卡證識別介面配置器，建立通用卡證識別處理器。 
    MLGcrCapture ocrManager = MLGcrCaptureFactory.getInstance().getGcrCapture(cardConfig, uiConfig); 
    // 方式二：使用預設介面，建立通用卡證識別處理器。 
    MLGcrCapture ocrManager = MLGcrCaptureFactory.getInstance().getGcrCapture(cardConfig); 
    // 繫結通用卡證識別處理器和處理結果回撥函式。 
    ocrManager.capturePreview(this, object, callback); }

拍照識別

private void startTakePhotoActivity(Object object, MLGcrCapture.Callback callback) { 
    // 建立通用卡證識別配置器。 
    MLGcrCaptureConfig cardConfig = new MLGcrCaptureConfig.Factory().create(); 
    // 建立通用卡證識別介面配置器。 
    MLGcrCaptureUIConfig uiConfig = new MLGcrCaptureUIConfig.Factory() 
        // 設定掃描框顏色。 
        .setScanBoxCornerColor(Color.BLUE) 
        // 設定掃描框中的提示文字，建議少於30個字元。 
        .setTipText("Taking picture, align edges") 
        // 設定介面橫豎屏，支援三種模式： 
        // MLGcrCaptureUIConfig.ORIENTATION_AUTO:自動模式，由物理感應器決定顯示方向。 
        // MLGcrCaptureUIConfig.ORIENTATION_LANDSCAPE:橫屏模式。 
        // MLGcrCaptureUIConfig.ORIENTATION_PORTRAIT:豎屏模式。 
        .setOrientation(MLGcrCaptureUIConfig.ORIENTATION_AUTO) 
        .create(); 
    // 方式一：根據自定義的卡證識別介面配置器，建立通用卡證識別處理器。 
    MLGcrCapture ocrManager = MLGcrCaptureFactory.getInstance().getGcrCapture(cardConfig, uiConfig); 
    // 方式二：使用預設介面，建立通用卡證識別處理器。 
    MLGcrCapture ocrManager = MLGcrCaptureFactory.getInstance().getGcrCapture(cardConfig); 
    // 繫結通用卡證識別處理器和處理結果回撥函式。 
    ocrManager.capturePhoto(this, object, callback); }

相簿圖片識別

private void startLocalImageActivity(Bitmap bitmap, Object object, MLGcrCapture.Callback callback) { 
    // 建立通用卡證識別配置器。 
    MLGcrCaptureConfig config = new MLGcrCaptureConfig.Factory().create(); 
    MLGcrCapture ocrManager = MLGcrCaptureFactory.getInstance().getGcrCapture(config); 
    // bitmap 為需要識別的Bitmap型別卡證影象，支援的圖片格式包括：jpg/jpeg/png/bmp。 
    ocrManager.captureImage(bitmap, object, callback); }

2.2 對識別後的內容做後處理，進行關鍵資訊提取

  過載onResult， onCanceled， onFailure， onDenied四個方法；onResult表示返回了結果，MLGcrCaptureResult為卡證識別返回的結果，onCanceled 表示使用者取消，onFailure 表示識別失敗，onDenied 表示相機不可用等場景。

private MLGcrCapture.Callback callback = new MLGcrCapture.Callback() {
        @Override
        public int onResult(MLGcrCaptureResult result, Object object) {
            Log.i(TAG, "callback onRecSuccess");
            if (result == null) {
                Log.e(TAG, "callback onRecSuccess result is null");
                return MLGcrCaptureResult.CAPTURE_CONTINUE;
            }

            GeneralCardProcessor idCard = null;
            GeneralCardResult cardResult = null;
            /*港澳臺通行證處理*/            
            if (cardTypeEnum == CardType.PASSCARD) {
                idCard = new PassCardProcessor(result.text);
            /*香港身份證處理*/
            } else if (cardTypeEnum == CardType.HKIDCARD) {
                idCard = new HKIdCardProcessor(result.text);
            /*回鄉證處理*/
            } else if (cardTypeEnum == CardType.COMEHOMECARD) {
                idCard = new HomeCardProcessor(result.text);
            }
            if (idCard != null) {
                /*獲取處理後的結果*/
                cardResult = idCard.getResult();
            }

            showFrontImage(result.cardBitmap);
            displayResult(cardResult);

            // If the results don't match
            if (cardResult == null || cardResult.valid.isEmpty() || cardResult.number.isEmpty()) {
                return MLGcrCaptureResult.CAPTURE_CONTINUE;
            }

            displayResult(cardResult);
            return MLGcrCaptureResult.CAPTURE_STOP;
        }       
    };}   
};

  具體的卡號提取處理邏輯可以通過重寫GeneralCardProcessor 類中的getResult()方法來完成，以港澳臺通行證舉例，更加詳細的處理可以看github上的原始碼：

public class PassCardProcessor implements GeneralCardProcessor {
    private static final String TAG = "PassCardProcessor";

    private final MLText text;

    public PassCardProcessor(MLText text) {
        this.text = text;
    }
    @Override
    public GeneralCardResult getResult() {
        List<MLText.Block> blocks = text.getBlocks();
        if (blocks.isEmpty()) {
            Log.i(TAG, "Result blocks is empty");
            return null;
        }
        ArrayList<BlockItem> originItems = getOriginItems(blocks);
        String valid = "";
        String number = "";
        boolean validFlag = false;
        boolean numberFlag = false;
        for (BlockItem item : originItems) {
            String tempStr = item.text;
            if (!validFlag) {
                String result = tryGetValidDate(tempStr);
                if (!result.isEmpty()) {
                    valid = result;
                    validFlag = true;
                }
            }
            if (!numberFlag) {
                String result = tryGetCardNumber(tempStr);
                if (!result.isEmpty()) {
                    number = result;
                    numberFlag = true;
                }
            }
        }        
        return new GeneralCardResult(valid, number);
    } }

Demo 效果

看下Demo效果如何，是不是還不錯！

github 原始碼

原始碼已經上傳github，大家也可以在github上一起完善該功能。
github原始碼地址：https://github.com/HMS-MLKit/HUAWEI-HMS-MLKit-Sample

通用卡證識別demo程式碼路徑：
MLKit-Sample\module-text\src\main\java\com\mlkit\sample\activity\GeneralCardRecognitionActivity.java

更詳細的開發指南參考華為開發者聯盟官網
華為開發者聯盟機器學習服務開發指南

往期連結：Android | 教你如何在安卓上實現二代身份證識別，一鍵實名認證
內容來源：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0201226181206630022&fid=18
原作者：AI_talk

相關推薦

Android | 教你如何在安卓上實現通用卡證識別，一鍵各種卡繫結

目錄前言通用卡證識別的應用場景如何使用通用卡證識別服務整合通用卡證識別服務的關鍵流程開發實戰1 開發準備1.1 在專案級gradle裡新增華為maven倉1.2 在應用級的build.gradle裡面加上SDK依賴1.3 配置混淆指令碼1.4 在AndroidManifest.xml檔案裡面申請相機和儲存許可

Android | 教你如何在安卓上實現二代身份證識別，一鍵實名認證

@目錄前言場景開發前準備android studio 安裝在專案級gradle裡新增華為maven倉在應用級的build.gradle裡面加上SDK依賴在AndroidManifest.xml檔案裡面增量新增模型自動下載在AndroidManifest.xml檔案裡面申請相機、訪問網路和儲存許可權程式碼開發關

手把手教你安卓入門（一）

部落格 學院 下載 GitChat 論壇 寫部落格 發Chat

無極哥教你三種微信爆粉的方法，一天加滿5000好友

直接 數據傳輸 騰訊 用戶數據 規則 時間 服務器 之前 href 2018年，朋友圈或各種社交場合總時不時冒出“某某做微信爆粉，一天加滿5000好友”的說法。這確實是存在的，但嚴重違規。突破每日添加好友數量上限的雙向爆粉，必須使用修改微信底層協議的第三方軟件才能實現。今天

安卓圖片壓縮處理的終極方法，適用於各種機型

//直接呼叫getimage,引數為：路徑、寬、高 public static Bitmap getimage(String pathName, int reqWidth, int reqHeight) { final BitmapFactory.Options option

Android適配安卓6.0藍芽通訊實現過程

實現需要的許可權：由於安卓4.x版以上的版本使用藍芽，需要開啟定位許可權才能搜尋到附近的藍芽裝置 1 2 3 4 五 <uses-permission android:name="android.permission.BLUETOOTH"/>

java後臺加安卓端實現頭像上傳功能

1、手機上傳壓縮後的圖片到伺服器2、後臺接收到圖片進行圖片重新命名、儲存後臺程式碼package service;import java.io.File;import java.io.IOException;import java.util.List;import javax

Android教你如何一步步打造通用介面卡

前言 在Android開發中ListView是最為常用的控制元件之一，基本每個應用都會涉及到它，要使用ListView列表展示，就不可避免地涉及到另外一個東西——Adapter,我們都知道，Adapt

Android | 教你如何用程式碼一鍵實現銀行卡繫結

前言   小編前面幾期文章分別給大家介紹了用程式碼實現微笑抓拍、證件照DIY、拍照翻譯的功能開發（連結見文章末尾），本次小編給大家帶來的是用程式碼一鍵實現銀行卡識別與繫結功能。 銀行卡識別的應用場景   介紹開發步驟前，我們先來談談銀行卡識別的具體應用場景，銀行APP、移動支付、繳費類APP、電商類AP

如何不打開android stadio 啟動安卓模擬器

準備 vdma lis avd lan 麻煩 list https 開始 在開始準備開發RN時想在android手機上看看效果，於是下載了android studio 每次調試時都要先打開android studio略顯麻煩在往上找到了解決方案 在android sdk目錄

如何解決安卓上按鈕文字偏上的問題

方法 ica line eight splay flex -s font div 原css: a { height: 30px; line-height: 30px; font-size: 14px; text-align: center;

安卓Toast實現

改變世界 上下文 span () bsp pan string nco toa 代碼改變世界 Toast實現顯示 // 第一個參數：當前的上下文環境。可用getApplicationContext()或this // 第二個參數：要顯示的字符串。也可是R.string中字

Eclipse+ADT+Android SDK 搭建安卓開發環境（轉）

新的 參考 語言 找到 rep 64位 add androi 安卓開發環境 要求 必備知識 windows 7 基本操作。 運行環境 windows 7(64位); eclipse-jee-luna-SR2-win32(32位);ADT-23.0.4 下

Android Relative Layout 安卓相對布局詳解

沒有 horizon 水平 gravity 邊界線 w3c 水平居中 ntb ole 思維導圖可在幕布找到 1. 基礎 如果在相對布局裏，控件沒有指明相對位置，則默認都是在相對布局的左上角： <TextView android:layout_width=

手把手教你怎麽上Pinterest

營銷 int oss 技術分享 watermark facebook alt 全球 奇跡 Pinterest采用的是瀑布流的形式展現圖片內容，無需用戶翻頁，新的圖片不斷自動加載在頁面底端，讓用戶不斷的發現新的圖片。Pinterest堪稱圖片版的Twitter，網民可以將感興

安卓上文字垂直居中解決方案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1

Oboe，安卓上的低延遲音訊應用開發庫

谷歌已經釋出了第一個生產就緒的Oboe版本。Oboe是一個C++庫，它用來構建在99%的安卓裝置上都有著最低可能延遲的高效能音訊應用。 需要構建音樂類遊戲，音訊應用等的開發者通常不得不處理延遲問題。Oboe的目標是通過提供一個簡單的與安卓API 16+（Jelly Bean）版本相容的API來解決這些延遲問

教你在myEclipse上配置Tomcat

1.        在Tomcat官網上下載Tomcat，推薦下載Tomcat 7版本的壓縮包，解壓可直接使用。    2.       在My

安卓上傳安卓市場的時候提示應用圖示和上傳的圖示不一致

首先跟大家介紹一下應用圖示和上傳圖示的區別 應用圖示是你的應用包安裝後，顯示出的應用圖示，而上傳圖示是上傳到安卓市場的圖示，如果你在專案中沒有設定對應的應用圖示，則安裝到手機後，顯示的則是預設的安卓符號，不要忘記在對應程式碼中設定哦 1、AndroidManifest中appli

讀過的android相關文章 安卓開發者必備的42個連結

1. https://blog.csdn.net/Zou_pl/article/details/73743974   　　Android 獲取外接儲存的裝置路徑（如掛載的U盤） 2.  https://blog.csdn.net/kartorz/artic