h5APP如何开发|怎么用HTML5开发手机app

『壹』 app是如何制作的，APP如何开发

手机APP制作流程：无需技术，教你制作一个自己的手机APP

一款手机APP的制作，说复杂非常复杂，涉及到多个领域的研发，稍复杂一点的个人研发基本上搞不定，但是，也有非常简单的手机APP一站式制作运营方法。

随着移动互联网基层开开发技术的发展，无需编程技术，也可以在应用公园制作手机。这里就以应用公园为例，教您熟悉手机APP制作流程，手把手教你制作一款自己心仪的手机APP。

第一步：了解自己想要制作一款怎么的手机APP。是软硬件结合？ 游戏 类？商城类？新闻资讯类？互动类？聊天类？还是团购类、同城服务类？送餐类？企业展示类？

每一个类别的APP开发差异非常大，主要就是不同类型所需要的功能支持。对自己想要做的APP有个大致的了解，但是这一步很多人都没搞清楚，大部分人都存在一个大概模糊的创意、想法阶段。

第二步：了解自己想要做的APP的基础功能，划分板块。

对基础功能的了解、板块的分类，上手最快的方法就是：查看市场上类似的APP进行借鉴。

第三步：界面及交互的设计

界面及交互的设计，可以直接使用“墨刀”。可以先设计一个大概，后期不断丰富。

第四步：APP功能的开发制作

APP功能的开发直接使用应用公园就可以了。应用公园把市场上常见的APP功能进行拆分组合，你不需要懂任何编程技术，只需哟安把需要的功能挑选出，组合搭配一个，就能迅速组建出一个手机APP。

手机APP制作具体流程：

1、打开应用公园的官网，点击“开始制作”，注册登录；

2、应用公园为在线APP制作平台，所以不需要下载任何东西，直接进入制作页面就可以；

3、应用公园目前有两种模式：

（1）主题模式：应用公园平台上，已经很多已经制作完善的手机APP软件，可以直接当做模板使用，仅需要把里面的文字图片进行替换，就可以快速制作一款APP。

（2）自由模式：就像拼图一样，把需要的功能自由组合搭配一下，就可以创造一款独一无二的手机APP。

每一个功能控件的具体功能，都通过后台自动配置。

4、手机APP打包

制作完善后，在应用公园平台直接点击制作完成，就会自动打包成手机安装程序。

5、应用发布上架

在应用公园平台直接申请应用发布，通过联网后，就可以联网使用了。

6、下载管理、运营

应用公园提供运营管理后台、下载站点、下载二维码、手机管理助手等APP相关产品，一站式服务，自动配置，免去多次开发成本，而且后期的功能、内容的更新迭代自己既可以搞定，也不需要具体的编程技术。

自己制作app需要 编程知识 。但依靠第三方工具，三分钟就可以做成专属自己的APP。下面以简易网为例演示：

简网APP工厂三大特点

1、最低的成本：节省所有开发成本，以及仅几分钟的时间成本。

2、实用的功能：贴近传统网站的内容编辑与发布方式。

3、灵活的运营：生成APP后，一个人也可以完美运营。

先来了解一下APP工厂：三分钟制作APP

使用简网APP工厂之前，我曾经通过其他类似的APP公司制作过两三个不同版本的免费APP，简网的操作流程是制作门槛最低的一家。

不支持用户名注册，需要使用微博账号

新浪与腾讯微博用户数几乎覆盖全网网民数，我们默认用户已经拥有微博账号，以便于进行APP快速创建。

填写APP信息：几分钟搞定

制作APP之前我们需要做一些准备工作，比如我们要明确我们要做一个怎样的APP，我们要为这个APP准备一张1024×1024的ICON以及一张114×114的小图标，另外还需要一张640×1136的开机图。

从简网APP工厂的首页，经过3次跳转，省略了网站注册过程，通过模板挑选完成APP美工定案，所需的是APP的图标与应用简介。全过程几分钟足矣。

快捷实用的后台采编系统

我们制作了一个新闻资讯类的APP软件，同时我们拥有了一个功能齐全的后台更新系统。利用后台可以完全解决APP内容更新问题，可以快速进行新闻发布，包括文字、图片、视频、微博等形式，并且引入了完善的评论系统与社区系统。

笔者至今使用过三家大型网站的后台系统，由于种种 历史 原因，这些后台系统都存在或多或少的不合理设计，也许是因为承载的功能过多，数据架构过于复杂，在新入职人员上手操作时，需要经过长时间的熟悉过程。

简网为我们制作的APP提供了统一的后台模板，这个后台的功能亮点在于不仅提供原始录入，还提供也许是目前设计最为合理的网络来源抓取功能。包括网页、微博在内的网络内容，都可以在大约1分钟时间内导入后台中，并且实时呈现在用户手机上的APP客户端。

APP的生成时间约为三分钟，APP容量只有3M，一般的宽带都可以在1分钟之内下载好装进手机

我们得到了一个可安装的APP软件

同时获得了一个功能完善的编辑后台

快速的内容抓取，让后台采编人员的数量可以降到最低，维持一个日更新量在100篇文章左右的APP客户端，一个工作人员足矣。

内容采编神器：发布到应用

“发布到应用”这个功能可以说是管理后台提供的最强大的一个功能，经过简单的设置后，我们可以在几秒钟之内把网络内容发布到我们的APP客户端。

这样一个媒体类APP就做好了。

很高兴回答这个问题。

我是从事安卓App开发的，开发过很多App，那么App是如何制作的。

页面设计

我们看到的app都一个个页面，每个页面功能不同。首先是产品经理通过调研整理需求，然后将需求整理成页面(可以使用墨刀等网页制作)，然后在交给UI人员进行专业设计和美化，最后将设计图打包给开发人员。

开发设计

拿安卓举例，开发使用语言也分几种，具体得根据实际情况来选择。

1.原生开发

安卓一般使用java语言开发，当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了，这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面，复杂点的页面可以通过自定义控件来实现。

2.使用H5语言开发

使用H5开发的好处有很多，可以多端复用，比如浏览器端，ios端，当然H5开发的体验是没有原生好的。结合我做过的项目来说，一般是这个页面需要分享出去的话，就用H5开发。

3.使用flutter开发

flutter是近年来谷歌推出的一款UI框架，

使用dart语言进行开发，支持跨平台，weight渲染直接操作硬件层，体验可媲美原生。但是flutter技术比较新，生态还不完善，开发起来效率相对偏低

页面数据填充

页面开发出来只是空壳子，没有数据填充，这时候就需要通过接口获取数据，然后解析数据，显示在页面上。

到此，一个大概的App制作流程就结束了。

首先你要清楚自己想要什么样的APP,是做哪一方便的?简单的?还是复杂的

一下我就分为两类进行回答

一,简单APP

必要岗位

ui设计师(至少一个)

主要负责APP页面的搭建和交互的梳理

客户端开发人员(至少一个)

目前市面上的APP开发方式多为混合开发,如果做一个简单的APP可以选择webapp,这样不但可以减少开发周期还可以控制开发成本

服务端开发(至少一个)

目前服务器语言很多php,java,

node.js

非必要岗位

首先 ,我说的非必要岗位不是说这些岗位不重要,而是说在为了减少成本的情况下,这样岗位可以被别的岗位所替代

产品经理

如果开发的App功能简单,UI设计师就可以担任这样职责

测试工程师

当然,在时间允许的情况下,开发人员也可以是测试人员

二,复杂APP

复杂app可以考虑纯原生开发,那么客户端至少两个人进行开发(安卓,IOS),或者考虑混合开发,及web前端+原生开发人员

必要岗位

ui设计师,安卓开发工程师,ios开发工程师,后端开发工程师,产品经理,测试工程师,人员的多少可以根据项目的大小来定

三,必要成本

服务器 :这是开发app必须要的,也就是我们放代码的地方

上架审核所需费用 :比如IOS上架审核的花好几百,安卓要申请软著等

今年六月的时候，萌生了开发一个记账 App 的想法，想去用自己的 App 记账，管理收支。那时正好在英国是考试周，放假后，我回到了国内，准备去实现我的计划。没想到这暑假很快就结束了，在这个暑假中经历的太多的事，准备了要去美国读研的考试，遇到了生命中的另一半，同时，也将 Costuary for iPhone 带到了这个世界。

Logo

说道为什么要开发这样一个 App ，因为笔者在 UK 读书，市面上很少有记账 App 能够实现实时汇率的换算，带有这个功能的 App 也是操作繁杂。所以要自己开发一个，功能并没有那么复杂的，并且能够满足自己在国外和国内生活需求的 App，所以自己编写了 iPhone 的客户端，为了获取汇率和 Excel 导出，又用 Java 设计和编写了 Costuary 的后端服务器。

比起今年年初开发的 Flat Weather，这个项目的代码量大约是他的十倍，需要实现众多的功能和模块。

这篇文章将会介绍一下 Costuary 的功能与我开发过程中的一些心得。

效果图设计

说到设计，两年前，我还是一个 Android 开发者，Google 的 Material Design 是我的最爱，所以，Costuary 采用了 Android 5.0 之后采用的 Material Design 设计。其中掺杂了一些我自己的设计，因为 Material Design 的控件有时候操作繁琐。

早在 5 月份的时候已经零零总总的用 Sketch 画出了这个产品的 UI 和图标，之后开始了漫长开发的过程。

Sketch交互

与去年开发的 Android 版不同，iPhone 版的 Costuary 采用了底部导航栏的设计，相比于 Android 通常使用的 Navigation Drawer 的抽屉布局，底部导航栏的设计即使在右手操作 iPhone 的时候都不会太费力。

UX功能 Features

Costuary 支持世界上主要货币的实时汇率转换，所有外汇在统计时会转换成主货币的数目，方便查看花销。

日历视图能够很直观的反映出哪一天有消费和收入。

说到记账软件，量化消费的图表无疑是重要的一环，Costuary 提供了饼状图来视觉化一段时间的花销。

可以建立多个账户来表示自己的银行卡，支付宝，现金等等。

可以看出本月的预算还有多少。

如果想要进行更加详细的分析，可以使用导出功能将账本导出到 Excel。

允许备份账本内容到 iCloud。

开发

去把一纸设计变成真正的产品，这是一个独立开发者应该具有的能力。只会写代码不只是我唯一掌握的，能够去设计出来自己想要的应用并且将他实现才是我在做的事情。

这款应用的开发并没有想象中的简单，需要自己去实现大量 Android UI 控件，很多圆角，阴影，字体，要慢慢的去调整，让控件适合 iPhone 的屏幕。整个应用的背后有 3 个关系型数据库来储存账户，账本与各种汇率。与以前开发的 Flat Weather 不同，Costuary 会产生大量的用户数据，所以整个软件架构的稳定性变得异常重要，需要设计一些机制来防止数据丢失与损坏。

Development

为了实现 App 获取每日的汇率，并且在 iPhone 上能够实现账本导出到 Excel ，我设计了一个服务器后端来处理这些繁杂的实物。每次 App 启动后会与我的服务器来更新最新的汇率。当用户选择导出时，账本会被发送到服务器上并处理为 Excel 发送到用户的邮箱里。

Mail

说到服务器，就不得不提到用户隐私了，因为导出到 Excel 功能需要将账本传到我的服务器上做进一步处理，很多人会觉得我侵犯了他的个人隐私。对此，为了保护我的权益与用户的权益，我撰写了 Costuary 软件许可及服务协议与 Costuary 隐私政策，这是我作为独立开发者这么多年后第一次去写许可协议。

Agreement资费

与我的其他产品一样，这款 App 依旧是免费供大家使用的，作为独立开发者，我们都知道，绝大多数用户不会去珍惜一个免费的产品。就像 Flat Weather 一样，虽然获得了很多人的支持，但是也收到了很多人的吐槽。在 Costuary 中依然设计了一个的捐助按钮，如果大家使用之后喜欢这个应用，请支持我将他维护下去。

Please donate me尾巴

Costuary for iPhone 是我开发出来过最大的软件体系。我相信，能够独立开发出来产品的人懂得不只是编程。一个人要去经历项目的全部生命周期：规划，设计，开发，运营，维护，营销，这些是我开发这么多产品所学会的。

现在的 Costuary 只是第一个版本，还有很多 iPhone 的特性没有来得及开发，以后会跟上的，比如 iPhone X 的适配，3D Touch、Today Widget、Touch ID 等等。

以前在少数派撰稿的时候，很多读者会来问我如何学习开发，我也特地去写过如何去学习编程，但我相信，真正想去学习的，想去为这个生态贡献出自己的一份力的人，自己都会找到学习的方法。我的专业是电子电器而不是软件工程，但是我不后悔当年去学习编程。

最后，还是感谢在背后默默支持我的人，我会不断地改进与提升，如果 Costuary 真的在记账方面给予了你便利，这是我莫大的荣幸。

如果想要了解我的更多作品可以访问我的个人博客 MikeTech，或者在少数派中阅读我以前写过的文章。今年年初也在 iPhone 上写过一个天气 App，天气应用 Flat Weather 的设计历程

对了，关于记账有什么用，如何记账，如何养成记账的习惯。为什么每个月末都捉襟见肘，除了没钱，很可能是对财务管理的能力不强。想了解这一方面的知识，不妨看一看我派的付费阅读栏目：从零开始做好个人记账

你好，非常感谢你的邀请。

开发一个app的话首先

第一步、需要调研，分析开发需求。

第二步、根据你的开发需求整理一个开发方案，选择合理的架构。

第三步、开始研发。

第四步、测试。

第五步、上线试运行。

第六步、查缺补漏后投入使用。

开发一个app的话。有多种选择。可以找一个第三方公司来进行开发。也可以自己招聘开发团队。也可以交给比较信任的程序员朋友来进行开发。第三种方式的话，属于接私活儿，成本较低。 当然前提你得有认识的人。

我也是程序员出身。参与过web网站开发。传统办公开发。H5开发。微信小程序开发。以及安卓开发。有着较丰富的开发经验。自己完全可以胜任一个App，如果你有这方面的事需求的话，也可以私信我。我是山东的。如果方便的话也可以面谈。

App软件开发，从之前的沟通需求、规划设计、程序开发、测试修改、它的发布等。这是一个非常复杂和漫长的过程，一旦进入通信，就需要定期维护和功能变更。它需要大量的专业人员参与，成本自然很高。 所以，随着更新市场的发展和人们福利的提高，现在已经不像传统开发那么困难了。只需要动动鼠标，不需要触碰代码就可以完成制作app部分。

App开发已成为企业发展的重要推动力量

十年巨变！移动互联网已颠覆我们的时代，商业、社交、视频、新闻、工具等领域，移动应用的渗透率已高达95%，在团购 旅游 和零售行业，移动端收入规模已超过PC端，手机APP已成为企业不可或缺的线上阵地。

不用编程就能制作app的在线平台，摆脱了很多复杂的流程，还能减少用户的麻烦，不会制作，而且可以在平台上查看详细的课程，非常贴心的设置！在这里，我想说的是，如果你想制作app的话，可以在平台上查看详细的课程。总的来说，这种方法会大大降低软件开发app的成本，节省时间，让很多人解决了资金短缺和想快速制作app的问题。

app是如何制作的，APP如何开发？

随着智能手机APP软件的吸引力越来越大，越来越多的企业开始开发自己的APP应用。企业要想开发属于自己企业的APP应用，首先要分析自身的情况和市场对产品的需求。

在APP,开发这件事上，企业一定要注意以下几点。

1. 开发APP应用一定要明确以自己为中心，开发APP是否能带来巨大的利润。

2. 要了解目标用户的需求，配置APP吸引用户，提高用户购买应用的意愿。

3. 通过合作再次寻找潜在客户，我相信开发APP的收益远远大于成本。

开发APP苹果系统，必须使用Xcode苹果开发工具，一般采用Objective-C或Swift语言。Objective-C是继承了C语言的C字，可以直接用Objective-C语言进行编程。如果你不懂数据，差别很小。还有一些新的苹果后缀语言，非常有用。

Andro系统的app都是用Java语言开发的，Java语言已经流行了20多年，这个趋势还在持续和延续。如果想要安卓系统的app首先要掌握Java语言，对于说C语言的人来说，学习Java还是很容易的。如果你对自学感兴趣，Java网站上有很多培训课程，还有很多免费培训。视频，不想付费。如果这个绝对是零基础（没学过其他编程语言，比如c语言），如果真的很感兴趣，可以自学，但是速度比较慢。

总结：app开发拥有多种方法，选择最适合自己的方式方法很重要

答案写到这里，我想您应该知道了app的开发途径或者方法是什么。如果您是小企业或者是个体工商户，您可以找人帮忙开发小程序或者自己在一些网站上进行傻瓜式软件开发。正如上文所说，现在有很多的网站支持在线生成APP，常用的功能和接口都已经设置好了，操作起来不是很难。如果您是大企业，业务多访问量比较大，我的建议是您应该聘请专业的软件工程师开发专门的app，避免后期出现的问题没办法及时解决给您的企业带来损失。

不懂的话，找专业的人帮忙，我就是专业的

app即application program。应用程序。目前手机平台是ios和安卓两大平台的天下。本人不才从事安卓开发。简单介绍一下吧你问的这个问题范围太广。ios和安卓开发语言不同。ios使用的是object_c和swift。安卓是基于java。二者都属于面向对象的语言。开发平台安卓基于android studio早期使用的是eclipse+adt。不过已经被淘汰了。那么怎样开发app？首先你需要一个后台程序员写服务器以及搭建数据库。其次你的会ios或是android其中之一那么这就是最简单的配置.现在流行混合开发如果你再会点前端的h5和js就更好了。一般一个软件公司的基本配置是一个前端一个ios一个安卓一个后台。基本就满足你搭建网站和手机应用的需求了。不过你作为老板养这样一个团队很费钱。还不如找外包

软件的生成需要经历以下几个阶段:

1、满足用户需求——建立软件目标，设想产品功能，进行场景化细分说明；进行可行性分析，用户需求收集，用户需求场景描述；场景问题梳理；获取用户行为、想法；场景应用痛点，机会点

2、需求开发与管理——建立用户画像，从软件目标出发，进行问题梳理，场景行为分析，愿景分析，建立体验地图

3、利用Axure绘制软件原型，在用户场景中切入，并组织软件原型实施，在实施过程中进行问卷调查，收集问题，记录用户行为，不断改善软件需求，进行需求评审，进入评审优化

4、技术可行性分析——技术分析，场景分析，功能实现验证，

5、开发计划制定，实施，测试，验证，发布

『贰』 怎么用h5开发app

现在用h5开发app主要是三种模式，一种是webapp，主要是将网页版的进行打包，不能调用原生的功能。第二种是混合式app，这种能够调用一些原生的功能，体验比webapp好一些，最后一个是RNapp，现在的大部分都是这种开发模式，能够使用大部分的原生功能，跟原生app基本上没有区别了。

『叁』 h5做app和原生app有什么区别

h5做app和原生app有什么区别？

H5开发的web APP和原生APP的区别有以下几个方面： 一、开发方面 原生App ⊙ 每一种移动作业系统都需要独立的开发专案 ⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 ⊙ 需要使用各自的软体开发包，开发工具以及各自的控制元件 移动Web App ⊙ 因为执行在移动装置的浏览器上，所以只需要一个开发专案 ⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及伺服器端语言来完成（PHP,Ruby on Rails,Python） ⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。 二、能力方面 原生App ⊙ 能够与移动硬体装置的底层功能，比如个人资讯，摄像头以及重力加速器等等 移动Web App ⊙ 只能使用有限的移动硬体装置功能。 三、获取方法 原生App ⊙ 直接下载到装置 ⊙ 以独立的应用程式执行(并不需要浏览器) ⊙ 使用者必须手动去下载并安装这些原生App ⊙ 有一些商店与卖场来帮助使用者寻找你的App，目前app市场不计其数 移动Web App ⊙ 从移动装置上的浏览器访问 ⊙ 不需要安装额外的软体 ⊙ 软体更新只需要伺服器就够了 ⊙ 因为现在没有什么商品或卖场提供这种App，所以如何搜寻这些移动Web App相当不简单。 四、版本控制 原生App ⊙ 使用者可以自由地选择是否更新软体版本，所以会出现不同使用者同时使用不同版本的情况 移动Web App ⊙ 所有的使用者都是用同样的版本 五、优势 原生App ⊙ 比移动Web App执行快 ⊙ 一些商店与卖场会帮助使用者寻找原生App ⊙ 官方卖场的应用稽核流程会保证让使用者得到高质量以及安全的App ⊙ 官方会发布很多开发工具或者人工支援来帮助你的开发 移动Web App ⊙ 跨平台开发 ⊙ 使用者不需要去卖场来下载安装App ⊙ 任何时候都可以释出App，因为根本不需要官方卖场的稽核 ⊙ 如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进 六、缺陷 原生App ⊙ 开发成本高，尤其是当需要多种移动装置来测试时 ⊙ 因为是不同的开发语言，所以开发，维护成本也高 ⊙ 因为使用者使用的App版本不同，所以你维护起来很困难 ⊙ 官方卖场稽核流程复杂且慢，会严重影响你的释出程序 移动Web App ⊙ 无法使用很多移动硬体装置的独特功能 ⊙ 要同时支援多种移动装置的浏览器让开发维护的成本也不低 ⊙ 如果使用者使用更多的新型浏览器，那问题就更不好处理了 ⊙ 对于使用者来说，这种App很难被使用者发现 附：原生App 与 移动Web App:您如何选择？ 所以在你准备做移动App时，你应该先问问自己以下几个问题： 1. 你的应用是否需要使用某些装置的特殊功能，比如摄像头，摄像头闪光灯或者重力加速器 2. 你的开发预算是多少？ 3. 你的应用是否一定需要网路 4. 你的应用的目标硬体装置是所有的移动装置还是仅仅只是一部分而已 5. 你自己已经熟悉的开发语言 6. 这个应用对于效能要求是否苛刻 7. 如何靠这个应用赢利

H5 APP即是一种框架型APP开发模式(HTML5 APP 框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的资料则是每次开启APP的时候，去云端取资料呈现给手机使用者。

原生APP又称Native App，该开发针对IOS、Android、Windows等不同的手机作业系统要采用不同的语言和框架进行开发，该模式通常是由“云伺服器资料+APP应用客户端”两部份构成，APP应用所有的UI元素、资料内容、逻辑框架均安装在手机终端上。

1、开发方面的区别（这个地方太专业啦，请教了团队的开发小伙伴）

目前React Native开发越来越火，微信小程式是基于React Native开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以呼叫蓝芽、相机等硬体，也能顺利释出到苹果APP store。

移动Web App

1、因为执行在移动装置的浏览器上，所以只需要一个开发专案

2、这种应用可以使用HTML5,CSS3以及JavaScript以及伺服器端语言来完成(PHP,Ruby on Rails,Python)

3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。

原生App

1、每一种移动作业系统都需要独立的开发专案

2、每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等

3、需要使用各自的软体开发包，开发工具以及各自的控制元件

2、能力方面的区别

移动Web App

只能使用有限的移动硬体装置功能。

原生App

能够与移动硬体装置的底层功能，比如个人资讯，摄像头以及重力加速器等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬体端重力加速器而导致临时替换设计方案。

3、获取方法的区别

移动Web App

1、从移动装置上的浏览器访问

2、不需要安装额外的软体

3、软体更新只需要伺服器就够了

4、因为现在没有什么商品或卖场提供这种App，不过一般都是巢状在系统内部，或者内部系 统中使用

5、跨平台开发，使用者不需要去卖场来下载安装App

6、需要过度依赖网路，没有任何快取资料

7、任何时候都可以释出App，因为根本不需要官方卖场的稽核

8、如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进(这也是优势?)

9、所有的使用者都是用同样的版本

原生App

1、直接下载到装置

2、以独立的应用程式执行(并不需要浏览器)

3、使用者必须手动去下载并安装这些原生App

4、有一些商店与卖场来帮助使用者寻找你的App，app store里面应有尽有。

5、原生型APP应用的安装包相对较大，包含UI元素、资料内容、逻辑框架;

6、手机使用者无法上网也可访问APP应用中以前下载的资料。

7、原生型的APP可以呼叫手机终端的硬体装置(语音、摄像头、简讯、GPS、蓝芽、重力感应等)

8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交稽核。

9、使用者可以自由地选择是否更新软体版本，所以会出现不同使用者同时使用不同版本的情况

即使两者之间有很大的区别，即使H5有一大堆的坑和问题，但是仍旧不妨碍移动WEB无所不在，移动web是目前唯一的支援各种装置访问的平台，也是唯一一个可供开发者释出移动应用的平台，它将各种移动互动与PC系统任务有效的结合在一起。而原生native app可以充分利用装置的特性，这一点是它得天独厚的优势。

正式因为它有复杂多变的CSS样式消耗了大量效能，它才有一个更有竞争力的优势——它带来了多样性的排版，能够细致到每一个字宽行高和风格的画素级处理，能够给你带来不一样的图文汇合的排版。

app原生开发和h5app有什么区别

原生是基于他们自己平台的语言开发，比如ios和安卓是2个平台，也就是要开发2份app。h5的开发完一个，两个系统可以相容(除错测试好)就可以，所以h5比原生app要便宜。 h5的app，载入速度不如原生，受网路影响大，体验度偏低，开发成本一般。 原生app，载入速度快，受网路影响较小，体验度很高，开发成本偏高。 很多市面上的h5虽然功能有了，效果却差了很大，要知道一款好的app光ui设计上就会比普通能凑合用的app高出几倍，也就是说正常二十万左右的appui可能也仅仅占了一万两万，甚至有的公司为了赚钱ui都是修改之前的成品app。

使用H5开发的App和原生App有什么区别？

1.H5的效能很差，一般经常改的地方可以用H5，比如论坛，咨询之类的，而且限制也是很大，很多效果是没办法做到的。GUI框架的WebView普遍是这样的。如果一个APP全部由H5来做(不太可能，送审很可能被拒)，那么会显得非常卡。

2.用iOS SDK，如果实现热更新是比较麻烦的。对于论坛，咨询这种模组，动不动就改版，做起来比较头疼，用H5就很合适了。尤其在APP跨安卓和iOS的时候，这类模组如果直接用H5，那么就很容易共用。

H5网页App开发和纯原生的App的差距主要聚集在以下几个方面：

1、动画

动画有很多种，比如侧边栏选单的滑入滑出、元素的响应动画、页面切换之间的过场等等，在H5之下的众多实现方法都没有办法达到纯原生的效能。一般这些的话有几种不同的选择：css3动画、javascript动画、原生动画。

css3动画非常的消耗效能，如果某一个元素用到css3动画可能还看不出来，但大面积或过场使用css3动画会让app低端手机体验非常差。最好的选择一般是通过框架呼叫底层的动画，但不管怎么样等于在原来的程式码上包上了一层，效能还是不可避免的受到影响。

比如在一个新页面的载入上，如果呼叫底层动画要考虑的问题有两个，一个是本身资源页面的渲染问题，另一个是远端资料的获取。即便是这些动画能够很快的响应，但大量的css页面会导致渲染卡顿，滑入时可能会有白屏/机器卡顿的现象。为了解决这些效能问题又必须要用到预载入或模拟动画。即便是这样，滑入滑出的动画在低端的安卓机器上还是有很多问题，如果获取服务端资料处理的方式不合适，卡顿白屏的现象会更严重。具体看下面的资料获取方式。

2、获取服务端资料

首先要接受的是，这里的资料获取都是在资源页面上非同步完成的，因为只有这样才能让这些资源页面完成预载入或者渲染。但是非同步拿到的资料在填入页面中时可能会涉及DOM操作，众所周知，DOM操作非常消耗效能，如果页面小还好，页面稍大资料稍微复杂一点，频繁的DOM操作会导致明显的闪白。而且最重要的一点是，如果页面载入进来之后资料更新的速度太慢，也会让页面模板等待很长时间，对使用者体验又不友好，总不能每次开启都像浏览器一样等待重新整理是吧

这个问题如果没有得到解决，H5开发是很难承担大规模资料的页面，在它们之中频繁切换更是难上加难，那么肯定有人也会想到用MVVM的方式，其实我也写过一些基于MVVM的H5app开发，相对来说它们获取资料和更新资料的方式更敏捷更科学，但写的过程中又要注意很多H5独有的问题，这些问题在下面的页面切换里来讲。

3、页面切换

上面我们看到了几种不错的实现方式，比如预载入和模拟动画，甚至有批量的预载入，批量的截图模拟动画等等，虽然看起来很友好解决了不少问题，但事实上如果页面足够多就会引发另一个问题——页面的生存周期。

试想一下，如果引导页或者主页面快取了5个子页面的资源，在跳转到响应的子页面时又会快取这些子页面的下级页面资源，如此反复肯定会占据大量记忆体使APP的体验下降。那么怎么知道那些页面是需要的，最多快取多少页面，什么时候结束哪些页面的生存周期呢？在我用过的很多H5APP的框架里都没有对这些问题有一个完美的解答，因此在页面较多内容较多的app开发中可能会因这些资源分配的问题降低效能。

这时候我们回过头来再看看MVVM的资料载入问题，实际上不管哪个MVVM框架，写过的人都知道管理这种新型的前端程式码最重要的问题是记忆体的问题，你既要保证程式码写的足够优雅没有任何记忆体泄露问题，也要考虑到在页面生存周期结束时它们的控制器/页面资源是否得到释放，这对全域性有没有什么影响，在多个请求时也要合理的分配资源，甚至是复用这些父级页面传过来的快取资源等等。较小的APP可能并不会有这些问题，如果你想用纯H5来开发大型app，这很可能会浪费你很多时间——而且结果还不会让你满意。

4、Android/iOS的区别

很多人都说纯H5app开发一次编写就能编译Android/iOS两种不同的APP，大大降低了成本。实际上这个观点本身就是值得怀疑的，如果你写过这类APP就能明白我在说什么，它们既不省事，又存在很多BUG，除错时尤其繁琐。举一个很简单的例子，Android和iOS在返回上一页的处理方式上就有明显的区别，iOS的顶部bar在全屏下怎样处理，Android机器出现 *** art bar怎样处理页面的布局，呼叫底层硬体时怎样区分不同的场景等等，你需要写一个又一个机型和系统的判断，然后分别在Android和iOS下除错，最后你却发现这并没有卵用，累的要死却什么没学到，只有一堆不知道什么时候会过时的经验。

现在做H5混合APP开发的人很多，但是纯H5却很年轻，很多问题都没有很好的解决，这几个是我在做这些APP时考虑最多的问题。最后说一个很少人注意到的H5优势，大家大谈H5APP时都是快速开发、低成本、多平台等等，但我却觉得它和很多APP开发方式相比有一个不同之处——图文混合的排版。正是这些复杂多变的CSS样式消耗了效能，但是它带来了排版的多样性，能够细致到每一个字宽行高和风格的画素级处理，才是H5的优异之处。

原生APP和HTML5APP有什么区别？

原生App更流畅，这个是web app无法比的，但是原生的想更新就得下载新的包或者打补丁，这方面来说，web app的优势更大一些，从体验来说，肯定选择原生，但从开发效率和迭代成本，就选择web app

web app 跟原生app有什么区别

区别如下： Web APP应用呈现以下特点： （1）每次开启APP，都要通过APP框架向云网站取UI及资料； （2）手机使用者无法上网则无法访问APP应用中的资料。 （3）框架型的APP无法呼叫手机终端的硬体装置（语音、摄像头、简讯、GPS、蓝芽、重力感应等） （4）框架型APP的访问速度受手机终端上网的限制，每次使用均会消耗一定的手机上网流量； （5）框架型APP应用的安装包小巧，只包含框架档案，而大量的UI元素、资料内容刚存放在云端； （6）APP使用者每次都可以访问到实时的最新的云端资料； （7）APP使用者无须频繁更新APP应用，与云端实现的是实时资料互动； 适用企业：电子商务、金融、新闻资讯、企业集团需经常更新内容的APP应用。 Native App（原生型APP）应用呈现以下特点： （1）每次获取最新的APP功能，需要升级APP应用； （2）原生型APP应用的安装包相对较大，包含UI元素、资料内容、逻辑框架； （3）手机使用者无法上网也可访问APP应用中以前下载的资料。 （4）原生型的APP可以呼叫手机终端的硬体装置（语音、摄像头、简讯、GPS、蓝芽、重力感应等）

wex5开发的app和原生的app有什么区别

原生App ⊙ 每一种移动作业系统都需要独立的开发专案 ⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 ⊙ 需要使用各自的软体开发包，开发工具以及各自的控制元件 移动Web App

APP原生开发和H5开发以及APP混合开发三者有什么区别？

APP原生开发一般指 手机/PC程式 以及相关应用开发。 H5开发一般指 HTML5 PC或者 手机网页的开发。 APP混合开发 就是集中的两者以上的共同内容。

网站制作的APP和原生开发APP有什么区别

开发方面

原生开发的App

每一种移动作业系统都需要独立的开发专案，需要独立的开发语言，使用各自的软体开发包，开发工具以及各自的控制元件。

手机网站打包的APP

从原生演变过来的通过APP嵌入网站来是实现的，以及伺服器端语言来完成。

功效方面

原生开发的App能够与移动硬体装置的底层功能，比如个人资讯，摄像头以及重力加速器等等。

网站制作的App只能使用有限的移动硬体装置功能。

H5 和原生 APP 之间的区别

微信H5支付介面，这种介面可以用在 手机网站支付，也可以用于APP， 它的支付方式是通过浏览器吊起微信APP端进行支付，这种介面主要用于游戏，直播等行业，普通APP支付介面也就是SDK，只能用于APP，稳定。还有H5通道切换通道很方便，SDK的话就比较复杂。希望可以帮助到你，我司是第三方支付，接支付介面撩，希望采纳！

『肆』 如何开发一个app

从以前的大哥大被少数人才能拥有，到现在的人手一部智能手机，在感叹科技的发展时，人们对手机中的应用也越来越挑剔，一款用户体验良好的app应用自然会受到广泛欢迎，而对开发app技术的要求也越来越全面。那么如何开发一个app让用户体验良好呢？开发app时应该注意什么，下面我们通过六个步骤来详细说明。app开发有三种模式，定制开发、模板二次开发和免编程制作，模板二次开发和免编程制作，成本低，周期短，但开发出来，用户体验差，部分功能可能会受到限制，无法修改成客户心里预期的样子，一般像没有实力的开发团队或公司知道客户不懂技术层面，就来忽悠客户，您可要谨慎了。按需求定制开发，这种模式相信大家不再陌生了，虽然过程经历长些，但结果是令人满意的，具体流程是这样的：1、首先客户需要明确自己企业和产品所针对的目标用户群体，通过app想要实现什么目的或解决什么问题，app本身需要哪些功能，最好建立文档，这样在和产品经理沟通时，能提高效率，思路更清晰。2、评估需求，根据客户提出的要求，列出需求文档，需要技术人员参与对需求的实现进行评估，包括实现的难易程度，开发成本的计算，需求文档确认后，对后期编程工作有很大的帮助。3、产品原型UI设计，设计部门根据需求文档说明设计出UI原型，并对各个功能细节作出效果UE，最终由产品经理和客户进行确认或调整。4、开发团队根据原型进行分配任务，开始敲代码，这个阶段是耗时最久的，前端开发-后端开发-接口对接-第三方接入-定期项目会议沟通和管控项目开展-开发预算审计。5、.测试阶段：项目开发完成后，由测试专员针对APP进行多机型测试，测试内容包括：APP内容测试、APP性能测试、APP功能测试、APP视觉测试、对于BUG调试修复。测试合格，确认没有BUG后与客户进行沟通，开始走验收流程。5、测试，工程开发完后，由测试工程师对app进行功能测试、性能测试、内容测试、BUG调试纠正等。最后交付客户确认。6、源码交付客户，上线，发布到各大应用平台，后期还需要维护，企业本身可以招聘专业人员进行维护或托管外包公司都可以。小结：从零开始，一层层敲代码完成，过程繁琐，但结果圆满，成本根据app的实现难易来决定的，虽然成本高昂但用户体验良好，能赢得市场的先机，比其他方式更安全，更稳定。

『伍』 怎么用HTML5开发手机app

你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要版是css3的媒体检查，根据不同视口载权入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。

『陆』 h5做app和原生app有什么区别

H5APP即是一种框架型APP开发模式(HTML5APP框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。

原生APP又称NativeApp，该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。

1、开发方面的区别（这个地方太专业啦，请教了团队的开发小伙伴）

目前ReactNative开发越来越火，微信小程序是基于ReactNative开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件，也能顺利发布到苹果APPstore。

移动WebApp

1、因为运行在移动设备的浏览器上，所以只需要一个开发项目

2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,RubyonRails,Python)

3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap,SenchaTouch2以及AppceleratorTitanium等等。

原生App

1、每一种移动操作系统都需要独立的开发项目

2、每种平台都需要独立的开发语言。Java(Android),Objective-C(iOS)以及VisualC++(Windowsphone)等等

3、需要使用各自的软件开发包，开发工具以及各自的控件

2、能力方面的区别

移动WebApp

只能使用有限的移动硬件设备功能。

原生App

能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。

3、获取方法的区别

移动WebApp

1、从移动设备上的浏览器访问

2、不需要安装额外的软件

3、软件更新只需要服务器就够了

4、因为现在没有什么商品或卖场提供这种App，不过一般都是嵌套在系统内部，或者内部系统中使用

5、跨平台开发，用户不需要去卖场来下载安装App

6、需要过度依赖网络，没有任何缓存数据

7、任何时候都可以发布App，因为根本不需要官方卖场的审核

8、如果你已经有了一个WebApp，你可以使用responsivewebdesign来辅助改进(这也是优势?)

9、所有的用户都是用同样的版本

原生App

1、直接下载到设备

2、以独立的应用程序运行(并不需要浏览器)

3、用户必须手动去下载并安装这些原生App

4、有一些商店与卖场来帮助用户寻找你的App，appstore里面应有尽有。

5、原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架;

6、手机用户无法上网也可访问APP应用中以前下载的数据。

7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)

8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交审核。

9、用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况

深夜利|秘播视频
已添加在线视频资源，免费欣赏