精华内容
下载资源
问答
  • 混合App

    2020-12-07 20:37:21
    混合app 目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。 一、APP原生开发 原生开发(Native App开发),是在Android、IOS等移动平台上...

    什么是混合app

    混合开发bai的App(Hybrid App)就是du嵌一个轻量级zhi的浏览器,一部分dao原zhuan生的功能改为Html5来开发,这部分功能不仅能够在不容升级的情况下动态更新,而且可以在Android或iOS上同时运行,让用户的体验更好又可以节省开发的资源。

    目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。

    一、APP原生开发

    原生开发(Native App开发),是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio;IOS是利用Objective-C 和Xcode进行开发。

    通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等,都是经过精心的设计。原生APP也一样:通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来,一层层,一段段全用代码写出来。

    优点:

    1. 可访问手机所有功能(如GPS、摄像头等)、可实现功能齐全;
    2. 运行速度快、性能高,绝佳的用户体验;
    3. 支持大量图形和动画,不卡顿,反应快;
    4. 兼容性高,每个代码都经过程序员精心设计,一般不会出现闪退的情况,还能防止病毒和漏洞的出现;
    5. 比较快捷地使用设备端提供的接口,处理速度上有优势。

    缺点:

    1. 开发时间长,快则3个月左右完成,慢则五个月左右;
    2. 制作费用高昂,成本较高;
    3. 可移植性比较差,一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套;
    4. 内容限制(App Store限制);
    5. 获得新版本时需重新下载应用更新。

    二、Web APP (HTML5)开发

    HTML5应用开发,是利用Web技术进行的App开发。Web技术本身需要浏览器的支持才能进行展示和用户交互,因此主要用到的技术是HTML5、Javascript、CSS等。

    优点:

    1. 支持设备范围广,可以跨平台,编写的代码可以同时在Android、IOS、Windows上运行;
    2. 开发成本低、周期短;
    3. 无内容限制;
    4. 适合展示有大段文字(如新闻、攻略等),且格式比较丰富(如加粗,字体多样)的页面;
    5. 用户可以直接使用新版本(自动更新,不需用户手动更新)。

    缺点:

    1. 由于Web技术本身的限制,H5移动应用不能直接访问设备硬件和离线存储,所以在体验和性能上有很大的局限性;
    2. 对联网要求高,离线不能做任何操作;
    3. 功能有限;
    4. APP反应速度慢,页面切换流畅性较差;
    5. 图片和动画支持性不高;
    6. 用户体验感较差;
    7. 无法调用手机硬件(摄像头、麦克风等)。

    三、混合APP开发(原生+H5)

    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。

    混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。

    优点:

    1. 开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
    2. 更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
    3. 代码维护方便、版本更新快,节省产品成本;
    4. 比web版实现功能多;
    5. 可离线运行。

    缺点:

    1. 功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
    2. 加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
    3. 安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;

    // 判断h5在ios还是安卓

    function detect(){
    var equipmentType = “”;
    var agent = navigator.userAgent.toLowerCase();
    var android = agent.indexOf(“android”);
    var iphone = agent.indexOf(“iphone”);
    var ipad = agent.indexOf(“ipad”);
    	if(android != -1){
    		equipmentType = “android”;
    	}
    	if(iphone != -1 || ipad != -1){
    		equipmentType = “ios”;
    	}
    	return equipmentType;
    }
    
    展开全文
  • 混合app

    2020-12-07 20:36:16
    今天,我们来聊一聊什么是混合app 目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别...

    今天,我们来聊一聊什么是混合app

    目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别从这三者各自的优劣势来区分比较吧!

    一、APP原生开发

    原生开发(Native App开发),是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio;IOS是利用Objective-C 和Xcode进行开发。
    通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等,都是经过精心的设计。原生APP也一样:通过代码从每个页面、每个功能、每个效果、每个逻辑、每个步骤全部用代码写出来,一层层,一段段全用代码写出来。
    优点:

    1、可访问手机所有功能(如GPS、摄像头等)、可实现功能齐全; 2、运行速度快、性能高,绝佳的用户体验;
    3、支持大量图形和动画,不卡顿,反应快; 4、兼容性高,每个代码都经过程序员精心设计,一般不会出现闪退的情况,还能防止病毒和漏洞的出现;
    5、比较快捷地使用设备端提供的接口,处理速度上有优势。

    缺点:

    1、开发时间长,快则3个月左右完成,慢则五个月左右; 2、制作费用高昂,成本较高;
    3、可移植性比较差,一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套; 4、内容限制(App
    Store限制); 5、获得新版本时需重新下载应用更新。

    二、Web APP (HTML5)开发

    HTML5应用开发,是利用Web技术进行的App开发。Web技术本身需要浏览器的支持才能进行展示和用户交互,因此主要用到的技术是HTML5、Javascript、CSS等。
    优点:

    1、支持设备范围广,可以跨平台,编写的代码可以同时在Android、IOS、Windows上运行; 2、开发成本低、周期短;
    3、无内容限制; 4、适合展示有大段文字(如新闻、攻略等),且格式比较丰富(如加粗,字体多样)的页面;
    5、用户可以直接使用新版本(自动更新,不需用户手动更新)。

    缺点:

    1、由于Web技术本身的限制,H5移动应用不能直接访问设备硬件和离线存储,所以在体验和性能上有很大的局限性;
    2、对联网要求高,离线不能做任何操作; 3、功能有限; 4、APP反应速度慢,页面切换流畅性较差; 5、图片和动画支持性不高;
    6、用户体验感较差; 7、无法调用手机硬件(摄像头、麦克风等)。

    三、混合APP开发(原生+H5)

    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。
    混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。

    优点:

    1、开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
    2、更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
    3、代码维护方便、版本更新快,节省产品成本; 4、比web版实现功能多; 5、可离线运行。

    缺点:

    1、功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
    2、加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
    3、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;
    4、既懂原生开发又懂H5开发的高端人才难找。

    三、混合APP开发(原生+H5)

    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。
    混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。
    优点:

    1、开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
    2、更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
    3、代码维护方便、版本更新快,节省产品成本; 4、比web版实现功能多; 5、可离线运行。

    缺点:

    1、功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
    2、加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
    3、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;
    4、既懂原生开发又懂H5开发的高端人才难找。

    上面我们了解了三种主流APP,那么我们再来说说怎么进行和安卓 和 ios交换数据

    初始化

    // 初始化方法
    function init (obj) {
        // 在页面初始化我们可以拿到原生端给我们传来的初始化数据,他们会默认调用一次初始化方法
        console.log(obj)
    }
    
    

    调用方法

    // 判断h5在ios还是安卓
    function detect(){
            var equipmentType = "";
            var agent = navigator.userAgent.toLowerCase();
            var android = agent.indexOf("android");
            var iphone = agent.indexOf("iphone");
            var ipad = agent.indexOf("ipad");
            if(android != -1){
                equipmentType = "android";
            }
            if(iphone != -1 || ipad != -1){
                equipmentType = "ios";
            }
            return equipmentType;
        }
    
    // 我们定义好一个 上传图片方法,放在一个公用的js文件中
    function updataImg (obj,callback) {
        if(equipmentType == "android") {
            // 调用android方法,比如是
            android.webviewupdataJs(obj,callback)  // 浏览器不认识的方法,是安卓定义好的方法
        } else {
            ios.webviewupdataJs(obj,callback)
        }
        console.log(obj)
    }
    
    

    最后终极大总结

    说一下我对混合开发的理解

    总结:通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中,在里面我们可以享受ios和安卓给我们的所有支持,通过方法调用,回调函数进行使用 给我们提供的方法
    对安卓 和 ios交换数据就是方法调用方法

    展开全文
  • 混合App开发原理

    2021-01-03 23:03:09
    混合APP就是在:android系统和ios系统直接使用系统默认浏览器进行轻量的嵌套使用,是基于原生js和html5来开发的,原生是需要浏览器的,它可以在不升级App的情况下不动态更新,节省很多开发资源,而webvi
  • app-混合app-webapp区别

    2018-01-24 10:35:28
    移动应用开发的三种方式比较 移动应用开发的方式,目前主要有三种: Native App: 本地应用程序(原生App) Web App:网页应用程序(移动web) Hybrid App:混合应用程序(混合App
  • 混合APP开发

    2020-12-07 21:54:02
    文章目录前言一、什么是混合app?二、混合app开发优缺点1.优点:2.缺点:三、混合APP开发(原生+H5)总结 前言 一、什么是混合app? 通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中 在里面...

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


    前言


    一、什么是混合app?

    通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中
    在里面我们可以享受ios和安卓给我们的所有支持,通过方法调用,回调函数进行使用 给我们提供的方法

    其实就是方法调用方法
    

    我们H5不好写的功能或者无法写的就交给原生写,通过函数的形式返还回来,我们在使用事件调用即可,就是用我们的方法调用他们的方法。

    二、混合app开发优缺点

    1.优点:

    1、开发效率高,节约时间。同一套代码Android和IOS基本上都可使用;
    2、更新和部署比较方便,每次升级版本只需要在服务器端升级即可,不再需要上传到App Store进行审核;
    3、代码维护方便、版本更新快,节省产品成本;
    4、比web版实现功能多;
    5、可离线运行。

    2.缺点:

    1、功能/界面无法自定:所有内容都是固定的,不能换界面或增加功能;
    2、加载缓慢/网络要求高:混合APP数据需要全部从服务器调取,每个页面都需要重新下载,因此打开速度慢,网络占用高,缓冲时间长,容易让用户反感;
    3、安全性比较低:代码都是以前的老代码,不能很好地兼容新手机系统,且安全性较低,网络发展这么快,病毒这么多,如果不实时更新,定期检查,容易产生漏洞,造成直接经济损失;
    4、既懂原生开发又懂H5开发的高端人才难找。
    以上就是原生开发、H5开发和混合开发各自的优缺点。相比之下,由于现代人的个性化需求越来越明显,所以原生APP开发也越来越多,定制化的服务更能满足消费者的需求。


    三、混合APP开发(原生+H5)

    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说,这就是网页的模式,通常由“HTML5云网站+APP应用客户端”两部份构成。

    混合开发是一种取长补短的开发模式
    

    原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发模式而成的。


    总结

    我们H5不好写的功能或者无法写的就交给原生写,通过函数的形式返还回来,我们在使用事件调用即可,就是用我们的方法吊用他们的方法。

    展开全文
  • React Nactive混合APP开发

    千人学习 2016-10-27 14:25:24
    React Nactive混合APP开发教程,该课程主要教大家如何利用react Nactive 构建一个APP,详细介绍各个APP中各个组件的用法及使用。
  • 混合App使用

    2020-12-07 20:13:00
    文章目录一、混合APP 一、混合APP 通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中,在里面 我们可以享受ios和安卓给我们的所有支持,通过方法调用,回调函数进行使用 给我们提供的方法 怎么...

    文章目录


    一、混合APP

    通俗来讲,就是将h5我们写好的移动端页面,放到ios设备以及安卓设备中,在里面
    我们可以享受ios和安卓给我们的所有支持,通过方法调用,回调函数进行使用 给我们提供的方法

    怎么进行和安卓 和 ios交换数据


    展开全文
  • Hybrid App 混合app 开发

    2019-01-16 16:00:55
    移动端与原生APP的交互 WebViewJavascriptBridge 直接拿过来用就好了 Hybrid App 混合app 开发
  • 混合App原理

    2020-12-07 21:04:58
    前言 Hybrid App Hybrid App是指介于web-app(网页APP,如京东web)、native-app(原生应用,如手机上面...混合APP就是在:android系统和ios系统直接使用系统默认浏览器进行轻量的嵌套使用,是基于原生js和html5来开发
  • 原生app,web app,混合app

    千次阅读 2017-07-26 18:18:49
    原生app,web app,混合app
  • 混合APP开发流程

    2021-01-11 23:17:31
    混合APP开发流程 文章目录混合APP开发流程一、什么是混合APP?二、搭建框架1.搭建vue基础框架2.rem自适应屏幕配置HBuilder打包过程 一、什么是混合APP? 示例:pandas 是基于NumPy 的一种工具,该工具是为了解决...
  • 混合App的使用

    2020-12-07 19:07:03
    混合App是什么 Hybrid App是指介于web-app(网页APP,如京东web)、native-app(原生应用,如手机上面的APP应用)这两者之间的app,它虽然看上去是一个Native App,但只有一个WebView ( WebView,可以类比成iframe )...
  • 混合 APP 开发(Hybrid App)

    万次阅读 2018-06-01 11:24:18
    混合 App Html5简介 UIWebView 和 WKWebView UIWebView 和 JS 交互 WKWebView 和 JS 交互 JS 调用 Native 相机 一. 混合 APP Hybrid Mobile App 可以理解为通过 Web 网络技术(如 HTML,CSS 和 JavaScript)...
  • 混合app的使用

    2020-12-07 20:08:02
    混合app的使用? 目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别从这三者各自的优...
  • 混合app--Hybrid App定位

    2020-06-06 14:52:10
    混合app–Hybrid App定位 检查网页是不是H5页面 使用uiautomatorviewer 只能定位到一个框 Hybrid App 指的就是原生界面和H5 界面交织在一起组合成一个app,那么对于移动端自动化来说,原生界面获取元素信息比较简单...
  • 原生app、混合app、Webapp

    千次阅读 2018-11-28 15:53:45
    混合APP 混合模式发的APP就是Hybrid APP,混合模式开发的APP是介于原生APP和web APP之间的,结合了这两种类型的APP的长处,主要是用js和原生技术相互调用。 优点: ①:不需要安卓和ios两个进行开发,节省开发费用,...
  • 混合app开发介绍

    千次阅读 2018-06-02 18:51:35
    混合app开发介绍application(应用)用前端的知识(html,css,js)开发出来手机App的方式就叫做混合App开发App开发的三种类型WebApp:跑在手机浏览器中运行的web应用(微信公众号,微信小程序)NativeApp:用android和...
  • 原生APP和混合app以及webApp对比 原生APP(NativeApp) Android iOS 原生APP就是利用Android、iOS平台官方的开发语言、开发类库、工具进行开发。比如安卓的java语言,iOS的object-c 语言。在应用性能上和...
  • A: chrome://inspect/ 这个只能调试手机浏览器的页面吗,可以调试混合app和原生app的页面吗? B: 混合的webview 可以 原生的不支持 A: cordova打包混合app,咋没有显示出来 B: 不知道你打的是release包还是debug包...
  • 本资源是spring boot集成ionic开发的混合app,适合想学习ionic的小伙伴们,学习成本低,适合想学app开发的朋友

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,704
精华内容 2,281
关键字:

混合app