文档章节

Weex IOS初始化项目

Billydotzhang
 Billydotzhang
发布于 2016/12/08 13:36
字数 587
阅读 162
收藏 1

项目初始化

1、没有现成的工程的话新建iOS项目

命令行cd到项目根目录 执行 pod init,会创建一个pod配置文件

用编辑器打开,加上 pod 'WeexSDK', :path=>'./sdk/'

下载最新的weexSDK https://github.com/alibaba/weex

在ios目录下有个sdk文件夹,把它复制到ios项目根目录,和podFile里配置的路径一致

关掉xcode,在当前目录,命令行执行pod install,

现在项目目录变成了这样,以后点击xcworkspace文件打开项目

创建一个新目录weex,命令行cd到weex目录,执行weex init,会提示你输入项目名称

自动创建的文件:

在当前目录命令行执行npm install,安装依赖库

创建一个文件夹js,命令行执行weex src -o js生成最终需要的js文件

也可以weex src/main.we在浏览器预览

或者weex src/main.we --qr 生成二维码,用playground App 扫描预览

加载weex页面

xcode打开workspace项目文件

打开AppDelegate.m添加一下内容

将之前创建的js文件夹拖到xcode工程的文件列表

效果是这样的

weex视图控制器的初始化

ViewController.h:

//  
//  ViewController.h  
//  weexDemo3  
//  
//  Created by admin on 16/8/3.  
//  Copyright © 2016年 admin. All rights reserved.  
//  
  
#import <UIKit/UIKit.h>  
  
@interface ViewController : UIViewController  
- (instancetype)initWithJs:(NSString *)filePath;  
@end  

 

ViewController.m:

//  
//  ViewController.m  
//  weexDemo3  
//  
//  Created by admin on 16/8/3.  
//  Copyright © 2016年 admin. All rights reserved.  
//  
  
#import "ViewController.h"  
#import <WeexSDK/WXSDKInstance.h>  
  
@interface ViewController ()  
@property (nonatomic, strong) WXSDKInstance *instance;  
@property (nonatomic, strong) UIView *weexView;  
@end  
  
@implementation ViewController{  
    NSURL *jsUrl;  
}  
  
- (instancetype)initWithJs:(NSString *)filePath  
{  
    self = [super init];  
    if (self) {  
        //远程js文件  
//        NSString *path=[NSString stringWithFormat:@"http://192.168.232.13:8080/examples/js/%@",filePath];  
        //本地js文件  
                NSString *path=[NSString stringWithFormat:@"file://%@/js/%@",[NSBundle mainBundle].bundlePath,filePath];  
        NSLog(@"-----path:%@",path);  
        jsUrl=[NSURL URLWithString:path];  
    }  
    return self;  
}  
  
- (void)viewDidLoad {  
    [super viewDidLoad];  
    _instance = [[WXSDKInstance alloc] init];  
    _instance.viewController = self;  
    _instance.frame=self.view.frame;  
    __weak typeof(self) weakSelf = self;  
    _instance.onCreate = ^(UIView *view) {  
        [weakSelf.weexView removeFromSuperview];  
        weakSelf.weexView = view;  
        [weakSelf.view addSubview:weakSelf.weexView];  
    };  
    _instance.onFailed = ^(NSError *error) {  
        NSLog(@"加载错误");  
    };  
      
    _instance.renderFinish = ^ (UIView *view) {  
        NSLog(@"加载完成");  
    };  
    if (!jsUrl) {  
        return;  
    }  
    [_instance renderWithURL: jsUrl];  
    self.view.backgroundColor=[UIColor whiteColor];  
}  
  
- (void)didReceiveMemoryWarning {  
    [super didReceiveMemoryWarning];  
    // Dispose of any resources that can be recreated.  
}  
  
- (void)dealloc  
{  
    [_instance destroyInstance];  
}  
  
@end  

 

再打开AppDelegate.m创建导航控制器

 

引入头文件

#import "ViewController.h"

创建导航视图:

 

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {  
    //weex  
    [self initWeex];  
    ViewController *vc=[[ViewController alloc]initWithJs:@"main.js"];  
    UINavigationController *nav=[[UINavigationController alloc]initWithRootViewController:vc];  
    self.window.rootViewController=nav;  
    return YES;  
}  


运行

 

图片不显示是因为图片加载需要自己创建模块,可以直接把demo的代码和pod配置粘过来使用

© 著作权归作者所有

共有 人打赏支持
Billydotzhang
粉丝 8
博文 44
码字总数 20582
作品 0
崇明
「大前端」Weex在达人店的一年实践

Weex在达人店的一年实践 本文来自尚妆移动端团队路飞 发表于尚妆github博客,欢迎订阅! 尚妆达人店接入weex也一年的时间了,在此期间,也陆陆续续出了一些文章: 「Android」 详细全面的基于...

尚妆产品技术刊读
2017/12/08
0
0
【AR】开始使用Vuforia开发iOS(2)

原 设置iOS开发环境 安装Vuforia iOS SDK 如何安装Vuforia iOS示例 编译并运行Vuforia iOS示例 支持iOS金属 iOS 64位迁移 设置iOS开发环境 适用于iOS的Vuforia引擎目前支持运行iOS 9及更高版...

lichong951
06/11
0
0
如何在CocoaPods中添加自定义的库

CocoaPods命令介绍 在 上一篇文章 中,已经介绍过CocoaPods的几条基本命令。 pod setup 用于初始化本地第三方库的Spec描述文件,所有的spec文件存都存放在 ~/.cocoapods 目录中。 pod instal...

泊竹
2013/12/09
0
0
weex,react native,flutter

weex: 一次编写,处处运行 RN: 学一次,到处写(针对安卓,IOS平台特性 各自写,会有很大一部分是一样的代码) 这些方案是否真正的解决了跨平台问题呢?从目前的状况来看,很显然是没有的,因...

东东笔记
06/25
0
0
(转)直接拿来用!最火的iOS开源项目(二)

“每一次的改变总意味着新的开始。”这句话用在iOS上可谓是再合适不过的了。GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x到如今的iOS 7,有的项目...

孙启超
2013/06/21
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Zookeeper总结

Zookeeper的部分概念 什么是zookeeeper? Zookeeper是一个分布式服务的协调中心 zookeeper节点的角色类型? Leader(领导者)、Follower(跟随者)、Observer(观察者) Leader 负责更新系统...

DemonsI
12分钟前
0
0
Redis学习笔记

常用命令 从Docker进入Redis的命令 sudo docker exec -it redis /bin/bash

OSC_fly
13分钟前
0
0
SqlServer查询某个日期的数据

select * from View_ZJMONITORINGCORROSION where ENTERDATE > CONVERT(datetime,DATEADD(day,1,'2017/12/28 14:53:07'))...

笑丶笑
14分钟前
0
0
常用编码规范

Standard characters https://ascii.cl/

yeahlife
16分钟前
0
0
flannel实战

docker swarm mode的出现是个里程碑,官方原生的编排调度看起来都成雏形了,但是swarm mode和容器外部系统的对接、网络性能始终不尽人意,swarm mode下各种开源周边不能使用,感觉swarm mod...

China_OS
18分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部