今天凌晨微信小程序（应用号）对外发送内侧邀请，瞬间在广大前端和移动端界炸开了锅。恩，H5或者说JS的又一个春天来了。
原归正传，这里要说的是在iOS端集成Weex时我们如何给weex页面传值，以及weex页面如何调用iOS的native方法呢？且听我慢慢道来。
其实我这几天一直在寻找native端往weex页面传值的解决方法，只是资料太少，于是乎我去github提Issues:https://github.com/alibaba/weex/issues/1270
（汗，链接居然404，google搜“【PR】请教下iOS 端 native怎么传值到js”吧)
很快得到回复。看了中文文档之后，我大致知道应该使用callback回调:https://github.com/weexteam/article/issues/17
但是按照文档来写之后愣是没成功，于是我又在qq群里提问，老司机说是作用域不一样，要在外部先声明var self = this,像这样:
var self = this
eventModule.openURL('', function(ret){
self.nativeLog(ret)
})
所以接下来就是我的代码了
1:新建WXEventModule类：
#import <Foundation/Foundation.h>
#import <WeexSDK/WXEventModuleProtocol.h>
#import <WeexSDK/WXModuleProtocol.h>
#import <WeexSDK/WXNetworkProtocol.h>
#import <WeexSDK/WXUtility.h>
@interface WXEventModule : NSObject <WXEventModuleProtocol, WXModuleProtocol,WXNetworkProtocol>
- (void)testAction;
@end
#import "WXEventModule.h"
#import "WGWeexTestViewController.h"
#import "WGWeexDemoViewController.h"
#import <WeexSDK/WXBaseViewController.h>
@implementation WXEventModule
@synthesize weexInstance;
//这里记得添加这个宏，这样weex才能识别native的方法
WX_EXPORT_METHOD(@selector(openURL:callback:))
- (void)openURL:(NSString *)url callback:(WXModuleCallback)callback
{
callback(@{@"result":@"1"});
}
@end
2：然后在Appdelegate方法中通过调用 WXSDKEngine 中的 registerModule:withClass方法来注册自己的module
[WXSDKEngine registerModule:@"event" withClass:[WXEventModule class]];
3:在weex中:
这里的 require 里面的event 就是在 上一步调用registerModule: 注册module 时候的name(我就直接复制文档上的原话了-)。
methods: {
updateHandler : function(e){
//千万记得这句（先在外部声明),不能在回调中直接使用this.function(),不然不执行
var self = this;
var eventModule = require('@weex-module/event');
eventModule.openURL('test.js',function(ret) {
//回调执行
self.loadVersionData(ret.result);
});
},
恩，这样就成功了，weex调用原生的方法，然后原生通过callback传参数到weex页面，这里要说明下，callback(data)中这样 data 支持的参数类型可以是 NSDictionary, NSString, NSArray, Int, Float, Bool ，具体可以看Issues:https://github.com/alibaba/weex/issues/866
由于weex刚开源不久，资料比较少，所以解决问题的话还是直接去github上提Issues或者看别人的回答吧（使用百度的朋友请哭吧，百度基本没有任何线索，请google吧）。
由于我是直接在公司项目中用的，本文的demo就不放github了，有什么问题可以留言。
网友评论