精华内容
下载资源
问答
  • HTML 5移动开发从入门到精通

    万人学习 2015-01-14 20:16:03
    本课程讲述了HTML 5移动开发的各种技术,通过本课程的学习,用户可以掌握HTML 5移动开发的技巧
  • 一 摘要今天给大家介绍有关HTML5移动开发APP开发框架,这里主要给大家介绍10款移动APP开发框架,下一篇文章将给大家具体演示一下如何用这些框架来搭建一个移动APP应用. 十款移动APP开发框架:1.jquery mobile框架2....

    一 摘要

    今天给大家介绍有关HTML5移动开发APP开发框架,这里主要给大家介绍10款移动APP开发框架,下一篇文章将给大家具体演示一下如何用这些框架来搭建一个移动APP应用.
    十款移动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框架

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

    2.bootstrap框架

    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框架

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

    4.Mobile Angular UI框架

    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框架

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

    6.Appcelerator Titanium框架

    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
    
    展开全文
  • 微信支付移动开发

    万次阅读 2019-01-20 11:38:23
    微信支付移动开发
                   

    原文:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=8_3

    文档中心:https://pay.weixin.qq.com/wiki/doc/api/index.html

    场景介绍

    适用于商户在移动端APP中集成微信支付功能。

    商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。

    目前微信支付支持手机系统有:IOS(苹果)、Android(安卓)和WP(Windows Phone)。

    交互细节如下:

    步骤1:用户进入商户APP,选择商品下单、确认购买,进入支付环节。商户服务后台生成支付订单,签名后将数据传输到APP端。以微信提供的DEMO为例,见图8.1。

    步骤2:用户点击后发起支付操作,进入到微信界面,调起微信支付,出现确认支付界面,见图8.2。

    步骤3:用户确认收款方和金额,点击立即支付后出现输入密码界面,可选择零钱或银行卡支付见图8.3。

    商户APP界面实例

    图8.1 商户APP界面实例

    跳转到微信支付

    图8.2 跳转到微信支付

    用户确认支付

    图8.3 用户确认支付

    第四步:输入正确密码后,支付完成,用户端微信出现支付详情页面。见图8.4。

    第五步:回跳到商户APP中,商户APP根据支付结果个性化展示订单处理结果。见图8.5。

    支付成功提示页面

    图8.4 支付成功提示页面

    返回到商户APP提示


    APP端开发步骤说明

    IOS开发要点说明

    以下项目开发环境以Xcode10.0,运行环境为IOS7.0为例,说明其开发中需要的操作。

    1、项目设置APPID

    商户在微信开放平台申请开发APP应用后,微信开放平台会生成APP的唯一标识APPID。在Xcode中打开项目,设置项目属性中的URL Schemes为您的APPID。如图8.7标红位置所示。

    IOS开发要点说明

    图8.7

    2、注册APPID

    商户APP工程中引入微信lib库和头文件,调用API前,需要先向微信注册您的APPID,代码如下:

    [WXApi registerApp:@"wxd930ea5d5a258f4f" withDescription:@"demo 2.0"];

    3、调起支付

    商户服务器生成支付订单,先调用【统一下单API】生成预付单,获取到prepay_id后将参数再次签名传输给APP发起支付。以下是调起微信支付的关键代码:

    PayReq *request = [[[PayReq alloc] init] autorelease];

    request.partnerId = @"10000100";

    request.prepayId= @"1101000000140415649af9fc314aa427";

    request.package = @"Sign=WXPay";

    request.nonceStr= @"a462b76e7436e98e0ed6e13c64b4fd1c";

    request.timeStamp= @"1397527777";

    request.sign= @"582282D72DD2B03AD892830965F428CB16E7A256";

    [WXApi sendReq:request];

    注意:该sign生成字段名列表见调起支付API

    4、支付结果回调

    照微信SDK Sample,在类实现onResp函数,支付完成后,微信APP会返回到商户APP并回调onResp函数,开发者需要在该函数中接收通知,判断返回错误码,如果支付成功则去后台查询支付结果再展示用户实际支付结果。注意 一定不能以客户端返回作为用户支付的结果,应以服务器端的接收的支付通知或查询API返回的结果为准。代码示例如下:

                -(void)onResp:(BaseResp*)resp{     if ([respisKindOfClass:[PayRespclass]]){         PayResp*response=(PayResp*)resp;         switch(response.errCode){             caseWXSuccess:                         //服务器端查询支付通知或查询API返回的结果再提示成功                         NSlog(@"支付成功");                       break;                       default:                       NSlog(@"支付失败,retcode=%d",resp.errCode);                       break;                  }                   }                }             

    回调中errCode值列表:

    名称描述解决方案
    0成功展示成功页面
    -1错误可能的原因:签名错误、未注册APPID、项目设置APPID不正确、注册的APPID与设置的不匹配、其他异常等。
    -2用户取消无需处理。发生场景:用户不支付了,点击取消,返回APP。

    Android开发要点说明

    1、后台设置

    商户在微信开放平台申请开发应用后,微信开放平台会生成APP的唯一标识APPID。由于需要保证支付安全,需要在开放平台绑定商户应用包名和应用签名,设置好后才能正常发起支付。设置界面在【开放平台】中的栏目【管理中心 / 修改应用 / 修改开发信息】里面,如图8.8红框内所示。

    修改开发信息

    图8.8

    应用包名:是在APP项目配置文件AndroidManifest.xml中声明的package值,例如DEMO中的package="net.sourceforge.simcpux"。

    应用签名:根据项目的应用包名和编译使用的keystore,可由签名工具生成一个32位的md5串,在调试的手机上安装签名工具后,运行可生成应用签名串,如图8.9所示,绿色串即应用签名。签名工具下载地址https://open.weixin.qq.com/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android.apk

    修改开发信息

    图8.9

    2、注册APPID

    商户APP工程中引入微信JAR包,调用API前,需要先向微信注册您的APPID,代码如下:

    final IWXAPI msgApi = WXAPIFactory.createWXAPI(context, null);

    // 将该app注册到微信

    msgApi.registerApp("wxd930ea5d5a258f4f");

    3、调起支付

    商户服务器生成支付订单,先调用统一下单API(详见第7节)生成预付单,获取到prepay_id后将参数再次签名传输给APP发起支付。以下是调起微信支付的关键代码:

    IWXAPI api;

    PayReq request = new PayReq();

    request.appId = "wxd930ea5d5a258f4f";

    request.partnerId = "1900000109";

    request.prepayId= "1101000000140415649af9fc314aa427",;

    request.packageValue = "Sign=WXPay";

    request.nonceStr= "1101000000140429eb40476f8896f4c9";

    request.timeStamp= "1398746574";

    request.sign= "7FFECB600D7157C5AA49810D2D8F28BC2811827B";

    api.sendReq(req);

    注意:该sign生成字段名列表见调起支付API

    4、支付结果回调

    参照微信SDK Sample,在net.sourceforge.simcpux.wxapi包路径中实现WXPayEntryActivity类(包名或类名不一致会造成无法回调),在WXPayEntryActivity类中实现onResp函数,支付完成后,微信APP会返回到商户APP并回调onResp函数,开发者需要在该函数中接收通知,判断返回错误码,如果支付成功则去后台查询支付结果再展示用户实际支付结果。注意一定不能以客户端返回作为用户支付的结果,应以服务器端的接收的支付通知或查询API返回的结果为准。代码示例如下:

    publicvoidonResp(BaseRespresp){
    if(resp.getType()==ConstantsAPI.COMMAND_PAY_BY_WX){
    Log.d(TAG,"onPayFinish,errCode="+resp.errCode);
    AlertDialog.Builderbuilder=newAlertDialog.Builder(this);
    builder.setTitle(R.string.app_tip);
    }
    }

    回调中errCode值列表:

    名称描述解决方案
    0成功展示成功页面
    -1错误可能的原因:签名错误、未注册APPID、项目设置APPID不正确、注册的APPID与设置的不匹配、其他异常等。
    -2用户取消无需处理。发生场景:用户不支付了,点击取消,返回APP。

               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

    展开全文
  • HTML5移动开发的10大移动APP开发框架

    万次阅读 2017-12-13 15:52:29
    今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用。. 十款移动APP开发框架: 1.jquery mobile框架 2.bootstrap框架 3.ionic...

    今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用。.

      十款移动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),完成操作前的确认提醒工作。

    展开全文
  • 如何为移动开发选择技术栈?

    万次阅读 2019-07-21 18:08:01
    选择合适的技术栈是移动开发领域最关键的决策之一。你选择的技术栈将为你开发的移动应用提供基本的功能、可拓展和维护性。选择技术栈时应该注意项目的类型、预期投入市场的时间和创意的可行性。 原则上来说,选择何...

    今天就来聊一聊
    如何选择移动应用开发的技术栈
    在这里插入图片描述
    选择合适的技术栈是移动开发领域最关键的决策之一。你选择的技术栈将为你开发的移动应用提供基本的功能、可拓展和维护性。选择技术栈时应该注意项目的类型、预期投入市场的时间和创意的可行性。

    原则上来说,选择何种技术栈取决于产品的设计目标。例如,跨平台方法对于初创公司是一个很好的解决方案,而原生开发适合构建具有出色性能的复杂移动应用。

    对于缺乏技术背景的客户来说,想要全面了解新产品开发流程的所有功能和特性可能会很困难。如果我们并不清楚该使用哪种技术栈,这时候还要构建产品的详细规范就会是件麻烦事。

    具体来说,我们应该为应用开发选择哪种技术栈?或者为什么某些编程语言(以及工具包)比另一种更好?

    为了解答这些疑惑,本文将介绍多种用来组织和构建移动应用的方法。我们将讨论原生、混合、跨平台开发以及PWA方法,探讨它们技术特性和优缺点。

    还可参阅 “怎样为web应用开发选择技术栈”:

    https://2muchcoffee.com/blog/how-to-choose-a-technology-stack-for-web-app-development/
    在这里插入图片描述

    原生开发:

    如今最常见的开发方法就是原生应用开发。需要注意的是Android 和 IOS 的原生开发技术各有不同。原生应用开发提供完整的设备集成、出色的用户体验以及较高的安全等级。基于原生方法开发的应用响应迅速、性能出色。考虑到分别为Android 和 IOS 开发各自独立的原生应用可能带来高昂的成本和漫长的开发周期,你可能需要聘请更多具有相应技能的开发人员,这也是开发流程成本投入的一部分。


    Android技术栈:

    Android技术栈可以使用 Java 或 Kotlin 编程语言,最佳的开发环境则是 Android Studio。

    编程语言:

    • Java:谈到 Android 技术栈时,人们首先想到的就是Java。它是一种基于类的面向对象编程语言,拥有大量库和工具可以简化开发工作。Java拥有一系列核心功能,支持自动内存管理,可移植且可拓展,可用来构建高质量的移动应用。此外Java还拥有庞大的开源生态系统。虽然有人批评这种语言速度缓慢并占用大量内存,但Java的可拓展性和稳健性使其成为开发复杂移动应用时的首选。
    • Kotlin:这是一种非常新的语言,可以让开发流程更简洁。Kotlin是开源语言,具有许多拓展功能和优势,诸如懒加载、减少代码bug和错误的助手等,他还提供了完整的Java兼容性。

    工具包:

    • Android Studio: 这种开发环境提供了代码编辑和性能监测工具,可以打造灵活的构建系统。开发者可以使用它来创建创意独特、品质出色的应用。

    IOS技术栈:

    iOS 的原生应用开发使用 Objective C 或 Swift 编程语言,以及 Apple Xcode 开发工具包。

    编程语言:

    • Objective C:使用这种简洁的编程语言就可以利用苹果的众多技术了。开发者可以轻松使用它的私有 API 和富有表现力的消息语法,实现动态运行时环境和面向对象的功能。
    • Swift:它是一种更具功能性的编程语言。它支持文本字符串和数据的内联操作,错误率更低。此外,Swift 具有直接上传到内存的动态库,使应用更加瘦身,同时提升了应用性能。

    工具包:

    • Apple Xcode:这个功能齐全的开发环境可以用来创建移动应用和桌面应用。Xcode 拥有用于构建用户界面的图形编辑器、可以修复任何错误的工具、集成文档以及对 Git 存储库的集成支持。

    原生开发的优势:
    1. 出色的用户体验
    2. 完整的设备集成
    3. 高速接口
    4. 相应迅速
    5. 非常安全
    原生开发的劣势:
    1. 只支持一个平台
    2. 开发成本高昂
    3. 需要雇佣更多开发人员
    4. 漫长的开发周期
      在这里插入图片描述


    混合开发:

    混合移动应用开发使用标准的Web技术和工具,诸如HTML 、 CSS 、JavaScript等。包装在原生壳中的代码库被视为一个常规应用来运行。混合方法使用原生浏览器呈现引擎,基于 WebView 控件以全屏格式呈现 HTML 和 JavaScript 文件。换句话说,它是包装在原生移动容器内的网页。这些应用的功能与网站类似,准确来说是介于应用和浏览器呈现的页面之间。显然,混合应用的宗旨是单个应用就可用于 Android、iPhone 和 Windows 等多种平台。

    混合开发易于构建和维护。此外它可以节省你的成本投入,因为你只需为所有平台构建一个应用就够了。反过来说,它的缺点在于缺乏原生特性,交互也比较缓慢。

    编程语言:HTML5、CSS3、JavaScript

    混合应用开发兼顾了 Web 开发的快节奏与原生应用开发的用户体验,前者源于其使用的一系列标准 Web 技术,实现后者则需要使用下面这些框架。

    框架:

    Ionic 和 Apache Cordova:Ionic 是一个基于 Angular 的框架,可以创建强大的多功能应用。它可以提供基础的原生功能,并使应用在不同的操作系统和设备上运行。Ionic 为开发流程提供了丰富和稳健的支持,并加快了整个流程,使开发者无须从头开始编写代码。Apache Cordova 是 Ionic 的良好补充,它是一个基于 Web 的框架,帮助开发者使用 HTML 构建移动应用。在它们的帮助下,开发者可以使用各种 Web 技术来创建 iOS、Android 和 Windows 的原生应用。

    混合应用开发的优势:
    • 支持所有平台
    • 开发成本低廉
    • 无需雇佣额外的开发人员
    • 缩短开发周期
    • 较好的用户体验
    • 易于构建和维护
    混合应用开发的劣势:
    1. 安全性略低
    2. 较慢的页面
    3. 缺乏原生功能
    4. 难以访问设备硬件和操作系统的专属功能
      在这里插入图片描述


    跨平台开发

    跨平台移动应用开发与混合开发的区别在于,前者不使用 WebView 控件来呈现 HTML 和 JavaScript 文件。跨平台开发会创建在多个平台(包括 Android 和 iOS)上共享的代码库,从而节约大量时间和金钱。

    用于开发跨平台应用的技术包括:

    React Native框架和JavaScript/TypeScript编程语言

    React Native 是一个 JavaScript 框架,用来在 iOS 和 Android 上编写体验非常接近原生的移动应用。React Native 使用与常规 iOS 和 Android 应用相同的基础 UI 构建块。React Native 引入了一种新颖、激进且功能强大的方法来构建用户界面。使用 React Native 时你的应用 UI 完全是原生的。这类应用的典型例子就是 Instagram 和 Skype。你还可以使用 TypeScript 语言来构建跨平台应用。Typescript 提供了最新的 JavaScript 功能,用它编写 React 组件时可以更容易发现常见的错误。

    NativeScript框架和JavaScript/TypeScript编程语言

    你可以使用 NativeScript 在 iOS 和 Android 上开发完全原生的应用。它基于 JavaScript 语言,还支持 Angular 和 Vue JavaScript 框架。

    跨平台应用开发的优势
    1. 低廉的开发成本
    2. 无需雇佣额外的开发人员
    3. 代码可复用
    4. 支持所有平台
    5. 易于启动和更新开发工作
    6. 平台覆盖
    跨平台应用开发的劣势
    1. 相当差的用户体验
    2. 安全性略低
    3. 开发周期较长
    4. 集成问题
    5. 只支持有限的设备功能
    6. 性能损失
    7. 缺乏灵活性

    在这里插入图片描述



    移动平台的Web应用开发

    谈到移动应用开发就一定会提到渐进 Web 应用(Progressive Web App,PWA)开发。它提供的功能与节约时间的优势赢得了越来越多开发者的认同。本质上来说,当网站演变为移动应用时,响应式网页设计(在移动触摸屏上浏览网页)也就演变为 PWA 了。换句话说,PWA 就是具有移动应用功能的网页。PWA 支持离线工作,可以推送通知。总之,PWA 是一种获得卓越移动应用体验的新方式,这种体验可靠、经过优化并可完全在 Web 端访问。

    通过 PWA,你可以使用现代 Web 技术来提供快速、引人入胜且可靠的移动 Web 体验,非常适合个人和企业用户。

    对于 PWA 开发,建议使用:

    Angular/lonic框架和HTML、CSS、JavaScript编程语言

    Angular 是一种轻松开发原生和渐进式 Web 应用的好方法。它使用对用户友好的功能和优秀的 UI 元素构建应用。Angular 可以在缓慢或不可靠的网络连接上保障应用的终端用户体验,同时最大限度地减少不得不提供过期内容的风险。

    移动平台的Web应用开发优势
    1. 低廉的开发成本
    2. 高度安全
    3. 缩短开发周期
    4. 无需雇佣额外的开发人员
    5. 较好的用户体验
    6. 出色的性能
    7. 支持所有平台
    8. 相应迅速
    移动平台的Web应用开发劣势
    1. 离线支持局限较大
    2. 耗电较快
    3. 并非所有设备都支持完整的PWA功能

    在这里插入图片描述



    总结:

    为移动应用开发选择合适的技术是迈向成功或失败的关键一步。本文重点介绍移动应用开发的不同方法,并讨论了原生、混合、跨平台开发以及 PWA 方法。

    原生开发 能提供出色的用户体验,但可能非常昂贵且耗时。具体的原生开发技术栈则取决于移动设备的操作系统。

    混合移动应用 支持所有平台。这种方法结合了标准的 Web 技术和工具,如 HTML、CSS 和 JavaScript 等;而代码库包装在原生壳中,作为常规应用运行。

    跨平台开发 使用可在所有平台上共享的可复用代码。这种方法可以节省大量的时间和金钱,同时构建外观和体验接近原生的应用。

    渐进 Web 应用开发 是开发具有移动应用功能的网页。其功能特性和节约时间的优势赢得了众多开发者的支持。

    请记住,构建移动应用没有最佳方案可言。一个原则就是,根据产品的设计目标来选择技术栈。

    展开全文
  • 今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用。.  十款移动APP开发框架: 1.jquery mobile框架 2.bootstrap框架 3....
  • Asp.net 移动开发

    千次阅读 2015-06-23 17:09:10
    Asp.net能进行移动开发移动开发是手机运用,而asp.net是网页开发,能合在一起吗?答案是能的,随着科技的发展,现在asp.net也能进行移动开发移动开发也称为手机开发,或叫做移动互联网开发。是指以手机、PDA...
  • 很难说,因为Java、object-C在原生开发界已大行其道这么多年,C#这么多年固步自封,很难说在移动开发领域能重新有所建树。   目前国内有一个基于VB/C#的APP开发平台,叫Smobiler,它主打的就是.Net移动开发,使用...
  • 什么是移动开发

    千次阅读 2014-04-16 10:23:44
    移动开发[1]也称为手机开发,或叫做移动互联网开发[2]。是指以手机、PDA、UMPC等便携终端为基础,进行相应的开发工作,由于这些随身设备基本都采用无线上网的方式,因此,业内也称作为无线开发。 移动应用开发是为...
  • 近几年,混合模式移动应用的概念甚嚣尘上,受到了一些中小型企业的青睐,究其原因,混合模式开发可以比传统移动开发节约大量的开发成本和人力成本。 Hybrid App(混合模式移动应用)是指介于web-app、native-app这...
  • 移动开发理论知识点

    千次阅读 2019-02-25 09:21:15
    移动开发理论知识点 前言 从来不会有人说会遗忘是一种情怀,特别是那些不该忘的。 1、Activity生命周期? onCreate() -> onStart() -> onResume() -> onPause() -> onStop() -> onDetroy() ...
  • 移动开发 or web 前端?

    万次阅读 多人点赞 2016-09-28 13:37:09
    其实在微信小程序出来之前,就有不少同学问我关于 web 前端与移动开发的选择问题,只不过微信小程序出来了,微信的影响力不得不值得关注,这个问题就被放大了,所以,今天单独写篇文章来解答下你们的困惑。...
  • 移动开发之我见 ——移动WEB

    千次阅读 2012-06-19 21:52:43
    无论是桌面还是移动开发,从云计算的起兴至今。越来越多的开发者将注意力开始集中于平台与WEB服务的整合,也就是未来必是弱平台化的,WEB服务将成为重心。特别是在这个桌面已亡的说法到处蔓延的时代,互联网的流量...
  • 10个Web移动开发JavaScript框架

    千次阅读 2019-05-20 09:53:51
    1. jQuery Mobile jQuery Mobile这个框架能够帮助你快速开发...它是当前最流行的移动开发框架。 jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery M...
  • 2020 年 iOS 移动开发最新发展趋势

    千次阅读 2020-05-09 12:52:36
    就像不时出现的移动技术趋势一样,了解 iOS 移动开发趋势也有重大的意义。随着 iOS 应用程序总数接近 200 万大关,与最新的iOS应用程序开发趋势保持同步已成为社区的常态。 根据最新数据,大约有400万个应用程序可...
  • 在前面阿笨的《C# Xamarin移动开发基础进修篇》课程中,大家已经熟悉和了解了Xamarin移动App开发的基础知识和原理。本次分享课《C# Xamarin移动开发项目实战篇》,阿笨将直接带领大家进入Xamarin for android的实战...
  • 移动开发中“单位”的那些事儿

    千次阅读 2016-06-08 09:15:42
    关于移动开发中用到的各种单位以及移动web开发中viewport的相关介绍和应用~
  • C# Xamarin移动开发项目实战篇

    千次阅读 2018-07-02 15:19:43
    一、课程介绍在前面阿笨的《C# Xamarin移动开发基础进修篇》课程中,大家已经熟悉和了解了Xamarin移动App开发的基础知识和原理。本次分享课《C# Xamarin移动开发项目实战篇》,阿笨将直接带领大家进入Xamarin for ...
  • 【jeecg移动开发能力】表单支持多模板切换,提供多种通用模板(移动端、PC端),支持自定义
  • 移动开发或将被颠覆?

    千次阅读 2019-04-02 14:24:56
    移动互联网时代,随着智能手机的普及,衍生出一大批移动开发的内容创作者,而如今伴随着 IoT、AI 等新领域的崛起,将为传统的移动互联网行业带来哪些变化?移动开发者们又该如何应对? 作者 |ReadWrite 译者 ...
  • 最近在学习APICloud这个移动应用开发平台,真心感觉很强大。对快速开发出跨平台的移动应用很有助益,大家感兴趣的可以了解一下。 APICloud 移动应用开发平台提供中国领先的“云端一体”的移动应用云服务,能够大幅...
  • 移动开发之工具推荐

    千次阅读 2012-03-05 11:24:08
    移动开发之工具推荐    相信用过cocos2d系引擎开发过游戏的朋友(什么,你听都没听过cocos2d!?好吧你可以马上看看这里、这里或者这里),对于TexturePacker这个工具一定有所了解,一言以蔽之,其就是一个贴图...
  • 关于android移动开发

    千次阅读 2011-01-09 20:51:00
    移动开发如今异常火爆,只因为移动装备异常火爆,可是这里有几个问题,拿个手机看电影真的很舒服吗?手机的功能越多越好吗?真的希望ipad能 改变这一切,想看电影,看电子书,想玩玩游戏,你可以选择一款平板电脑而...
  • 关键字:AppCan 移动开发平台 移动应用  Hybrid App在过去的两年中已经成为移动界的核心话题,但是作为一名Web开发者来说要如何站在移动互联网的浪潮之巅呢?是选择学习原生开发,研究Java、Object-C、C#等语言,...
  • 跨平台移动开发平台Flutter环境搭建

    千次阅读 2018-03-11 11:37:09
    话说,工作了几年之后发现移动开发的变化实在太快了,现在越来越多的跨平台移动开发框架出来,对原生的冲击也越来越大,RN,H5等移动开发框架非常火热,虽然有不少的问题,其中最让人不满意的就是性能问题了。...
  • 移动开发前的 Symbian 开发评估报告

    千次阅读 2010-01-21 15:09:00
    移动开发前的 Symbian 开发评估报告 刚用 JavaME 做完两个手机应用小软件,开发速度虽然很快,但是产品开发的效果却很难令人满意。具体体现在 JavaME 对底层的东西支持力度不够;JavaME 并不真正支持跨平台。详细...
  • 前端与移动开发入门基础html完结版

    千次阅读 2019-07-15 17:25:03
    前端与移动开发 PC端 主要是电脑端,主要是网页开发 移动端 泛指可移动的设备(手机 平板) 可以开发运行在移动端的页面 如手机app 小程序 认识网页 网页主要由文字 图片 链接 音频 视频 动画等元素构成 常见的...
  • CSDN博客第一期移动开发排行榜

    千次阅读 2018-11-15 12:44:11
    CSDN博客第一期移动开发排行榜

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 88,880
精华内容 35,552
关键字:

移动开发