uni-app實現掃碼

 

uni-app在逐步的完善，用這個框架來做app還是挺方便的，由於客戶需求，需要做掃碼的功能，去uni-app的官網上搜了一下，還真有這個功能。

主要用的就是uni.scanCode({})這個函數，直接拿過來用就可以了，但是要注意不能在H5上用，app上用用還是很方便的。

先上圖看看運行結果：

關鍵代碼在這： 

scan1() {
                 let that = this;
                 // 允許從相機和相冊掃碼
                 uni.scanCode({
                     success: function(res) {
                         that.result1 = res.result;
                     }
                 });
             },
             scan2() {
                 let that = this;
                 // 只允許通過相機掃碼
                 uni.scanCode({
                     onlyFromCamera: true,
                     success: function(res) {
                         that.result2 = res.result;
                         console.log('條碼類型：' + res.scanType);
                         console.log('條碼內容：' + res.result);
                     }
                 });
             },
             scan3() {
                 let that = this;
                 // 調起條碼掃描
                 uni.scanCode({
                     scanType: 'barCode',
                     success: function (res) {
                         that.result3 = res.result;
                         console.log('條碼類型：' + res.scanType);
                         console.log('條碼內容：' + res.result);
                     }
                 });
             }

這三個函數我都測試了，可以掃描二維碼，也可以掃條形碼，區別就是能不能從相冊選擇圖片，根據需求選擇其中一個就可以了。 

附上二維碼可以進行掃描測試。掃出來的結果如上，就OK啦。

有任何疑問，歡迎留言交流。