Hybrid开发_什么是移动端开发

Hybrid开发_什么是移动端开发一、移动应用开发的方式1、目前主要有三种(如上图):NativeApp:本地应用程序(原生App)WebApp:网页应用程序(移动web)HybridApp:混合应用程序(混合App)nativeapp是原生安卓或ios程序员写的手机app。hybridapp是混合app。可以是安卓或iosf程序员写一部分,然后前端写html代码,把html代码给安卓或ios嵌套进去;也可以是直接的html网站,将其打包,嵌套一个app壳(在壳里面,其实就是只做了一个内嵌浏览器)。

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、移动应用开发的方式

在这里插入图片描述
1、目前主要有三种(如上图):

  • Native App : 本地应用程序(原生App)
  • Web App:网页应用程序(移动web)
  • Hybrid App:混合应用程序(混合App)

native app是原生安卓或ios程序员写的手机app。

hybrid app是混合app。
可以是安卓或iosf程序员写一部分,然后前端写html代码,把html代码给安卓或ios嵌套进去;
也可以是直接的html网站,将其打包,嵌套一个app壳(在壳里面,其实就是只做了一个内嵌浏览器)。

web手机端网页就是直接写html,在手机浏览器打开的网站。

2、区分app和手机端网页
手机app:是那些可以在手机的应用商店下载安装的软件,如微信、QQ等
手机端网页:是浏览器打开的网页,如www.taobao.com。(大部分写网页)。

3、公司选型:

  • 大公司肯定是有ios和安卓。
  • 小公司基本上就是自己写html,然后直接打包套壳而成。
二、以上三种移动应用开发方式的比较在这里插入图片描述

注意:
1、原生安卓或ios开发的app基本可以操作任何手机系统,如视频、扫码、读取通讯录。
2、混合开发
2.1、一部分安卓或ios,一部分html,如果要操作手机,就需要安卓或ios配合前端一起。
2.2、现在前端也可以自己做混合开发,但是需要借助框架,如uni-app编辑器等帮助打包嵌套壳。
** 如果公司没有安卓或ios,借助框架或uni-app,一般这些框架和uni-app也提供了视频、扫码等功能,只是对于我们来说这些很少用。
3、普通手机移动端网页对于手机操作是比较困难的,这些权限基本没有。

三、混合开发应用场景
  • 这种考虑——如果企业使用Hybrid开发办法,就能集Native和Web两者之所长。一方面,Native让开发者可以充分利用现代移动设备所提供的全部不同的特性和功能。另一方面,使用Web语言编写的所有代码都可以在不同的移动平台之间共享,使得开发和日常维护过程变得集中式,更简短、更经济高效。
  • 内部技能——许多企业都拥有Web开发技能。如果选择Hybrid开发方法,在核实解决方案的支持下,Web开发者只要仅仅运用HTML、CSS和JavaScript等Web技能,就能构建App,同时提供Native用户体验。
  • 考虑未来——HTML5的可用性和功能都在迅速改进。许多分析师预测,它可能会成为开发前端App的默认技术。如果用HTML来编写App的大部分代码,并且只有在需要时才使用Native代码,公司就能确保他们今天的投入在明天不会变得过时,因为HTML功能变得更丰富,可以满足现代企业一系列更广泛的移动要求。
四、混合开发框架和层次结构图

在这里插入图片描述

  • 移动终端web壳(以下简称“壳”):壳是使用操作系统的API来创建嵌入式HTML的渲染引擎。壳主要功能是定义Android应用程序与王爷之间的接口,允许网页中的JavaScript调用Android应用程序,提供基于web的应用程序的Android API ,将Web 嵌入到Android应用程序中。
  • 前端交互js:包括基础功能js和业务功能js。
  • 前端适配器:适配不同的终端:Pad、android、ios、wap。
五、打包app的框架
  • vue语法的框架:weex
    vue语法 + div、span等这些标签

1、需要安装weex脚手架
2、创建项目
3、在命令控制台输入weex打包命令打包成安卓或ios

  • react语法的框架:react-native
    react语法 + 自己特定的标签,比如如view(类似div)、Text(类似span)

需要安装react-native教授叫
2、创建项目
3、在命令控制台输入react-native run android或者react-ntive run ios

  • uni-app框架,这个框架也可以打包生成app,uni-app的语法也是类似vue
    vue语法 + 自己特定的标签,如view(类似div)、Text(类似span)

1、需要下载一个他自己的编辑器HbuilderX
2、就可以使用编辑器打包

app现在做的很少,一般大公司才做,如果要做,基本现在使用uni-app就可以。

1、为什么做app很少?小公司做了没人下载,成本也高,必要性不大。
2、写好的vue项目,build打包之后,把打包的项目直接使用编辑器HBuilderX打包成app,其实就是将写好的html使用编辑器HBuilderX嵌套了一个壳。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/192976.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 11尺寸长宽 iphone_iPhone11屏幕尺寸

    11尺寸长宽 iphone_iPhone11屏幕尺寸【iPhone11屏幕尺寸】iPhone11系列屏幕继续沿用“全面屏”设计,由苹果初代手机开始,iPhone的屏占比越做越高,同时屏幕尺寸越做越大。iPhone11屏幕尺寸是多少呢?我们一起来看看吧。iPhone11屏幕尺寸iPhone11屏幕采用6.1英寸1792*828分辨率全面屏,屏幕像素密度为326ppi,最大亮度可达625尼特,材质为LCD面板。iPhone11Pro屏幕采用5.8英寸2…

    2022年5月15日
  • 小米红米6Pro解BL锁教程申请BootLoader解锁教程

    小米红米6Pro解BL锁教程申请BootLoader解锁教程*小米红米6Pro线刷兼救砖_解账户锁_纯净刷机包_教程*远程解锁一、准备工作1、注册小米账号:点击注册(已有小米账号请忽视)2、在手机中登陆【小米账号】3、下载并解压【小米解锁工具】或点击这里下载安装二、开始解锁1打开【小米解锁官网】:http://www.miui.com/unlock/,点击【立即解锁】,输入【小米账号】,点击【立即登录】,填写…

    2022年6月11日
  • Redis的持久化机制

    Redis的持久化机制

    2021年4月10日
  • 使用GAppProxy时安全证书无效的解决办法「建议收藏」

    使用GAppProxy时安全证书无效的解决办法「建议收藏」使用GAppProxy做代理,登录Echofon时却老是弹出”api.twitter.com:443使用了无效的安全证书。该证书因为其发行这证书位置而不被信任sec_error_unknown_issuer”的对话框,导致登录失败。搜索了一下,可尝试手动将api地址加入信任列表。以FireFox4.0为例(3.6也差不多)具体做法如下:依次选择选项->高级->加…

    2022年10月30日
  • java校验json格式_json格式校验

    java校验json格式_json格式校验C语言json格式校验最近用到json格式数据传输信息,在C语言中使用cjson解析json字符串,若json格式不正确,会使整个进程直接挂掉。想到能否在解析前先进行格式校验,通过后再解析,查找资料,网上有现成源码,网址:http://www.json.org/JSON_checker/主要用到两个文件JSON_checker.c和JSON_checker.h,具体用法可以参考main.c。这里参考了博客:C语言如何检测json格式的数据合法性中的用法,并加以改进。在官网中提供了json检查的测试文

    2022年10月24日
  • vim wqa(vim编辑中文)

    大家好,又见面了,我是你们的朋友全栈君。

    2022年4月11日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号