android和iOS中打包html5

目前有一个项目想使用html5实现业务逻辑，同时发布成android和iOS 移动app，这个涉及到如何将这些html、图片、js打包进app并在webview中装载html。下面是具体细节：

一、android打包html5

      将html相关的代码拷贝到assets目录下，如下图所示：

     

  那么如何使用呢？如下所示即可访问index.html,使用WebView打开即可。

   private String url = "file:///android_asset/www/index.html";

二、iOS打包html5

    将html相关的代码拷贝到一个目录（如www）,然后将该目录重命名为www.bundle，并拖放到xcode工程中。如下图所示：

    

    如何使用这个呢？如下所示代码可以访问index.html:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
    
    NSString  *bundlePath = [[ NSBundle   mainBundle ]. resourcePath   stringByAppendingPathComponent : @"www.bundle" ];
    NSBundle  *bundle = [ NSBundle   bundleWithPath :bundlePath];
    NSString* path = [bundle pathForResource:@"index" ofType:@"html"];
    
    ZZQWebViewController *webView = [[ZZQWebViewController alloc]init];
    webView.url = path;
    webView.htmlStr = @"";
    webView.title = @"";
    
    self.window.rootViewController = webView;
    [self.window makeKeyAndVisible];
    
    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
    
    return YES;
}