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;
}