App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS

App可分为Native App,Hybird app（[ˈhaɪbrɪd] 混合）和Web App。

关于他们的详细介绍，可见http://www.uisdc.com/web-hybrid-native-app

我们现在把web App 转为Hybird App 这和重新创建一个 Hybird app步骤基本一致。

Web app 其实只是通过webView加载了一个链接而已，有时会通过JS方法与手机本身进行功能交互，例如调用摄像头或跨app调用。

Hybird app 可以把web端的代码加载到本地运行，减少了流量损失，界面滑动和功能调用也更快捷。

一. 开发环境搭建步骤（简洁方法：http://www.cnblogs.com/lear/p/3408441.html）

1: iOS HTML本地化我用的是目前主流的工具phonegap，可以该链接下载：http://phonegap.com/install/ 或百度网盘：链接: http://pan.baidu.com/s/1gd9yPyF 密码: zvcs

2：

2.1 下载之后，进入mac终端（在Launchpad 中的其他里），进入phonegap-2.9.1 下的 /lib/ios/bin，进入bin，可以看到其下有一个 create。

2.2 好，我们在bin目录下输入

./create（这里有空格） /Users/（这里填你的文件路径）/Desktop/demo1 com.test HelloWorld

( 注意：./create后跟空格，然后是文件路径（通常放桌面，如：/Users/XXX/Desktop/），然后demo1 是文件夹的名字，com.test 包名，HelloWorld项目名)，点击回车，此时你可以发现你放文件的位置多了一个demo1 文件夹，打开是这样的：

开发环境，搭建完毕。

参考链接：

http://blog.sina.com.cn/s/blog_7e475e790101cojr.html

http://blog.csdn.net/mcg890414/article/details/45420625

http://my.oschina.net/jgy/blog/168745

二.app初始显示设置

1.icon 图标

icon图标的大小是 57*57， 114*114 和72*72 ，144*144 的两种（可见http://www.cnblogs.com/linn/p/3921313.html）

2:启动图片

上边有ipone和ipad的两种启动图片：

ipone:

Defaule.png 320*480

Defaule@2x.png 640*960

Defaule-568h@2x.png 640*1136

三：代码

利用phonegap编码，代码分为两部分：

1.HTML5部分

2.iOS代码部分

ios代码结构和native app代码结构相差不大，

注：icons 图标在iOS代码和HTML 代码中都有，不过以ios 为先。

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS相关推荐

从零开始写第一个Flutter app（八）——修改主题颜色
目录从零开始写第一个Flutter app(一)--Hello World 从零开始写第一个Flutter app(二)--引用第三方包从零开始写第一个Flutter app(三)--有状态的部件 ...
小白记录第一个Android APP，VS2019，Xamarin，C#
小白记录第一个Android APP,VS2019,Xamarin,C# 一.App功能需求及背景二.参考三.新建一个项目四.设计App界面五.编写代码六.发布,生成Apk 七.安装测试八 ...
如何写一个安卓APP
写一个安卓APP需要以下步骤: 首先确定你的APP要实现什么功能,明确需求. 然后准备好开发工具和环境.一般来说,安卓APP的开发工具为Android Studio,需要先下载并安装. 接着,学习Ja ...
一个超级 App 的六脉神剑
如你所见我是一个普通的 App 从 Demo 时期开始我便立志成长为一个超级 App 超级 App 成长法则 ① 站如松:实力为王,拒绝白屏和卡顿超级 App 的世界里不需要弱者,移动端毫秒级访 ...
java web service_怎样新建一个Java的Web Service
展开全部 1.web service分客户端和服务端. 2.新建服务端:在这里我教你用MyEclipse自带的工具62616964757a686964616fe4b893e5b19e31333337 ...
eclipse tomcat新建一个_Javaweb07-Eclipse自动创建动态web项目
学习笔记是参考的how2j 使用Eclipse创建Dynamic Web Project 前面的web项目都是通过手动创建的,现在使用eclipse EE自动创建动态web项目,熟悉一下创建流程,仍旧 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十九) —— HTML5 对 Web App 的影响
在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (九) —— jQuery Mobile 页面与对话框
在<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 基础>中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十六) —— HTML5 Web Storage
绝大多数的软件都需要使用某种具有持久性的方式来存储数据,Web Apps 也不例外,涉及到完整后台的 Web Apps ,可以直接在后台使用 mysql 等数据库来存储数据,但过多的 sql 查询会影 ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十五) —— jQuery Mobile 与响应式
jQuery Mobile 在刚推出的时候,曾经宣传了几个重要的特点,除了 Kayo 在本系列文章中多次介绍的"触摸屏优化"外,另外一个最直接的特点就是"响应式设计&qu ...

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS相关推荐

最新文章

热门文章

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇 （1） iOS

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇 （1） iOS相关推荐

最新文章

热门文章

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS

App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇（1） iOS相关推荐