1 year, 7 months ago

使用Swift和Web从零开始开发并上架一个iOS应用

一直都计划开发一个iOS及Android应用,作为一个框架,内嵌web页面来实现一些简单的功能。理论上市面上有很多hybrid的方案,但一来它们对我而言有些臃肿,二来也想通过这样一个过程学习一下移动App开发的流程。

总体上而言这样的方案对于一些web能实现的功能来说,相当于一次简单的封装,免于通过浏览器访问的麻烦,同时也可以离线访问,对我个人来讲,也降低了移动App开发的门槛,毕竟相对来说web才是我的强项。

废话少说,从零开始。说是从零开始,这里默认web页面功能已经实现好。这里以一个井字棋游戏为例来说明一下。

1、打开Xcode,新建一个项目,选择Single View Application,输入项目名称及工程目录,开始iOS应用开发:
 http://ww4.sinaimg.cn/large/7f4697f7jw1f7voqeehn9j211y0ldth9.jpg
 http://ww1.sinaimg.cn/large/7f4697f7jw1f7voqp3fqdj20l80fc407.jpg
 http://ww4.sinaimg.cn/large/7f4697f7jw1f7vosjjmmtj20l80fcmyg.jpg

2、了解iOS工程的代码结构,如下图所示:
 http://ww1.sinaimg.cn/large/7f4697f7jw1f7vovc4bshj21520m4q8j.jpg

具体每个文件的作用暂时还未深究,待后续进一步学习。
根据目前的场景需要,只需了解其中ViewController.swift是主要业务逻辑,Info.plist是应用名称、套餐ID等属性配置。

注意代码目录下的tg.html和jquery.min.js是我加进去的本地web文件,用以实现主要功能。

3、用WebView实现web页面内嵌,主要在ViewController中的viewDidLoad下完成,直接上代码(其实也是范同学帮忙完成的😄):

        let webView = UIWebView();
        webView.frame = self.view.frame;
        self.view.addSubview(webView);    //在主view上添加WebView实例
        let openurl = URL(fileURLWithPath:Bundle.main.path(forResource: "tg", ofType:"html")!);    //内嵌本地网页
        //let openurl = URL(string: "http://hulu.im/")!;    //内嵌外部url
        let request = URLRequest(url: openurl);
        webView.loadRequest(request);    //加载页面
        webView.delegate = self;

4、使用模拟器调试:
 http://ww4.sinaimg.cn/large/7f4697f7jw1f7vpsrxisnj20yi1pcmyl.jpg

以上是App开发阶段,下面简单介绍下上架的流程。
首先得准备一个开发者账号。

1、登录 https://itunesconnect.apple.com ,进入“我的App”,打开新建App界面,根据提示注册一个套装ID:
 http://ww3.sinaimg.cn/large/7f4697f7jw1f7vpy94utqj20ct0f6wf5.jpg

2、使用刚注册的套装ID,继续完成新建App;

3、回到Xcode,进入Xcode - Preferences - Accounts,添加登陆开发者账号;

4、选择工程,填写应用名称和套装ID等信息,与前面步骤中注册的保持一致:
 http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq39xor1j21520m4q7p.jpg
 http://ww1.sinaimg.cn/large/7f4697f7jw1f7vq59gfc3j21520m4wk3.jpg
 http://ww2.sinaimg.cn/large/7f4697f7jw1f7vq5twod0j214a0lc0xg.jpg

这里几个地方的标识信息有些绕,一时也没完全搞懂,尝试了多次才成功。

5、选择工程,进入General - App Icons and Launch Images,点击App Icon Source后面的箭头,进入图标管理界面:
 http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq9j7ownj21520m442u.jpg

这里需要制作不同尺寸的图标,注意尺寸一定要正确,并且需要png格式。制作完成后逐个拖放到对应的方框里面,完成后可以再次调试一下,没问题的话可以进入下一步应用打包了。

6、选择构建设备为Generic iOS Device:
 http://ww1.sinaimg.cn/large/7f4697f7jw1f7vqdhfycqj208l0c5wf4.jpg

7、选择工程,进入Product - Archive进行应用打包,完成后按提示把应用上传到App Store:
 http://ww2.sinaimg.cn/large/7f4697f7jw1f7vqjgihalj20xc0i1q56.jpg

8、上传成功后,在 https://itunesconnect.apple.com 中设置App信息和价格,并选择上传的构建版本提交审核:
 http://ww3.sinaimg.cn/large/7f4697f7jw1f7vqma8od1j20yf0ebmyl.jpg

这里要注意的是提交审核需要上传应用截图,iPhone和iPad各至少一张,可以使用模拟器获取。

至此,基本流程大概包括这些,过程比较笼统,另外审核过程中的问题待进一步补充。

1 year, 7 months ago

https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1155368352

一次通过,意外中的惊喜😄

1 year, 7 months ago

发现一个排序问题

1 year, 7 months ago

随机出现?

1 year, 7 months ago

Meta ordering是个好东西,完美解决排序问题。

1 month, 1 week ago

使用Swift和Web从零开始开发并上架一个iOS应用

一直都计划开发一个iOS及Android应用,作为一个框架,内嵌web页面来实现一些简单的功能。理论上市面上有很多hybrid的方案,但一来它们对我而言有些臃肿,二来也想通过这样一个过程学习一下移动App开发的流程。

总体上而言这样的方案对于一些web能实现的功能来说,相当于一次简单的封装,免于通过浏览器访问的麻烦,同时也可以离线访问,对我个人来讲,也降低了移动App开发的门槛,毕竟相对来说web才是我的强项。

废话少说,从零开始。说是从零开始,这里默认web页面功能已经实现好。这里以一个井字棋游戏为例来说明一下。

1、打开Xcode,新建一个项目,选择Single View Application,输入项目名称及工程目录,开始iOS应用开发:
 <img src="http://ww4.sinaimg.cn/large/7f4697f7jw1f7voqeehn9j211y0ldth9.jpg">
 <img src="http://ww1.sinaimg.cn/large/7f4697f7jw1f7voqp3fqdj20l80fc407.jpg">
 <img src="http://ww4.sinaimg.cn/large/7f4697f7jw1f7vosjjmmtj20l80fcmyg.jpg">

2、了解iOS工程的代码结构,如下图所示:
 <img src="http://ww1.sinaimg.cn/large/7f4697f7jw1f7vovc4bshj21520m4q8j.jpg">

具体每个文件的作用暂时还未深究,待后续进一步学习。
根据目前的场景需要,只需了解其中ViewController.swift是主要业务逻辑,Info.plist是应用名称、套餐ID等属性配置。

注意代码目录下的tg.html和jquery.min.js是我加进去的本地web文件,用以实现主要功能。

3、用WebView实现web页面内嵌,主要在ViewController中的viewDidLoad下完成,直接上代码(其实也是范同学帮忙完成的😄):

        let webView = UIWebView();
        webView.frame = self.view.frame;
        self.view.addSubview(webView);    //在主view上添加WebView实例
        let openurl = URL(fileURLWithPath:Bundle.main.path(forResource: "tg", ofType:"html")!);    //内嵌本地网页
        //let openurl = URL(string: "<a href="http://hulu.im/" )!;"="" target="blank">http://hulu.im/")!;</a>    //内嵌外部url
        let request = URLRequest(url: openurl);
        webView.loadRequest(request);    //加载页面
        webView.delegate = self;

4、使用模拟器调试:
 <img src="http://ww4.sinaimg.cn/large/7f4697f7jw1f7vpsrxisnj20yi1pcmyl.jpg">

以上是App开发阶段,下面简单介绍下上架的流程。
首先得准备一个开发者账号。

1、登录 <a href="https://itunesconnect.apple.com" target="blank">https://itunesconnect.apple.com</a> ,进入“我的App”,打开新建App界面,根据提示注册一个套装ID:
 <img src="http://ww3.sinaimg.cn/large/7f4697f7jw1f7vpy94utqj20ct0f6wf5.jpg">

2、使用刚注册的套装ID,继续完成新建App;

3、回到Xcode,进入Xcode - Preferences - Accounts,添加登陆开发者账号;

4、选择工程,填写应用名称和套装ID等信息,与前面步骤中注册的保持一致:
 <img src="http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq39xor1j21520m4q7p.jpg">
 <img src="http://ww1.sinaimg.cn/large/7f4697f7jw1f7vq59gfc3j21520m4wk3.jpg">
 <img src="http://ww2.sinaimg.cn/large/7f4697f7jw1f7vq5twod0j214a0lc0xg.jpg">

这里几个地方的标识信息有些绕,一时也没完全搞懂,尝试了多次才成功。

5、选择工程,进入General - App Icons and Launch Images,点击App Icon Source后面的箭头,进入图标管理界面:
 <img src="http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq9j7ownj21520m442u.jpg">

这里需要制作不同尺寸的图标,注意尺寸一定要正确,并且需要png格式。制作完成后逐个拖放到对应的方框里面,完成后可以再次调试一下,没问题的话可以进入下一步应用打包了。

6、选择构建设备为Generic iOS Device:
 <img src="http://ww1.sinaimg.cn/large/7f4697f7jw1f7vqdhfycqj208l0c5wf4.jpg">

7、选择工程,进入Product - Archive进行应用打包,完成后按提示把应用上传到App Store:
 <img src="http://ww2.sinaimg.cn/large/7f4697f7jw1f7vqjgihalj20xc0i1q56.jpg">

8、上传成功后,在 <a href="https://itunesconnect.apple.com" target="blank">https://itunesconnect.apple.com</a> 中设置App信息和价格,并选择上传的构建版本提交审核:
 <img src="http://ww3.sinaimg.cn/large/7f4697f7jw1f7vqma8od1j20yf0ebmyl.jpg">

这里要注意的是提交审核需要上传应用截图,iPhone和iPad各至少一张,可以使用模拟器获取。

至此,基本流程大概包括这些,过程比较笼统,另外审核过程中的问题待进一步补充。

1 month, 1 week ago

使用Swift和Web从零开始开发并上架一个iOS应用

一直都计划开发一个iOS及Android应用,作为一个框架,内嵌web页面来实现一些简单的功能。理论上市面上有很多hybrid的方案,但一来它们对我而言有些臃肿,二来也想通过这样一个过程学习一下移动App开发的流程。

总体上而言这样的方案对于一些web能实现的功能来说,相当于一次简单的封装,免于通过浏览器访问的麻烦,同时也可以离线访问,对我个人来讲,也降低了移动App开发的门槛,毕竟相对来说web才是我的强项。

废话少说,从零开始。说是从零开始,这里默认web页面功能已经实现好。这里以一个井字棋游戏为例来说明一下。

1、打开Xcode,新建一个项目,选择Single View Application,输入项目名称及工程目录,开始iOS应用开发:
http://ww4.sinaimg.cn/large/7f4697f7jw1f7voqeehn9j211y0ldth9.jpg
http://ww1.sinaimg.cn/large/7f4697f7jw1f7voqp3fqdj20l80fc407.jpg
http://ww4.sinaimg.cn/large/7f4697f7jw1f7vosjjmmtj20l80fcmyg.jpg

2、了解iOS工程的代码结构,如下图所示:
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vovc4bshj21520m4q8j.jpg

具体每个文件的作用暂时还未深究,待后续进一步学习。
根据目前的场景需要,只需了解其中ViewController.swift是主要业务逻辑,Info.plist是应用名称、套餐ID等属性配置。

注意代码目录下的tg.html和jquery.min.js是我加进去的本地web文件,用以实现主要功能。

3、用WebView实现web页面内嵌,主要在ViewController中的viewDidLoad下完成,直接上代码(其实也是范同学帮忙完成的😄):

        let webView = UIWebView();
        webView.frame = self.view.frame;
        self.view.addSubview(webView);    //在主view上添加WebView实例
        let openurl = URL(fileURLWithPath:Bundle.main.path(forResource: "tg", ofType:"html")!);    //内嵌本地网页
        //let openurl = URL(string: "<a href="http://hulu.im/" )!;"="" target="blank">http://hulu.im/")!;</a>    //内嵌外部url
        let request = URLRequest(url: openurl);
        webView.loadRequest(request);    //加载页面
        webView.delegate = self;

4、使用模拟器调试:
http://ww4.sinaimg.cn/large/7f4697f7jw1f7vpsrxisnj20yi1pcmyl.jpg

以上是App开发阶段,下面简单介绍下上架的流程。
首先得准备一个开发者账号。

1、登录 <a href="https://itunesconnect.apple.com" target="blank">https://itunesconnect.apple.com</a> ,进入“我的App”,打开新建App界面,根据提示注册一个套装ID:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vpy94utqj20ct0f6wf5.jpg

2、使用刚注册的套装ID,继续完成新建App;

3、回到Xcode,进入Xcode - Preferences - Accounts,添加登陆开发者账号;

4、选择工程,填写应用名称和套装ID等信息,与前面步骤中注册的保持一致:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq39xor1j21520m4q7p.jpg
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vq59gfc3j21520m4wk3.jpg
http://ww2.sinaimg.cn/large/7f4697f7jw1f7vq5twod0j214a0lc0xg.jpg

这里几个地方的标识信息有些绕,一时也没完全搞懂,尝试了多次才成功。

5、选择工程,进入General - App Icons and Launch Images,点击App Icon Source后面的箭头,进入图标管理界面:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq9j7ownj21520m442u.jpg

这里需要制作不同尺寸的图标,注意尺寸一定要正确,并且需要png格式。制作完成后逐个拖放到对应的方框里面,完成后可以再次调试一下,没问题的话可以进入下一步应用打包了。

6、选择构建设备为Generic iOS Device:
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vqdhfycqj208l0c5wf4.jpg

7、选择工程,进入Product - Archive进行应用打包,完成后按提示把应用上传到App Store:
http://ww2.sinaimg.cn/large/7f4697f7jw1f7vqjgihalj20xc0i1q56.jpg

8、上传成功后,在 <a href="https://itunesconnect.apple.com" target="blank">https://itunesconnect.apple.com</a> 中设置App信息和价格,并选择上传的构建版本提交审核:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vqma8od1j20yf0ebmyl.jpg

这里要注意的是提交审核需要上传应用截图,iPhone和iPad各至少一张,可以使用模拟器获取。

至此,基本流程大概包括这些,过程比较笼统,另外审核过程中的问题待进一步补充。

1 month, 1 week ago

一直都计划开发一个iOS及Android应用,作为一个框架,内嵌web页面来实现一些简单的功能。理论上市面上有很多hybrid的方案,但一来它们对我而言有些臃肿,二来也想通过这样一个过程学习一下移动App开发的流程。

总体上而言这样的方案对于一些web能实现的功能来说,相当于一次简单的封装,免于通过浏览器访问的麻烦,同时也可以离线访问,对我个人来讲,也降低了移动App开发的门槛,毕竟相对来说web才是我的强项。

废话少说,从零开始。说是从零开始,这里默认web页面功能已经实现好。这里以一个井字棋游戏为例来说明一下。

1、打开Xcode,新建一个项目,选择Single View Application,输入项目名称及工程目录,开始iOS应用开发:
http://ww4.sinaimg.cn/large/7f4697f7jw1f7voqeehn9j211y0ldth9.jpg
http://ww1.sinaimg.cn/large/7f4697f7jw1f7voqp3fqdj20l80fc407.jpg
http://ww4.sinaimg.cn/large/7f4697f7jw1f7vosjjmmtj20l80fcmyg.jpg

2、了解iOS工程的代码结构,如下图所示:
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vovc4bshj21520m4q8j.jpg

具体每个文件的作用暂时还未深究,待后续进一步学习。
根据目前的场景需要,只需了解其中ViewController.swift是主要业务逻辑,Info.plist是应用名称、套餐ID等属性配置。

注意代码目录下的tg.html和jquery.min.js是我加进去的本地web文件,用以实现主要功能。

3、用WebView实现web页面内嵌,主要在ViewController中的viewDidLoad下完成,直接上代码(其实也是范同学帮忙完成的😄):

        let webView = UIWebView();
        webView.frame = self.view.frame;
        self.view.addSubview(webView);    //在主view上添加WebView实例
        let openurl = URL(fileURLWithPath:Bundle.main.path(forResource: "tg", ofType:"html")!);    //内嵌本地网页
        //let openurl = URL(string: "http://hulu.im/")!;    //内嵌外部url
        let request = URLRequest(url: openurl);
        webView.loadRequest(request);    //加载页面
        webView.delegate = self;

4、使用模拟器调试:
http://ww4.sinaimg.cn/large/7f4697f7jw1f7vpsrxisnj20yi1pcmyl.jpg

以上是App开发阶段,下面简单介绍下上架的流程。
首先得准备一个开发者账号。

1、登录 https://itunesconnect.apple.com ,进入“我的App”,打开新建App界面,根据提示注册一个套装ID:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vpy94utqj20ct0f6wf5.jpg

2、使用刚注册的套装ID,继续完成新建App;

3、回到Xcode,进入Xcode - Preferences - Accounts,添加登陆开发者账号;

4、选择工程,填写应用名称和套装ID等信息,与前面步骤中注册的保持一致:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq39xor1j21520m4q7p.jpg
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vq59gfc3j21520m4wk3.jpg
http://ww2.sinaimg.cn/large/7f4697f7jw1f7vq5twod0j214a0lc0xg.jpg

这里几个地方的标识信息有些绕,一时也没完全搞懂,尝试了多次才成功。

5、选择工程,进入General - App Icons and Launch Images,点击App Icon Source后面的箭头,进入图标管理界面:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vq9j7ownj21520m442u.jpg

这里需要制作不同尺寸的图标,注意尺寸一定要正确,并且需要png格式。制作完成后逐个拖放到对应的方框里面,完成后可以再次调试一下,没问题的话可以进入下一步应用打包了。

6、选择构建设备为Generic iOS Device:
http://ww1.sinaimg.cn/large/7f4697f7jw1f7vqdhfycqj208l0c5wf4.jpg

7、选择工程,进入Product - Archive进行应用打包,完成后按提示把应用上传到App Store:
http://ww2.sinaimg.cn/large/7f4697f7jw1f7vqjgihalj20xc0i1q56.jpg

8、上传成功后,在 https://itunesconnect.apple.com 中设置App信息和价格,并选择上传的构建版本提交审核:
http://ww3.sinaimg.cn/large/7f4697f7jw1f7vqma8od1j20yf0ebmyl.jpg

这里要注意的是提交审核需要上传应用截图,iPhone和iPad各至少一张,可以使用模拟器获取。

至此,基本流程大概包括这些,过程比较笼统,另外审核过程中的问题待进一步补充。

Comment

No Comment Yet.