Weex 框架 iOS 篇开发日记-Moudle

作者: Bear_HJ | 来源:发表于2016-08-25 21:11 被阅读1128次

    由于公司开发新项目使用的Weex 框架,那么关于它的使用方法和如何用的大家自行去参照官方文档 :http://alibaba.github.io/weex/doc/advanced/extend-to-ios.html
    由于是6月份开源的 所以目前你在网络上找不到任何资料,这是最头痛的事情。
    以后开发的趋势是将native 扩展组件和moudle,weex这种框架去写业务逻辑,将native与具体业务解耦,所以我在这里主要说一下我最近在使用中遇到的问题。

     */
    
    #import "WXEventModule.h"
    #import "WXDemoViewController.h"
    #import <WeexSDK/WXBaseViewController.h>
    #import "QRCode_ViewController.h"
    #import "WXDemoViewController.h"
    @implementation WXEventModule
    
    @synthesize weexInstance;
    
    WX_EXPORT_METHOD(@selector(openURL:))
    WX_EXPORT_METHOD(@selector(showAlert))
    WX_EXPORT_METHOD(@selector(QRScan:callback:))
    
    
    - (void)openURL:(NSString *)url
    {
        NSString *newURL = url;
        if ([url hasPrefix:@"//"]) {
            newURL = [NSString stringWithFormat:@"http:%@", url];
        } else if (![url hasPrefix:@"http"]) {
            // relative path
            newURL = [NSURL URLWithString:url relativeToURL:weexInstance.scriptURL].absoluteString;
        }
        
        UIViewController *controller = [[WXDemoViewController alloc] init];
        ((WXDemoViewController *)controller).url = [NSURL URLWithString:newURL];
        
        [[weexInstance.viewController navigationController] pushViewController:controller animated:YES];
    }
    -(void)showAlert
    {
        QRCode_ViewController *qrcode =[[QRCode_ViewController alloc]init];
    
        [[weexInstance.viewController navigationController] pushViewController:qrcode animated:YES];
    }
    

    在上面这个部分最重要的是 [[weexInstance.viewController navigationController] pushViewController:qrcode animated:YES]; 这个函数 这里要用过这个weexInstance.viewController 去获取到你在运行的控制器,之前因为没仔细看文档所以就直接按照以前原生的写法实例化控制器,但是当我调用方法的时候,在那个控制器里面无论是用了代理还是通知还是Block 都无法响应我要调用的函数。weexInstance相当于一个盒子讲控制器装在里面了,所以我们要回去到这个控制器的时候一定要这样写。

    <script>
        require('weex-components')
        var event = require('@weex-module/event')
        event.showAlert()
    </script>
    

    以上是.we中实现调用moudle方法

    接下来会随着开发更新自定义组件等阶段挖的坑希望对各位会有帮助

    今天又在写到很Moudle关于CallBack回调给JS的部分此处WXModuleCallback这个官方给的类型中的参数是 id 类型可以根据项目需要传输字符串或者字典。

    - (void)QRScan:(NSString *)url callback:(WXModuleCallback)callback
    {
            
        QRCode_ViewController *qrcode =[[QRCode_ViewController alloc]init];
        [[weexInstance.viewController navigationController] pushViewController:qrcode animated:YES];
        
        /*Block回调,Scan是一个block函数接收二维码扫描成功以后的数据将其回调给JS*/
        qrcode.Scan=^(NSString *data){
            
            callback(@{@"result":data});
            NSLog(@"888888888888888888888%@",data);
         
        };
    }
    

    下面是.we文件中的的调用

    /*这里的方法中function接收Block函数的回调*/
        var event = require('@weex-module/event')
        event.QRScan('yes',function(res){ require('@weex-module/modal').toast({'message': res.result, 'duration': 1}); })
    

    在这里要注意的是这个参数类型一定要与你在Xcode中写的方法的参数一致,你写错了这个参数就不能成功调用

    相关文章

      网友评论

      • PGOne爱吃饺子:楼主,你好我们公司最近也在准备搞weex,看了weex官网的介绍,还是不太明白Moudle这货是干啥用的,可以解释一下否,谢谢
      • 我以前是个包子: :+1:
        fnx:@Bear_HJ 给你点赞的 有一个叫 @我以前是个包子
        Bear_HJ:@fnx ?
        fnx:哈哈哈 你现在是什么?

      本文标题:Weex 框架 iOS 篇开发日记-Moudle

      本文链接:https://www.haomeiwen.com/subject/ekpasttx.html