1. 背景

??uniapp 中自帶的二維碼掃描的 API 是 uni.scanCode，但有如下問題：

• 二維碼掃描的效率不高，有些需要掃2秒左右
• 較小或模糊的一些二維碼無法識別出來，多次掃同樣的一個碼可能出現掃碼失敗的情況
• 受環境影響大，比如光線暗時識別率低
• 若二維碼中間放置了自定義 logo，有一定概率無法識別到該二維碼

??uniapp 官方文檔也提到：

App的掃碼引擎，使用業內開源的通用掃碼庫，掃碼效率比不過微信、支付寶等商業掃碼庫。

??故推薦使用支付寶掃碼插件：https://ext.dcloud.net.cn/plugin?id=2636

2. 前期準備

2.1 開通阿里云 mPaaS

??登錄阿里云控制臺，在 mPaaS產品頁 中，進入 [開通產品] 頁面，點擊 [立即開通]，按提示步驟進行操作

2.2 創建 mPaaS 應用

??開通后，在 mPaaS 產品頁創建一個 mPaaS 應用（創建步驟）

2.3 配置 config 并下載（以安卓為例）

3. 插件使用步驟

??1、進入 插件頁面，點擊購買插件，選擇插件綁定的項目

??2、在 HBuilderX 里找到項目，在 manifest 的 [app原生插件配置] 中，點擊 [選擇云端插件]，選擇插件并確認

??3、填寫 AppID、WorkspaceID、License，這三個值都可在第二大點 [前期準備] 的 2.3 中下載后得到的 .config 配置文件中查到，用記事本打開該文件進行查看即可

??4、在代碼中引用插件，調用插件功能

var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")mpaasScanModule.mpaasScan({// 掃碼識別類型，參數可多選，qrCode、barCode，不設置，默認識別所有'scanType': ['qrCode','barCode'],// 是否隱藏相冊，默認false不隱藏'hideAlbum': false},(ret) => {uni.showModal({title: "彈窗標題",// 返回值中，resp_code 表示返回結果值，10：用戶取消，11：其他錯誤，1000：成功// 返回值中，resp_message 表示返回結果信息// 返回值中，resp_result 表示掃碼結果（字符串類型），只有成功才會有返回content: JSON.stringify(ret),showCancel: false,confirmText: "確定"}) })

??5、插件只會在 自定義基座 或 正式打包 后生效

總結

以上是生活随笔為你收集整理的【uniapp】使用扫码插件，解决uni.scanCode扫码效率低的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。