精华内容
下载资源
问答
  • 移动APP开发

    2018-04-20 14:10:43
    jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mobile 与 HTML5 ,可以很方便的开发出一款具有良好界面及用户体验的 Web App....
  • 根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。 每个开发框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScrip

    目录

    总括

    几个开发框架的比较

    PhoneGap

    Cordova

    Ionic

    AppCan

    Dcloud

    APICloud

    React Native

    Xamarin

    Flutter

    WeX5

    总结

    React Native、Weex等有什么不同?


    总括

    根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。

    每个开发框架几乎都包含以下特性:

    • 使用 HTML5 + CSS + JavaScript 开发
    • 跨平台重用代码
    • 丰富的UI库
    • 提供访问设备原生API的 JavaScript API 包装器
    • 解决原生开发中机型适配的难题
    • 提供打包、部署的工具或服务
    • 都需要学习自身封装的 JavaScript API

    我们作为开发者筛选框架的要求:

    • 性能:运行速度快
    • UI:提供接近原生的UI体验
    • 插件多,文档丰富,开发效率高,容易扩展和维护
    • 满足业务需求

    几个开发框架的比较

    PhoneGap

    概述

    PhoneGap是一个采用HTMLCSSJavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOSAndroidPalmSymbian,WP7,WP8,BadaBlackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

    优点

    • 支持8个移动应用开发平台(Android,iOS,Windows,BlackBerry,Symbian,Bada,WebOS和Tizen)
    • 可以利用传统的web开发技术(如HTML、CSS、 JavaScript )开发用户接口,利用PhoneGap容器把它们部署到不同的应用环境和设备上
    • 此外,它允许您访问本机API,以便APP可以充分利用设备提供的各种功能
    • 完全做到了written once,run everywhere;代码编写完之后,通过phonegap的build工具构建
    • 采用w3c标准,包括但不限于HTML5、CSS3、JavaScript,比如说W3C标准中的命名方式等
    • 不需要手机编程基础,只要会HTML就能做应用,且能通过js调用设备底层硬件(比如加速计、摄像头、罗盘、通讯录、文档、GPS、媒体、网络、通知(警告、声音和振动)、存储、传感器等等)

    Cordova

    概述

    Cordova 和 PhoneGap 的区别?
    PhoneGap 是 Apache Cordova 的一个分发版,就像 Ubuntu 是基于 Linux 的一个发行版,其代码库也基于 Cordova,只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务,例如 PhoneGap Build 和 Adobe Shadow,来帮助开发者简化开发。
    此外,两者提供的CLI工具、项目结构有差异,如:Cordova 把 config.html 放在项目目录下,而 PhoneGap 把它放在www 目录下。

    优点

    • 开源免费,社区生态成熟,插件丰富
    • 支持离线场景应用
    • 开发工具选择空间大

    缺点

    • 只提供基础访问设备的接口,需要自己搭配其他UI框架和JavaScript框架来搭配

    UI框架

    参考资料

    Ionic

    概述

    ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用,官网地址:http://www.ionic.wang/ (有详细介绍),对其更为清晰的说明可以表述为:Ionic = Cordova + AngularJS + 一套样式库

    技术要求

    • HTML + CSS + AngularJS

    优点

    • 基于 Cordova
    • 漂亮的界面,追求性能,专注原生,免费开源
    • Angular JS MVVM 开发理念,数据双向绑定
    • 继承自 Cordova,可以使用 Cordova 的插件

    缺点

    • Angular JS 学习路线陡峭
    • Ionic 框架相比于原生的 Cordova 有所差异,Cordova 某些官方插件可能不适用于Ionic

    AppCan

    概述

    基于业内领先的 Hybrid App 开发引擎,采用 HTML5 标准作为开发语言,一次开发,多平台适配。 提供团队管理、开发流程管理、配置管理、版本管理、测试管理等功能,有效、有序的控制开发过程,提升开发效率。通过AppCan IDE集成开发系统、云端打包器等,快速开发出Android、iOS、WP平台上的移动应用。

    有两种方式创建项目:IDE 和云端,并且IDE可以同步到云端。
    免费用户有100M空间、50个应用的限制。

    优点

    • 提供一体化解决方案,方便环境搭建、开发、调试、发布
    • 框架自带UI包,包含常用控件样式
    • 框架对UI、动画渲染进行过优化,反应速度快
    • 支持本地打包、云端打包
    • 基于密钥的代码加密

    缺点

    • 不开源,无法修改、优化底层代码
    • 分大众版和企业版,大众版免费,但功能有缺失
    • 暂不支持自行开发控件,无法调取android原生功能
    • 框架自带功能过多,导致应用安装包偏大
    • 文档偏少
    • 部分系统无法使用IDE进行调试
    • 只能在服务器端发布,无法在本地发布
    • IOS发布,需要将证书上传至服务器

    参考资料
    Phonegap VS AppCan

    企业版和大众版主要有以下几点区别

    • 开发环境:
      企业版走独立的开发环境与打包环境,企业版配备macmini打包服务器,可以实现本地环境下创建项目,调试,打包;
      大众版不管是创建项目还是打包都需要依托于官方的服务器,需要在联网的情况下进行,打包需要将源码上传到官方服务器进行打包;
    • 版本控制:企业版独立控制引擎插件的版本;
      大众版官方统一维护,官方换哪个版本开发者就需要使用哪个版本,没有选择;
    • 协同开发:企业版可通过macmini后台分配开发者或者应用管理员帐号,可实现协同开发。
      大众版不能满足协同开发
    • 企业版有推送API接口
      大众版没有
    • 售后服务:企业版有独立的售后团队
      大众版的入口是论坛

    Dcloud

    概述

    普通的HTML5技术与原生技术相比,有跨平台、动态、开放、直达二级内容页面等特点,但却在性能、工具、能力方面弱于原生技术。DCloud推出免费的HTML5开发IDE“HBuilder”,以改善HTML5开发工具弱于原生的问题。后续又推出免费的手机强化引擎“5+ Runtime”,其内置的Native.js技术可调用手机终端40多万原生API,弥补HTML5功能弱于原生的问题,DCloud相关组件如下图:

    Dcloud组件

     

    优点

    • 国内厂商,中文文档
    • 对HTML5的性能、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省时间
    • MUI 更贴近国内App使用习惯,提供模块的详细例子,如登录,个人中心
    • 内置的Native.js技术可调用手机终端40多万原生API

    缺点

    • 部分操作需要具备原生开发经验,如离线打包App
    • 新产品仍然有bug,还需改进
    • 云编译必须联网获取AppId

    学习路线

    DCloud学习路线

    APICloud

    概述

    APICloud是国内较早布局低代码开发的平台之一,其发布的低代码效率工具Plus Mode,为IT项目中每个角色提供专业工具,将需求分析、产品原型、UI设计、前端开发、后端开发紧密衔接,并基于行业大数据对前置环节进行复用,最终缩减大量重复性工作,有效提升30%-60% IT项目效率。是手机APP制作与开发的专家平台。

    优点

    • 不懂原生开发,不懂后台语言就可完成APP

    缺点

    • 更新速度快,版本不够稳定
    • 面向不懂App开发人群,不适合程序员和科技公司,过度依赖会降低技术水平

    React Native

    概述

    React Native产出的并不是“网页应用”, 或者说“HTML5应用”,又或者“混合应用”。 最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。 你要做的就是把这些基础组件使用JavaScript和React的方式组合起来。能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。仅需学习一次,编写任何平台。(Learn once, write anywhere)

    优点

    • 能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP
    • 仅需学习一次,编写任何平台。(Learn once, write anywhere)
    • 虽然不能做到一次编码到处运行,但是基本上即使是两套代码, 也是相同的jsx语法, 使用js进行开发。用户体验高于html, 开发效率较高
    • Flexbox布局据说比native的自适应布局更加简单高效
    • 可实现在线更新,允许运行于JavaSriptCore的动态加载代码,更贴近于原生开发
    • 使 App 可以达到每秒 60 帧(足够流畅),并且能有类似原生 App 的外观和手感
    • 如果你只想给现有的原生应用中添加一两个视图或是业务流程,React Native 也同样不在话下

    缺点

    • 初次学习成本高
    • 必须在不同平台下写两套代码,依赖暴露的接口
    • 当官方封装的控件、API无法满足需求时就必然需要懂一些native的东西去扩展,扩展性仍然远远不如web,也远远不如直接写Native Code

    Xamarin

    概述

    Xamarin 是移动开发的未来——移动应用跨平台开发的唯一解决方案。开发人员透过Xamarin开发工具与程序语言,即可开发出iOS、Android 与Windows 等平台的原生(Native) App 应用程序,不须个别使用各平台的开发工具与程序语言,不只是「write-once, run everywhere」的跨平台解决方案,更可达到 「write your code once, and present native UIs on each platform.」之跨平台开发能力。由于Xamarin可直接产生各平台之原生App应用程序,相较于其他跨平台方案,藉由Xamarin所开发出来的App应用程序,更能发挥出各行动平台的功能与特性,且具有最佳的执行效能。

    优点

    缺点

    • 稍微延迟支持最新的平台更新
    • 对开源库的访问受限
    • Xamarin生态系统不大的问题
    • 需要有本地语言的基本知识
    • 不适用于重图形应用程序
    • 更大的应用程序大小
    • 与第三方库和工具的兼容性问题

    Flutter

    概述

    Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。

    优点

    • 高生产效率。一套代码可以开发出Android和iOS应用;Dart语言优越性,使得同样的功能只需要很少的代码;迭代更加方便, hot reload功能
    • 创建优雅的、高度可定制的用户界面。Flutter内置了对Material Design和Cupertino(iOS-favor)的UI组件库;提供了可定制 的UI组件,不再受制于OEM控件的限制
    • 借助可移植的GPU加速的渲染引擎以及高性能本地ARM代码运行时以达到跨平台的高质量用户体验

    缺点

    • Flutter采用Dart语言开发,属于小众语言,需要一切都要重新学习
    • Flutter现在还处在Beta阶段,第三方库很少

    WeX5

    概述

    WeX5是开源并且免费使用的APP开发工具,能够提高APP的开发效率。其在eclipse基础上封装了很多东西,提供丰富组件体系,方便快捷,是一款前端开发工具,支持多种后台开发语言。WeX5一直坚持采用H5+CSS3+JS标准技术,一次开发,多端任意部署,确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备,如相机、地图、通讯录等,让开发者轻松应对各类复杂数据应用,代码量减少80%。同时开发出的应用能够媲美原生的运行体验。

    优点

    • 跨平台多前端应用开发,支持app、web和微信应用快速开发
    • 高效精致的UI组件体系,完全基于主流标准和技术
    • 本机API框架(Native APIFramework)
    • 可视化拖拽式集成开发环境IDE
    • 全能力的调试支持和智能代码提示
    • 无限制、多方式、可加密的App应用打包发布
    • 彻底开放的App应用后端技术和部署方式

    缺点

    • 使用xid替换标准的id,但是导致代码的很难复用。例如,用Wex5开发,或者在Wex5体系中使用外部组件,都很难复用
    • Model:容易混淆,传统意义上的model只是提供数据模型操作,但是wex5的model有点乱用,中间不但夹杂有业务逻辑,还混合了视图操作
    • DOM节点的操作,不能按照标准的方式,必须使用wex5自己封装的方法,不当增加的开发成本、学习成本,代码难以复用

    总结

    首先是三个典型平台的生态社区特点对比如下:

    平台

    dcloud

    起步科技

    AppCan

    项目

    dcloud.io的uni-app

    wex5

    AppCan

    兼容

    免费,超多端发布(包括各类小程序,H5,App)

    全免费,多端发布(H5,app)

    个人免费,多端发布,有限制

    打包构建

    混合开发,使用web-view进行H5页面加载,可以分为本地页面,也可以使用网络页面(有加载条)

    混合开发,H5套壳的形式开发,内容升级可以直接修改H5页面

    混合开发,可以很容易实现H5套壳的形式

    主要开发和知识点

    Vue.js开发

    Html+js+css开发

    Html+js+css开发

    其他

    UI组件丰富,文档十分详细,通过编译,很接近原生,性能良好,社区活跃

    UI组件较弱,文档详细

    UI组件较弱,文档详细

    技术架构特点对比如下:

    架构特点

    uni-app

    wex5

    AppCan

    APICloud

    底层

    基于vue.js,通过自研编译器编译

    基于cordova开发,cordova开源,暂时没有看到可以直接继承原生SDK

    自身封装底层,闭源,无法直接使用原生SDK

    闭源,免费版有限制

    扩展能力

    支持原生SDK的云打包技术,有插件市场,也可以自己开发插件

    可基于cordova开发原生扩展,插件市场

    提供了一种叫Widget插件扩展机制,扩展原生插件用于持续继承

    可以自己开发模块

    编译

    支持本地编译与云端编译

    支持本地编译

    云端编译,有次数限制

    云端编译,有次数限制

    如下基本总结:

    Cordova

    • 生态成熟,有更多可搭配工具使用,开源代码可自由定制
    • 前端框架: famous 或 Framework7

    DCloud

    • 开源,免费,性能还可以
    • 提供云服务帮助打包和部署、测试,降低一部分门槛,减少时间
    • 拥有插件市场,也可以自己开发插件
    • 前端框架:MUI

    APICloud

    • 闭源,免费版有限制,生态不好,名声不好,面向群体不适合

    AppCan

    • 闭源,商业化产品,免费版限制太多

    Ionic

    • AngularJS 学习曲线陡峭,需要时间

    React Native

    • 学习成本高

    Flutter

    • 属于小众语言,一切都要重新学习

    总的来说,以上整理分析的框架的优劣都是相互的,根据产品需求和企业技术方向以及技术人员的具体情况,选择最合适的就是最好的。

     

    React Native、Weex等有什么不同?

    React Native、Weex等一直存在一个问题,就是性能跟原生App存在很大的差异。这跟它们的原理有很大的关系,下面从原生App,RN、Weex,Flutter的简单原理说一下它们的不同。

    • 原生App
      苹果2008年发布iOS,Google 2009年发布Android,它们的SDK是基于两种不同的编程语言Objective-C 和 Jave.现在又有了Swift和Kotlin。

       

      上面是原生App的一个简单架构,开发人员直接调用平台SDK进行UI开发。由于语言及SDK的不同,所以开发人员必须为两个平台分别开发App。

    • WebViews
      最早的跨平台方案是基于JaveScript 和 WebView的,像PhoneGap、Cordova、Ionic等。

       

      UI通过WebView来显示html代码,系统服务则通过一个中间层桥接到JaveScript中去。

    • React Native
      RN不仅桥接系统服务,也将系统UI也桥接到了JaveScript中,这样写出来的UI最终也会渲染成原生的控件。

       

      如上图这样,UI的渲染是很频繁的,要使UI不卡顿,必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。

    • Flutter
      Flutter使用Dart语言开发,Dart可以被编译(AOT)成不同平台的本地代码,让Flutter可以直接和平台通讯而不需要一个中间的桥接过程,从而提高了性能。

       

       

    展开全文
  • 十款移动APP开发框架

    千次阅读 2019-11-16 21:42:55
    十款移动APP开发框架: 1.jquery mobile框架 2.bootstrap框架 3.ionic框架 4.Mobile Angular UI框架 5.Intel XDK框架 6.Appcelerator Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 ...

      十款移动APP开发框架:

    1.jquery mobile框架

    2.bootstrap框架

    3.ionic框架

    4.Mobile Angular UI框架

    5.Intel XDK框架

    6.Appcelerator Titanium框架

    7.Sencha Touch框架

    8.Kendo UI框架

    9.PhoneGap框架

    10.mui框架

      1.jquery mobile框架

    用于HTML5移动开发的10大移动APP开发框架

      jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

      2.bootstrap框架

    用于HTML5移动开发的10大移动APP开发框架

      Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

      3.ionic框架

    用于HTML5移动开发的10大移动APP开发框架

      Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

      4.Mobile Angular UI框架

    用于HTML5移动开发的10大移动APP开发框架

      Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

      Mobile Angular UI的关键字有:

      1. Bootstrap 3

      2. AngularJS

      Bootstrap 3 Mobile组件,比如switches, overlays和sidebars,这些都是bootstrap中没有的。

      AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate

      响应式媒体查询是将bootstrap作为单独的文件,你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖,你需要做的只是通过一些AngularJS指令创建友好的用户体验。

      5.Intel XDK框架

    用于HTML5移动开发的10大移动APP开发框架

      Intel发布了其首个版本基于web的编程工具,可帮助开发者为Android和iOS开发移动应用。这款免费的软件名为Intel XDK,实际上这是今年2月份Intel收购的AppMobi软件的重新包装后的版本,所以并非新鲜事物。开发者可用此软件开发基于HTML5的应用,并 用于移动设备中。

      6.Appcelerator Titanium框架

    用于HTML5移动开发的10大移动APP开发框架

      Titanium 是一个跟手机平台无关的开发框架,用来开发具有本地应用效果的Web应用。当前主要支持 iPhone 和 Android 手机。

      主要提供的API包括:

      2D/3D animations

      Geo-location, compass, and maps

      Augmented reality features

      Social app authentication and native client support for email

      SOAP or REST API calls

      Audio, video, and image capture and playback

      Taps into local filesystem and SQL lite databases

      Accesses photo gallery or address data

      7.Sencha Touch框架

    用于HTML5移动开发的10大移动APP开发框架

      Sencha Touch框架是世界上第一个基于HTML5的Mobile App框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序。

      8.Kendo UI框架

    用于HTML5移动开发的10大移动APP开发框架

      Kendo UI的每个方面都从底层开始构建,以提供强大的JavaScript应用程序性能。Kendo UI不是另一个jQuery UI的克隆,它的每一个决定都是从优化性能出发。从轻量级的、执行明显快于jQurey模板的内置模板库,到利用CSS3硬件加速的(如果可能)优化动画 和先进的虚拟化用户界面,Kendo UI不遗余力地提供高性能的客户端UI。

      9.PhoneGap框架

    用于HTML5移动开发的10大移动APP开发框架

      说到跨平台开发工具,很多人首先会想到PhoneGap。这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流移动平台一应俱全,还能让开发者充分利用地理位置、加速器、联系人、声音等手机核心功能。

      业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等。其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

      10.mui框架

    用于HTML5移动开发的10大移动APP开发框架

      最接近原生APP体验的高性能前端框架,具有以下特点:

      轻量

      追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;

      MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K

      原生UI

      鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标

      MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

      流畅体验

      •  下拉刷新

      为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画。

      •  侧滑导航

      mui提供了两种侧滑导航实现:webview模式和div模式,两种模式各有优劣,适用于不同的场景。每种侧滑实现模式,有不同的侧滑动画效果,主要分为四类:

      动画1:主界面移动、菜单不动

      动画2:主界面不动、菜单移动

      动画3:主界面和菜单同时移动

      动画4:缩放式侧滑(类手机QQ)

      •  滑动触发操作菜单

      在手机应用中(特别是iOS平台),很多操作菜单都是滑动触发的,比如短信界面,左滑显示“删除”按钮,点击可以删除该短信对话;邮件列表界面,左滑可以删除,右滑可以标注为”已读/未读”状态; mui的列表控件也支持滑动触发操作菜单功能,仅需按照特定格式拼装DOM结构即可;另外,滑动还支持事件触发,开发者可以通过监听滑动事件(slideleft/slideright),完成操作前的确认提醒工作。

    展开全文
  • 移动APP开发环境搭建(新手)

    千次阅读 2020-04-08 13:30:17
    移动APP开发环境配置(新手搭建) 涉及到的配置工具 STS ( eclipse idea 一样的开发工具) java jdk : 是Java语言开发工具包,JDK是整个JAVA的核心,包括了Java运行环境 ant :Ant是Java的生成工具,用来编译、...

    移动APP开发环境配置(新手搭建)

    • 涉及到的配置工具 
      • STS ( eclipse idea 一样的开发工具)
      • java jdk  : 是Java语言开发工具包,JDK是整个JAVA的核心,包括了Java运行环境
      • ant :Ant是Java的生成工具,用来编译、生成;跨平台,
      • Ant的主要目的就是把你想做的事情自动化,不用你手动一步一步做,因为里面内置了javac、java、创建目录、复制文件等  功能,所以可以直接点击Ant文件,即可编译生成你的项目。
      • android SDK : Android 专属的软件开发工具包
      • nodejs :是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境
      • ionic和cordova :ionic 是一个强大的 HTML5 应用程序开发框架。可以认为Cordova是一个容器,用于将我们的网络应用程序与本机移动功能连接。
    • 下载及环境变量配置
      • 网址 :
        • java jdk : https://www.oracle.com/java/technologies/javase-downloads.html    
          • 配置环境变量
            • 新建系统变量
              • KEY : JAVA_HOME
              • VALUE : D:\tools\Java\jdk1.8.0_111 
            • 编辑path
              • %JAVA_HOME%\bin
              • win7的话前面加   ;  。
          • 测试 :cmd命令框中 输入java -version  出现版本即成功
        • ant : https://ant.apache.org/bindownload.cgi   
          • 配置环境变
            • 新建系统变量
            • 编辑path
          • 测试 :cmd命令框中 输入ant -v 出现版本即成功
        • android sdk : https://www.androiddevtools.cn/
          • 博主装的是解压版。
          • 下载sdk
          • 下载tools(我是下载最新的)
          • tools存放位置
            • 将下载好的tools文件解压到sdk路径下的platforms文件夹下
          • 双击打开sdk文件夹下的SDK manager.exe
          • 待更新。。
    • nodejs : https://nodejs.org/en/download/
      • 下载好exe 双击安装,一直next 知道安装完成。
      • 测试 cmd  输入命令 node -v

    本文目前仅供本人学习。无法帮助到其他人。抱歉!!

    展开全文
  • 移动app开发流程,app开发步骤

    千次阅读 2017-05-29 11:44:59
    移动app开发流程,app开发步骤 app是手机软件的简称。手机主流的有ios、andriod,windows平台。市场上程序做得比较多的也是前两款的平台。 随着移动互联网的普及,移动终端功能的日益完善,很多企业看重移动互联网...

    个人github:https://github.com/qiilee  欢迎follow

    移动app开发流程,app开发步骤

    app是手机软件的简称。手机主流的有ios、andriod,windows平台。市场上程序做得比较多的也是前两款的平台。

    随着移动互联网的普及,移动终端功能的日益完善,很多企业看重移动互联网的重要,开始在这个领域完善自己的品牌,开展营销活动。

    一款好的app需要哪些步骤?

    移动应用开发步骤1. 规划应用UI 

    移动应用开发步骤2. 设计数据操作与存储

    移动应用开发步骤3. 跳转多页面实现

    移动应用开发步骤4. 实现Service

    移动应用开发步骤5. 完善特性与细节

    移动应用开发步骤6. 移动应用程序测试

    移动应用开发步骤7. 打包,签名,发布

     

    细节:

    APP开发流程

     

    项目开发流程细分为5大阶段:

    理解需求:

    专业的产品经理(PM)将与客户进行细致的需求分析梳理工作,形成需求功能表。

    方案策划:

    产品经理协同方案策划师,基于需求功能表,结合国内外优秀APP设计思路,形成策划方案与APP设计逻辑图。

    UI设计:

    产品经理协同UI设计师,基于APP设计逻辑图,形成产品UI原型,经确认后交由美术设计师,形成最终APP界面设计方案。

    功能开发:

    产品经理协同主工程师,基于APP界面设计方案,形成程序架构设计方案,并有工程师团队进行开发,完成产品设计。

    全面测试:

    产品经理协同测试工程师,基于需求功能表、UI设计与程序架构设计,进行全面终测,形成测试报告,测试通过后交付客户。

     

    App制作流程、步骤

    制作一个完整的app流程、步骤如下:

    前提就是:在基本idea形成之后,其他准备条件都完善的情况下正式进入制作阶段。

    1、首先要确立产品原型,进入项目评估阶段。经过反复确认,最终形成产品脑图和完整的需求文档。

    2、正式进入产品的原型设计阶段。UI、UE开始设计,形成初步的效果图。在经过确认后界面的效果图正式设计完成。

    3、产品在设计图完成后,进入研发阶段。通过编程语言形成正式的程序。至此,app的制作过程就完成了一大部分,可以进入测试部进行测试。

    4、在产品经过多次测试,修改bug确认无误后。一个app制作项目就完成,可以进入个大市场,投放使用。

    5、也是比较关键的一步。在各大市场中,开发者就要通过各种方式推广自己的app产品,力求app在市场上获得更多的下载量,吸引更多的用户。

    APP制作流程图:

    移动互联网的高速发展带动了APP制作行业的大力扩展。智能生活时代,手机APP也在迅速的加入我们的生活。工作、生活家居都在迅猛的进入智能化。传统行业也都纷纷打响智能化开发战。移动互联网目前已经进入了普及期,制作APP已经成为企业发展之势。

    更经典APP开发案例、价格工期、流程费用可登陆东方爱智官网了解咨询。

    经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询

    开发app项目的步骤

     

    据北京APP开发公司东方爱智总结得出:一个完整的app开发过程要经过合同的签订→项目启动→建立产品原型→经过客户确认→形成效果图→客户再次确认→开始进入研发阶段→研发成功后进入测试阶段→测试过后将问题反馈给研发人员进行调整-→确认没有bug后客户验收→验收合格开始正式上线。这就是一个完整的app开发过程

    App的开发是一个不断和客户沟通和推敲的过程。首先,如果要做一款app,必须要前期进行沟通,初步表明此款app要实现的效果,属于哪个类型的app。在功能和实现价值基本敲定的情况下,开始进入项目评估阶段。这个时候产品经理会根据之前商定的功能进行价格和工期的评估,确立一个初步的项目排期。在系列的前期工作得到客户认可的情况下,签订合同正式开始项目。项目开始各个部门就开始项目的碰头会议,设计部门开始设计UI和UE,针对产品开展创意设计,形成初步的效果图,经过首次客户的确认。在根据交流的具体结果进行二次修改,最终与客户确认高保真视觉图,开始进入研发阶段。

    经过工程师的一段时间研发,产品基本成型,正式开始测试。测试合格,确认没有bug后与客户进行沟通,开始验收。客户验收合格满意后,开发者会将app正式传到各大app市场,正式上线。上线通过后,东方爱智给出的意见就是,客户要针对自己的产品进行推广计划。增加app的知名度,开始app的运营。这样一个完整的app就可以使用了。在针对客户的需求和市场行业的发展,还可以进行数据更新,和功能升级。同时还可以进行app二次开发。

     

     

    展开全文
  • 移动App开发的几种方式 原生App,即NativeApp WebApp HybridApp,(完全依赖原生App中的WebView组件,本质上只是对WebView组件做更多的扩展,为它提供更多的api,由原生做主导) 跨平台开发( 由web做主导,编译转成...
  • 移动APP开发框架总结

    千次阅读 2018-10-30 10:57:00
    一、移动APP开发框架 1、vux VUX- Vue 移动端 UI 组件库 2、Mint UI Mint UI - 基于 Vue.js 的移动端组件库 3、vant Vant- 轻量、可靠的移动端 Vue 组件库 4、weex Weex 是一个使用 Web 开发体验来开发高...
  • HTML5移动开发的10大移动APP开发框架

    万次阅读 2017-12-13 15:52:29
    今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款... 十款移动APP开发框架: 1.jquery mobile框架 2.bootstrap框架 3.ionic框架 4.Mobile Angular UI框架 5.Intel XDK框架 6.Appcelerator Titanium框架 7.Senc
  • 移动APP开发的三种技术对比

    千次阅读 2019-09-18 06:08:25
    目前来说主流的App开发方式有三种:Native App 、Web App、Hybird App。下面我们来分析一下这三种App开发方式的优劣对比: 一 :Native App 即 原生App开发 优点: (1)打造完美的用户体验 (2)性能稳定 (3)操作...
  • 本文根据owasp出具的2016移动应用top10的checklist翻译而来,适用于所有android应用
  • 移动APP开发之技术选择

    千次阅读 2018-03-13 15:21:14
    APP开发种类 目前主流的APP主要为iOS版本和Android版本。早期APP的开发,两个版本需要分开独立进行,分别使用Objective-C/swift和Java语言。这些APP也称为Native APP,即原生系统。由于Native APP开发成本高、难度...
  • 今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都... 十款移动APP开发框架: 1.jquery mobile框架 2.bootstrap框架 3.ionic框架 4.Mobile Angular UI框架 5.Intel XDK框架 6.Appcelerator Titani
  • 前端最常用的移动App开发方式及技术栈详解 混合App相关技术 共同点: 把网页打包成移动 App,使 Web 程序可以访问手机原生能力。 Cordova Cordova 是Apache软件基金会的一个产品。其前身是PhoneGap,由Nitobi开发...
  • 基于HTML5移动app开发教程一

    万次阅读 2016-07-09 22:42:15
    一 摘要现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.二 整体效果三 整个框架图四 具体实现1.页面引导图第一步 ...
  • HTML5plus 移动 App开发入门

    万次阅读 2014-07-11 11:24:28
    HTML5plus 移动 App开发入门   更新时间:2014年 4月 17日     HTML5 Plus 应用概述     HTML5 Plus 规范     通过 HTML5 开发移动 App 时,会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的...
  • 1-什么是混合移动App开发 苹果上的软件是如何开发出来的:使用的是 OC、或者使用Swift这门语言 安卓平台上的软件又是如何开发出来的:使用安卓相关的语言开发的,Java,安卓的控件进行开发 苹果和安卓平台上共有的...
  • 移动App开发(包含iOS和Android转型)

    千次阅读 2015-11-08 14:23:13
    上一篇从框架的角度介绍了iOS开发,本来这一节是要讲autolayout的,但是由于刚开始... 本人在刚开始接触移动开发是在android平台上的。很多人选择安卓和苹果两个平台可能是基于日后的薪资问题,其实就我个人而言,根据
  • 一 摘要今天给大家介绍有关HTML5移动开发APP开发框架,这里主要给大家介绍...十款移动APP开发框架:1.jquery mobile框架2.bootstrap框架3.ionic框架4.Mobile Angular UI框架5.Intel XDK框架6.Appcelerator Titanium框架7.
  • 课程设计,期末大作业,答辩ppt,有源代码,有app解释,安卓移动开发,学年设计;课程设计,期末大作业,答辩ppt,有源代码,有app解释,安卓移动开发,学年设计
  • 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是...
  • .NET(c#) 移动APP开发平台 - Smobiler(1)

    万次阅读 2018-01-15 16:34:16
    如果说基于.net的移动开发平台,目前比较流行的可能是xamarin了,不过除了这个,还有一个比xamarin更好用的国内的.net移动开发平台,smobiler,不用学习另外一套开发模式或者搭建复杂的开发环境,smobiler能够让大家...
  • Ionic移动app开发:登录实现 对于一款App必然会有一个登录界面,下面介绍一下使用ionic创建一个登录的过程: 创建ionic project ionic start projectname template 安装依赖 –进入project 文件夹 ...
  • 6个DIY移动APP开发平台

    千次阅读 2017-09-11 12:47:51
  • 几款移动跨平台App开发框架比较

    万次阅读 多人点赞 2019-04-03 16:34:23
    整理目前流行的跨平台WebApp开发技术的特点,仅供参考。 每个框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScript 开发; 跨平台重用代码; 丰富的UI库; 提供访问设备原生API的 JavaScript API 包装器; ...
  • 海外移动APP开发常用的三方平台

    千次阅读 2018-06-09 18:46:17
    1.登录:海外APP三方登录常用: (1):Google 账号登录 开发文档:https://developers.google.com/identity/sign-in/android/?hl=zh-cn (2):FaceBook 账号登录: 开发文档:...
  •  .NET(c#) 移动APP开发平台 - Smobiler(1) 环境的搭建及上手第一个应用 类似开发WinForm的方式,使用C#开发Android和IOS的移动应用?听起来感觉不可思议,但是实际上确实很强大,那么Smobiler平台到底是如何实现...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 234,907
精华内容 93,962
关键字:

移动app开发