native给weex页面传值以及Weex调用native方法(iOS端)

本博客迁移来自:http://www.jianshu.com/users/465865c268ed/latest_articles
今天凌晨微信小程序(应用号)对外发送内侧邀请,瞬间在广大前端和移动端界炸开了锅。恩,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

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了,有什么问题可以留言。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值