![1594482-02ece466dc91d662.png](https://i-blog.csdnimg.cn/blog_migrate/aaba97802c58989c3100f7f4e39b0e6e.webp?x-image-process=image/format,png)
7D1F586E-602B-41FA-8C03-36FBC9F16506.png
本节学习目标
定义一个扫描二维码模块
模块名称 camera
var camera = weex.requireModule('camera')
API
scanCode(callback)
camera.scanCode(res=>{
this.qr = res.data;
})
参数
res.result值为'success'或者fail
res.data 识别出来二维码的值
接下来 我们就定义一个这样的模块
- 第一步
创建一个 类WXCameraModule
![1594482-076a760ea1f1248c.png](https://i-blog.csdnimg.cn/blog_migrate/ac550882c342a23a7c017ea1d2a0dffe.webp?x-image-process=image/format,png)
796C7412-12AA-47F4-9B43-E7736D196296.png
- 第二步 实现协议
@interface WXCameraModule :NSObject<WXModuleProtocol>
只需要在.m文件中实现下面的协议
@synthesize weexInstance;
- 第三步
添加宏WX_EXPORT_METHOD, 它可以被weex识别,它的参数是 JavaScript调用 module指定方法的参数
WX_EXPORT_METHOD(@selector(scanCode:))
实现这个方法
-(void)scanCode:(CallBlock)callback{
XJScanViewController *scanVC= [[XJScanViewController alloc]init];
scanVC.callback = callback;
[self.weexInstance.viewController.navigationController presentViewController:scanVC animated:true completion:nil];
}
注意callback 回调函数的参数可以是 String 或者Map
- 第四步
完成上面的步骤 我们的模块算是定义好了,接下来只需要在注册一下即可在js中调用
WXSDKEngine.registerModule("camera" ,with: WXCameraModule.self)