weex 在ios怎么调用.we文件

Answer 1

　项目初始化1、没有现成的工程的话新建ios项目命令行cd到项目根目录 执行 pod init，会创建一个pod配置文件用编辑器打开，加上 pod 'WeexSDK', :path=>'./sdk/'

　　/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:

　　[objc] view plain copy在CODE上查看代码片派生到我的代码片//// 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;@endViewController.m:

　　[objc] view plain copy在CODE上查看代码片派生到我的代码片//// 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成都软件开发公司http://www.yingtaow.com?chidcd创建导航控制器引入头文件#import "ViewController.h"创建导航视图：

　　[objc] view plain copy在CODE上查看代码片派生到我的代码片- (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配置粘过来使用