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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python之matplotlib库建议收藏

    知识结构pyplot.plot()流程1._axes.py中plot()函数说明a.调用说明plot([x],y,[fmt],data=None,**kwargs)plot([x

    2021年12月19日
    44
  • 九款Linux文本编辑器

    九款Linux文本编辑器元老级的工具EmacsKVIM用现代的方式编写代码Arachnophilia  Bluefish:Bluefish标榜其自身是“一款为熟练的Web设计员和程序员而设的编辑器”。KomodoEditNEdit字处理的一些选择Gedit:是LinuxGNOME桌面上一款小巧的文本编辑器。Kate集成的工具QuantaPl

    2022年7月26日
    6
  • 数字信号处理实验报告MATLAB(matlab数字信号处理pdf)

    数字信号处理MATLAB实验报告4实验报告课程名称:数字信号处理实验专业班级:姓名:学号:实验名称数字信号处理实验地点实验时间实验成绩实验目的及任务理解信号变换的基本概念理解离散傅立叶变换的基本概念掌握快速傅立叶变换的应用方法掌握离散余弦变换的应用方法掌握Z变换的应用方法了解Chipz变换的基本概念掌握Hilbeit变换的初步应用了解倒谱变…

    2022年4月17日
    81
  • python语言变量命名规则[通俗易懂]

    python语言变量命名规则[通俗易懂]Python语言变量命名规则变量名只能包含字母、数字和下划线。(推荐学习:0基础入门python)变量名可以字母或下划线开头,但不能以数字开头。例如,可将变量命名为message_1,但不能将其命名为1_message。变量名不能包含空格,但可使用下划线来分隔其中的单词。例如,变量名greeting_message可行,但变量名greetingmessage会引发错误。不要将Pytho…

    2022年6月14日
    35
  • docker(7)docker-compose容器集群编排「建议收藏」

    docker(7)docker-compose容器集群编排「建议收藏」前言实际工作中我们部署一个应用,一般不仅仅只有一个容器,可能会涉及到多个,比如用到数据库,中间件MQ,web前端和后端服务,等多个容器。我们如果一个个去启动应用,当项目非常多时,就很难记住了,所有

    2022年7月31日
    8
  • js删除数组中指定元素并返回剩下的_js查找数组元素的下标

    js删除数组中指定元素并返回剩下的_js查找数组元素的下标Array.prototype.remove=function(dx){ if(isNaN(dx)||dx>this.length){ returnfalse; } for(vari=0,n=0;i<this.length;i++){ if(this[i]!=this[dx]){ …

    2022年10月1日
    3

发表回复

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

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