手把手教你开发基于Webview的IOS APP

开发环境:OS X 10.11+Xcode 8.2.1+Object-C

关于如何部署苹果系统,大家可以买一台苹果电脑,或者百度黑苹果(非法不建议)。

下面是开发步骤:

1. 打开Xcode,这里用的是8.2.1,新建项目,如下图:

手把手教你开发基于Webview的IOS APP_第1张图片

2. 新建一个空白应用,如下图:

手把手教你开发基于Webview的IOS APP_第2张图片

3. 填写项目名称、组织机构,语言选择Objective-C,设备选择iPhone,如下图:

手把手教你开发基于Webview的IOS APP_第3张图片

4. 选择项目存放目录,红色框不要勾选,然后点击“Create”,如下图:

手把手教你开发基于Webview的IOS APP_第4张图片

5. 点击项目下面的ViewController.m,加入红色框的代码,URL改成您的H5网址,如下图:

手把手教你开发基于Webview的IOS APP_第5张图片


    // 1.创建webview,并设置大小,"20"为状态栏高度
    CGFloat width = self.view.frame.size.width;
    CGFloat height = self.view.frame.size.height - 20;
    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 20, width, height)];
    // 2.创建URL
    NSURL *url = [NSURL URLWithString:@"http://oa.mojocube.com/touch/"];
    // 3.创建Request
    NSURLRequest *request =[NSURLRequest requestWithURL:url];
    // 4.加载网页
    [webView loadRequest:request];
    // 5.最后将webView添加到界面
    [self.view addSubview:webView];

6. 点击项目设置>>Info>>Bundle name,修改APP名称,如下图:

手把手教你开发基于Webview的IOS APP_第6张图片

7. 默认用HTTP协议打开是空白的,要修改一下Info.plist,如下图:

手把手教你开发基于Webview的IOS APP_第7张图片

手把手教你开发基于Webview的IOS APP_第8张图片

NSAppTransportSecurity

	NSAllowsArbitraryLoads
	

8. 点击Assets.xcassets,修改APP图标,直接将相应尺寸的图标拖进去就行了,如下图:

手把手教你开发基于Webview的IOS APP_第9张图片

9. 点击Assets.xcassets,设置启动画面,默认是没有启动画面的,需要手动添加,如下图:

手把手教你开发基于Webview的IOS APP_第10张图片

然后需要设置以下两个地方,如下图:

手把手教你开发基于Webview的IOS APP_第11张图片

手把手教你开发基于Webview的IOS APP_第12张图片

如果要自定义启动画面的展示时间,可以设置如下代码,如下图:

手把手教你开发基于Webview的IOS APP_第13张图片

 [NSThread sleepForTimeInterval:3.0];
 [_window makeKeyAndVisible];

10. 快速更改图标和启动画面,可以直接修改下面目录的文件,尺寸如文件名,如下图:

手把手教你开发基于Webview的IOS APP_第14张图片

手把手教你开发基于Webview的IOS APP_第15张图片

11. 编译测试,选择测试的设备,点击运行编译按钮,如下图:

手把手教你开发基于Webview的IOS APP_第16张图片

12. 以上是基于WebView的H5打包原生应用源码,如果要发布成IPA安装文件,需要申请苹果开发者证书。

以上便是开发的整个流程,是不是很简单?

你可能感兴趣的:(IOS)