weex_iOS集成

文章转自： http://www.jianshu.com/p/52f322cfed2d

1、新建项目

1、命令行cd到项目根目录执行 pod init，会创建一个pod配置文件.
2、用编辑器打开，加上 pod 'WeexSDK', :path=>'./sdk/'

86DFA444-916E-450B-937C-2E9E3483724F.png

3、下载最新的weexSDK

20160803161139837.png

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

7B281A19-2B8D-4AE3-A9DE-6A5C5C5FAEF5.png

5、关掉xcode，在当前目录，命令行执行

pod install

0E80C769-9705-4D0F-9239-A53615C0B2E6.png

以后点击xcworkspace文件打开项目.

6、创建一个新目录weex，命令行cd到weex目录，执行weex init，会提示你输入项目名称,自动创建的文件：

02301B87-9FC4-47A2-9A8A-197D71DEF2C9.png

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

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

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

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

加载weex页面

2、项目集成

在AppDelegate.m中

//
//  AppDelegate.m
//  LSWeexOCDemo
//
//  Created by John_LS on 2016/11/11.
//  Copyright © 2016年 John_LS. All rights reserved.
//#import "AppDelegate.h"@interface AppDelegate ()@end@implementation AppDelegate- (void)initWeex{[WXAppConfiguration setAppName:@"LSWeexOCDemo"];[WXAppConfiguration setAppGroup:@"LS"];[WXAppConfiguration setAppVersion:@"1.0.0"];[WXSDKEngine initSDKEnviroment];
}- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {[self initWeex];// Override point for customization after application launch.return YES;
}- (void)applicationWillResignActive:(UIApplication *)application {// Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.// Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
}- (void)applicationDidEnterBackground:(UIApplication *)application {// Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.// If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
}- (void)applicationWillEnterForeground:(UIApplication *)application {// Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
}- (void)applicationDidBecomeActive:(UIApplication *)application {// Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
}- (void)applicationWillTerminate:(UIApplication *)application {// Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
}@end

将要展示js文件放到项目中。

weex视图控制器的初始化

ViewController.m:

//
//  ViewController.m
//  LSWeexOCDemo
//
//  Created by John_LS on 2016/11/11.
//  Copyright © 2016年 John_LS. 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- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view, typically from a nib._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(@"加载完成");};[_instance renderWithURL: [NSURL URLWithString:[NSString stringWithFormat:@"file://%@/hello.js",[NSBundle mainBundle].bundlePath]]];self.view.backgroundColor=[UIColor whiteColor];
}- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}- (void)dealloc
{[_instance destroyInstance];
}
@end

运行展示的效果如图：

66FFEFEB-7F4D-4717-BA04-7ABB6062DD5C.png

上面的demo可以直接运行weex服务器上面的.we文件。

1、在mac上面构建weex环境]
2、创建we文件
以上两步均在前面的Weex的入门中有提到
3、终端中：cd到we文件的目录下，通过终端命令weex -s .架起weex服务器（不要丢掉.）
4、将上面demo中的url换成http://192.168.1.139:8081/list.we,运行可以看到结果。

weex_iOS集成相关推荐

Nignx集成fastDFS后访问Nginx一直在加载中解决
问题描述: Nginx集成fastDFS后,访问Nginx一直在加载中,得不到页面.查看Nginx的错误日志: 可以看到是fastdfs.conf的配置错误,tracker的ip没有修改: fastd ...
Hexo集成Algolia实现搜索功能
2年前搭建的hexo博客好久没有维护了,一看 hexo 以及先前使用 butterfly 主题已经更新好几个版本了,看介绍在速度性能上有了很大的提高,于是打算给 hexo 升个级,整理整理翻翻新.通过 ...
将TVM集成到PyTorch
将TVM集成到PyTorch 随着TVM不断展示出对深度学习执行效率的改进,很明显PyTorch将从直接利用编译器堆栈中受益.PyTorch的主要宗旨是提供无缝且强大的集成,而这不会妨碍用户.PyTo ...
将TVM集成到PyTorch上
将TVM集成到PyTorch上随着TVM不断展示出对深度学习执行效率的改进,很明显PyTorch将从直接利用编译器堆栈中受益.PyTorch的主要宗旨是提供无缝且强大的集成,而这不会妨碍用户.为此, ...
Vitis-AI集成
Vitis-AI集成 Vitis-AI是Xilinx的开发堆栈,用于在Xilinx平台(包括边端设备和Alveo卡)上进行硬件加速的AI推理.它由优化的IP,工具,库,模型和示例设计组成.设计时考虑到 ...
中继TensorRT集成
中继TensorRT集成介绍 NVIDIA TensorRT是用于优化深度学习推理的库.这种集成将使尽可能多的算子从Relay转移到TensorRT,从而无需调整调度,即可在NVIDIA GPU上提 ...
如何在TVM上集成Codegen（下）
如何在TVM上集成Codegen(下) Bring DNNL to TVM: JSON Codegen/Runtime 现在实现将Relay,序列化为JSON表示的DNNL codegen,然后实现D ...
如何在TVM上集成Codegen（上）
如何在TVM上集成Codegen(上) 许多常用的深度学习内核,或者提供DNNL或TensorRT等框架和图形引擎,让用户以某种方式描述模型,从而获得高性能.此外,新兴的深度学习加速器也有自己的编译器 ...
TensorRT宏碁自建云(BYOC, BuildYourOwnCloud)上集成
TensorRT宏碁自建云(BYOC, BuildYourOwnCloud)上集成这个PR增加了对分区.编译和运行TensorRT BYOC目标的支持. Building 有两个新的cmake标志: ...
TVM部署和集成Deploy and Integration
TVM部署和集成Deploy and Integration 本文包含如何将TVM部署到各种平台以及如何将其与项目集成. 与传统的深度学习框架不同.TVM堆栈分为两个主要组件: TVM编译器,完成所有 ...

weex_iOS集成

1、新建项目

2、项目集成

上面的demo可以直接运行weex服务器上面的`.we`文件。

weex_iOS集成相关推荐

最新文章

热门文章

weex_iOS集成

1、新建项目

2、项目集成

上面的demo可以直接运行weex服务器上面的.we文件。

weex_iOS集成相关推荐

最新文章

热门文章

上面的demo可以直接运行weex服务器上面的`.we`文件。