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


相关推荐

  • java voliate_voliate关键字及其示例

    java voliate_voliate关键字及其示例voliate关键字1使变量在线程间可见对于避免不可见性问题,Java还提供了一种弱形式的同步,即使用了volatile关键字。该关键字确保了对一个变量的更新对其他线程可见。当一个变量被声明为volatile时候,线程写入时候不会把值缓存在寄存器或者或者在其他地方,当线程读取的时候会从主内存重新获取最新值,而不是使用当前线程的拷贝内存变量值。volatile虽然提供了可见性保证,但是不能使用他来…

    2022年4月29日
    85
  • ssh公私钥登录方式设置

    ssh公私钥登录方式设置

    2022年1月30日
    47
  • python运行代码不成功_Python | PyCharm无法直接运行(Run)脚本

    python运行代码不成功_Python | PyCharm无法直接运行(Run)脚本1刚开始是这样,笔者在PyCharm新建了一个package,然后放了一个脚本2发现无法直接运行:没有Run选项,只有Rununittests选项。于是把脚本拷贝到另一个不是package的目录下3发现在这个目录下,除了这个脚本以外,其余的脚本都是可以运行的4看来是脚本的内容有问题了。看看笔者这个cannot_run的脚本5笔者在Python自带的交互环境IDLE上,运行这个代码,也是正常的。真…

    2022年8月29日
    5
  • html5自动生成目录,JavaScript:自动生成博文目录导航

    html5自动生成目录,JavaScript:自动生成博文目录导航感谢孤傲苍狼分享了自动生成博文目录的方法,本文仅作存档使用。图1:效果预览CSS样式#TOCbar{font-size:12px;text-align:left;position:fixed;auto;height:auto;top:50px;right:0px;/*离页面顶部与右侧的距离*/}#TOCbarTab{float:left;30px;border:1px…

    2025年7月16日
    3
  • 【实战】工作中常用的PHP 操作 Redis 的基本方法「建议收藏」

    【实战】工作中常用的PHP 操作 Redis 的基本方法

    2022年2月11日
    49
  • zencart免费模板下载

    zencart免费模板下载最近工作比较忙,没有时间专门来制作这个免费的包包模板。趁国庆放假有时间,顺便就把这个免费模板制作完了。今天特别提供出来给大家下载使用。考虑到很难满足所有有的要求,所以这个模板在一些地方基本没有修改原有模板的布局,只是简单的修改CSS。不过经过修改的这个模板也还算漂亮,大体上的布局已经设置好。我们没有那么多的时间去美化一个这样的模板,俗话说:授人鱼不如授人渔。如果有兴趣做二次开发的朋友可以继续修

    2022年7月27日
    6

发表回复

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

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