uni-app 调用摄像头扫码

uni-app 是一种基于 Vue.js 开发的跨平台应用框架，它允许开发者编写一次代码，生成兼容 iOS、Android、Web 等多种平台的应用。在 uni-app 中，调用设备的摄像头进行扫码功能需要利用其提供的原生 API，通过 H5 的 `navigator.mediaDevices.getUserMedia` 接口获取访问权限，并结合各平台特定的 SDK 实现扫描功能。

以下是基本步骤：

1. **权限请求**：首先，你需要在项目的 app.json 文件中声明所需的权限，如相机权限：

   "permissions": {
     "scope.camera": true
   }

2. **获取用户授权**：

   uni.getUserMedia({
     camera: 'camera', // 或者 video 指定音频或视频权限
     toUrl: true, // 返回文件路径，用于拍照或扫码
     success (res) {
       // 成功获取媒体流，可以开始扫描操作
       let mediaStream = res.video;
     },
     error (err) {
       console.error('Failed to get access:', err);
     }
   });

3. **调用扫码插件**：
uni-app 提供了一些预装的插件，比如 vant-weapp 的扫码组件，可以在 Vue 组件中导入并使用：

   <van-barcode v-model="barcodeResult" :source-type="SourceType.Camera" />

在对应的 Vue 实例中处理扫码结果：

   data() {
     return {
       barcodeResult: '',
       SourceType: {
         Camera: 'image/camera',
         PhotoLibrary: 'image/library'
       }
     };
   },
   methods: {
     scanCode() {
       this.barcodeResult = '';
       this.$refs.barcode.scan();
     }
   }

4. **处理扫码结果**：
当扫码成功，`this.barcodeResult` 将包含扫码到的信息，你可以在这里做进一步的处理。