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中写的方法的参数一致,你写错了这个参数就不能成功调用

相关文章

  • Weex 框架 iOS 篇开发日记-Moudle

    由于公司开发新项目使用的Weex 框架,那么关于它的使用方法和如何用的大家自行去参照官方文档 :http://al...

  • Weex文章合集

    网易严选App感受Weex开发(已完结) Weex 是如何在 iOS 客户端上跑起来的 iOS 混合开发 —— weex

  • Weex和React Native的异同

    JS引擎: weex使用安卓V8,iOS使用JSCore, React Native使用JSCore JS开发框架...

  • [个人记录]Weex入坑

    Weex入门 官方文档 文档iOS集成 开发环境配置 安装node 安装weex开发工具 验证 weex-tool...

  • (26)打鸡儿教你Vue.js

    weex框架的使用 1、weex开发入门2、weex开发环境搭建3、掌握部分weex组件模块4、了解一些vue基本...

  • Swift 中的 weex

    weex ios 集成参阅:Weex学习与实践:iOS原理篇 swift集成weex 首先将weexsdk集成到项...

  • weex常见问题解析

    什么是 Weex? Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 Weex 致力于使开发者...

  • weex入门-Write Once, Run Everywher

    什么是 Weex ? Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。 Weex 致力于使开发者...

  • Weex环境搭建

    前言 Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架,并支持iOS、安卓、YunOS及Web等多...

  • Weex框架浅析

    1,Weex 是什么? Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架 ,Weex 致力于使开...

网友评论

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

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

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