百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

常用的三大APP开发模式,环境配置及APP运行有什么不同?

zhezhongyun 2025-01-29 19:09 34 浏览

智能手机的应用开发也随着手机的发展成为一个火热的行业,有着不错的收入。为了方便而有效的进行开发选择一套合适的开发模式是十分重要的。智能手机APP的开发模式可以分为三类分别是Native APPWeb APP和Hybrid APP开发模式。


1三种移动APP开发模式



1. Native APP


NativeAPP开发模式,即本地开发模式,又称为传统型开发模式。这种开发模式基于移动终端的操作系统进行开发,可以良好的利用系统的硬件资源。其缺点也是显而易见的,其应用只能在一种移动终端的系统中安装使用,而且由于APP对硬件的依赖,应用升级会比较麻烦。


1.2 Web APP

Web APP开发模式基本依靠网络技术实现。其APP 是一个针对手机优化后的 Web站点,优点是实现了跨平台,而且对硬件几乎没有依赖,开发周期短。缺点也很明显,APP 对网络的依赖很大,数据基本都来自服务器,因此网络状况会直接影响用户体验。在没有网络的情况下,APP的功能基本不能使用。而且APP无法调用手机的硬件API功能受到一定的限制。


1.3 Hybrid APP


HybridAPP开发模式即混合开发模式。这种开发模式使用第三方的跨平台开发框架,将一种语言开发出应用兼容到不同的移动设备上。这样开发者就可以用Java Web技术或另一种不针对某具体系统的第三方的开发技术,实现应用的功能。APP同时具有了跨平台性和不错的硬件资源调用能力。


2三种开发模式的环境配置及APP运行



2.1 Hybrid APP的PhoneGap开发框架


Nitobi公司(现在已被Adobe公司收购)推出了基于Web技术的移动解决方案PhoneGap,这一方案在其官网上的定义是“可以使用Web技术编写手机本地应用程序的Htm15应用程序平台”。简单来说PhoneGap是一套基于Htm15的移动应用开发框架6PhoneGap开发框架成功将Java Web开发技术应用到了移动设备的开发上。已经具备 Java Web开发能力的开发者们可以使用熟知的HTML、CSS和JavaScript来开发手机APP。


PhoneGap 开发框架支持包括IOS、Android、Windows Phone在内的多种手机平台。开发者通过PhoneGap 提供的插件可以调用API使用摄像头联系人、地理定位等功能。PhoneGap 的使用是免费的它的兼容性强而且开发成本低。但PhoneGap本身也有不少缺点,它的运行需要依靠移动设备具有内置的浏览器引擎WebKit,PhoneGap的APP运行速度较慢,硬件调用能力也不如Native APP。安卓手机使用 PhoneGap 框架开发的Hy-bridAPP的基本结构。


2.2PhoneGapAPP开发环境搭建


开发PhoneGap APP可以使用Dreamweaver工具来制作Java Web页面,并使用 PhoneGap Build(PhoneGap的在线编译云服务)生成安装包。但如果想测试某一平台的硬件功能,就必须配置对应的开发环境,再进行编译和测试。例如安卓开发的SDK工具包提供了手机模拟器,可以在PC机上进行APP测试。

下面介绍在配置好安卓开发环境后,如何使用PhoneGap框架开发应用。首先,下载好 PhoneGap的工具包,打开 Eclipse后,按照创建步骤,新建一个安卓应用项目。复制cordova-xxxjar 文件到项目中的lib 文件夹下,右击该jar 文件添加引用。然后在项目的assets 目录下新建文件,复制 PhoneGap 工具包内的cordovajs 文件到个文件夹下,并创建Ja-va Web运行的级联样式表,Html文件和其他is 文件。创建完成后的文件结构。


另外,安卓的应用需要依靠Activity启动。要让Activity启动后,加载html页面并运行JavaScript代码,需要对Activity进行修改。改动包括两步,要将Activity 继承的类改为 DroidGap,导人需要的cor-dova包。然后将 setContentView(R.layout.activi-ty-main)改为 super.loadUrl(“file://android-asset/www/indexhtml”)其中www是新建的文件夹的名字index.html是该文件夹下的html文件

编写好文件夹下的html和is代码生成apk安装到安卓手机上就可以运行了。


2.3NativeAPP的开发环境配置及APP运行


对于Native APP发模式,不同的手机系统都有套成熟的开发框架与对应的开发语言”。例如,苹果手机的APP需要用Object-C 编写,AndroidAPP主要用Java开发,而属于微软公司的Win-dows Phone应用主要使用C#语言开发。如图4 所示是安卓手机的Native APP的基本结构。其中Activity可以理解为活动窗口或者是一个单独的页面,它是与用户交互的最基本的成像单元。在XMI文件中记录了手机页面的组件信息,Activity启动后加载XML文件显示页面。开发者在 Activity里编写Java代码绑定组件,给绑定的组件添加监听事件,在监听事件中实现功能和API的调用。


Android手机的Native APP开发环境配置主要包括两个方面,一方面是配置程序设计语言的运行环境,需要下载JDK工具包并安装。另一方面是开发平台的搭建,需要将安卓开发的ADT插件安装到Eclipse 开发平台上,并用SDK 工具配置好安卓虚拟机JDK工具包只需要点击按照提示即可安装,配置完环境变量成后在dos下输人命令java - version,若显示 java 的版本则安装成功。ADT的安装需要打开 Eclipse,选择工具栏的安装新软件,输入地址https://dl-ssl.google.com/android/eclipse/,进行在线安装。最后是虚拟机的创建,要将下载好的SDK包解压并将路径配置到 Eclipse 上,随后在 eclipse 的工具栏打开AVD Manager下载适合自己的手机系统镜像并更新到对应的平台工具。然后打开SDKManager 创建一台虚拟机,环境配置工作就基本完成了。


2.4WebAPP的环境配置及APP运行


Web APP开发模式的环境搭建主要是服务器端的环境搭建,Web APP的使用一般是用手机自带的浏览器访问站点,不需要下载安装。这里选择Java Web的应用。Java Web的开发环境配置,需要下载Java EE 版的 Eclipse,安装Tomcat服务器并配置Java运行环境。仅仅靠 Java Web 技术开发出的页面并不适合手机显示,界面往往太大,操作起来也不方便。开发者可以使用成熟的移动 Web 开发框架来解决这个问题。现在已经有了很多优秀的移动 Web开发框架,例如Sencha TouchjQuery Mobile、DHTMLXTouch等。这些框架对HTML5和CSS3都有不错的支持。用JQuery Mobile界面奈材创建的 Web APP在安卓模拟器上运行的效果。


出处 长春理工大学学报(自然科学版)

原标题 移动APP开发模式研究

作者 李莉 张超然 刘丹 李纪成

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...