hybrid_hybrid app - CSDN
精华内容
参与话题
  • hybrid端口实例分析

    万次阅读 多人点赞 2019-05-07 22:36:59
    session 1 hybrid端口属性 hybrid属性具有trunk和access两种端口属性的特点,tag类似trunk,untag类似access,但是又不同,因为hybrid端口可以接收某个或者多个vlan的数据。 在开始研究之前强调几点: 1、在...

    session 1 hybrid端口属性

           hybrid属性具有trunk和access两种端口属性的特点,tag类似trunk,untag类似access,但是又不同,因为hybrid端口可以接收某个或者多个vlan的数据。

    在开始研究之前强调几点:

    1、在hybrid端口中,所有端口都默认属于vlan1,除非配置undo port hybrid vlan 1 才能将该hybrid剔除出vlan1,可以使用display vlan 查看端口所属的vlan

    2、在hybrid端口中,无论是tag还是untag后面配置的vlan-id就是该hybrid端口所能够收到vlan数据的vlan-id,换句话说就是这些vlan中发出的数据该端口都能收到,可以使用display vlan查看(这里注意虽然可以收到这些vlan的数据但是严格意义上讲hybrid端口并不属于任何一个vlan)

    3、所有类型端口的默认pvid都是vlan1,而pvid这个属性只!针对!进入!该端口的!没有标签的!普通数据包有效,作用是将没有标签的普通数据包打上pvid中配置的标签号

    4、hybrid属性中,tag是针对于端口的接收方向的(从该端口进来的流量允许带有这些vlan标签的通过),untag是针对端口的发送方向的(从该端口出去的流量去除这些vlan标签)

    5、加入一个hybrid端口配置tag vlan 2 3和untag vlan 4 5 ,那么默认情况下这个hybrid属于vlan1、2、3、4、5,在display vlan中可以查看到,只有端口属于了某个vlan,那么该端口才能收到某个vlan的数据包,这一点是理解下列两种配置和hybrid端口属性的关键!!!

     

    session 2 实例分析

           以下两种hybrid的配置方法达到同一个目的,就是让PC3与PC1、PC2互通,PC1与PC2之间不通。两种配置方法都可以达到效果,具体不同是根据hybrid端口的tag和untag两种属性的理解和配置来区分的,熟悉了这2个配置后hybrid端口也就基本掌握了。

    实例一配置分析:

    1、为了让我们更加简洁的理解hydrid的属性,首先在所有的端口上移除了vlan1这个默认有的vlan,假设为所有端口初始不属于任何vlan,都不能相互之间通信

    2、pvid是当普通的主机数据帧进入交换机端口后被打上的vlan-tag的属性,在途中可以看出PC1、PC2、PC3的流量在进入交换机的时候分别会被打上vlan2、vlan3、vlan99的vlan标签

    3、untag后面的vlan就是该端口属于的vlan,那么不难看出LSW1的G0/0/1属于vlan2、3,G0/0/2属于vlan2、10,G0/0/3属于vlan3、10,而untag的动作是在流量出端口去往主机的时候把vlan-tag全部去除,那么不难看出LSW1的G0/0/1将去除vlan2、3的标签,G0/0/2去除vlan2、10的标签,G0/0/3去除vlan3、10的标签(还原成普通帧)

    LSW2的G0/0/1属于vlan99,G0/0/2属于vlan99,在流量出端口的时候会去除vlan99的标签(还原成普通帧)

    那么PC1与PC2的通信现在分析如下:当PC1发送arp去请求PC2的MAC地址的时候,PC1会将数据包广播发往LSW1的G0/0/2接口,LSW1收到后发现是个普通的不带标签的数据帧,于是根据接口的pvid给该帧打上vlan2的tag,然后往vlan2中进行泛红,无奈G0/0/3端口只属于vlan3、10所以无法收到vlan2中的泛红,故PC1与PC2通信失败。

    下面再来分析PC1与PC3通信:前面已经分析了PC1要去请求PC3的MAC,被LSW1的G0/0/2收到,并且打上vlan2的tag,然后在vlan2中泛红,那么在vlan2中的端口就都能收到该泛红了,所以在配置了untag vlan 2 3的G0/0/1端口自然也能收到vlan2和vlan3的泛红并转发出去,但是LSW1发现G0/0/1配置untag vlan2 3,所以将从该端口发送出去的所有带有vlan2和vlan3的数据包的tag全部去除(还原成普通帧),然后这个普通的帧就会发往LSW2被G0/0/1端口接收到,LSW2发现了一个普通的帧,那么就会用到pvid了不是,所以LSW2收到这个帧后打上vlan99的tag进行泛红,那么PC3所在的hybrid因为配置有untag vlan99必然能够收到vlan99的数据包了,然后在G0/0/2发给PC3的时候将vlan99的tag去除掉,PC3收到的就是一个不带任何tag的普通包(PC3完全不知道在它个PC1之间还有SW这种东西存在),好了PC3收到了PC1发来的arp请求,那么作为有礼貌的人应该回复自己的MAC地址了,与回一个arp响应给PC1,

    下面PC3的回包分析:PC3使用PC1的MAC和ip封装好数据包后从网卡发送出去,LSW2的G0/0/2端口收到了,发现是一个普通帧,OK来pvid打上vlan99的tag,然后查看mac地址表发现PC1的MAC地址在G0/0/1口,在查看vlan信息,发现G0/0/1口可以接收vlan99的数据(untag vlan99),两个转发条件都满足了,那么久把数据包发给G0/0/1转发,G0/0/1转发的时候根据untag vlan99把数据包vlan-id去除还原成普通帧,被LSW1的G0/0/1收到,按照pvid的惯例,普通帧被打上了pvid vlan10的tag(用vlan10举例,也可以是任意vlan),然后LSW1根据MAC地址表找到PC1在自己的G0/0/2口,再查看vlan信息发现G0/0/2接口配置了untag vlan2 10,可以接收vlan10的数据包,于是就把这个被打上vlan10的PC3发来的arp响应通过G0/0/2发送给了PC1,当然在从G0/0/2接口出去的时候根据untag vlan2 10的配置将vlan10的tag去除还原成一个普通的帧,PC1收到的是一个普通的帧,完全不知道它和PC3之间还有交换机这个东西。好了,这就是一次通信过程,PC2与PC3的通信原理也是一样的,于是就实现了PC3与PC1、PC2互通,PC1与PC2之间不通的效果。

     

    实例二配置分析:如果能看懂了实例一,那么实例二只需要关注一个点就可以,就是在hybrid中tag个untag的共性和区别。

    共性:后面所跟的vlan的数据端口都能收到

    区别:tag放行进入端口的带有该tag的数据包,untag去除掉流出端口的该tag的标签。(方向也是不一样,tag类似trunk、untag类似access但又不同)

    所以在实例二中,只是LSW1和;SW2之间的hybrid的配置有所不同,LSW1的G0/0/2、G0/0/3只有微小改动而已

    PC1与PC2的分析和实例一是一毛一样的,不做分析了,下面分析PC1与PC3之间的通信:

           PC1把帧给LSW1后在G0/0/2打上pvid vlan2的tag,从G0/0/1转发出去,同时untag掉这个帧vlan2的标签,LSW2从G0/0/1收到普通的帧后打上vlan99的tag后从G0/0/2转发给PC3(去掉vlan99的tag后转发给PC3),PC3回包给PC1过程:PC3把帧丢给LSW2的G0/0/2后被pvid打上vlan99的tag后,LSW2根据mac表和vlan信息将帧从G0/0/1口转发出去,!这里因为并没有untag属性所以转发的帧并不会去除任何vlan,而是以vlan99的帧从G0/0/1转发出去!(G0/0/1配置的tag vlan 99是为了让这个端口能转发vlan99的数据帧)当LSW1拿到LSW2发来的带有vlan99的tag的数据帧后,根据G0/0/1上配置的tag vlan99属性,放行vlan99的数据帧,然后根据mac表和vlan信息把帧丢给G0/0/2,由G0/0/2端口将vlan99的tag去除后转发给PC1,完成了PC1与PC3的整个通信过程,PC2与PC3的通信过程也是一样。

    效果图:

    使用PC1分别ping PC2和PC3

     

    展开全文
  • hybrid技术

    千次阅读 2018-09-22 11:47:00
    hybrid是什么?hybrid译为中文是“混合”的意思,是一种原生APP和HTML5混合开发的技术。 在前端移动端开发中,到现在阶段主要有三大潮流 原生APP开发(以Android和iOS为主导) HTML5 webAPP开发 原生APP和...

    hybrid是什么?hybrid译为中文是“混合”的意思,是一种原生APP和HTML5混合开发的技术。

    在前端移动端开发中,到现在阶段主要有三大潮流

    1. 原生APP开发(以Android和iOS为主导)
    2. HTML5 webAPP开发
    3. 原生APP和HTML5混合开发,也就是这里的hybrid技术

    今天我们就来聊一聊hybrid技术
    首先,为什么要有这个hybrid技术,当然是原生APP开发和web开发暴露出了问题。

    • 对于原生APP开发,开发成本高,周期长,维护成本高,并且当今社会处于高速信息发展时期,产品必须快速迭代,而且原生的APP都需要经过应用商店审核才能够上线,那么这对于企业来说,尤其是创业公司来说是不可以接受的,时间代表着金钱。
    • 对于以HTML5主导的webAPP开发,优点就是开发成本低,可以快速迭代,但是缺点也是相当明显,每次切换一个页面都要发送一次http(https)请求,从系统架构软件质量属性的性能来说,它是不可接受的,用户体验及其不友好。
    • 于是乎,基于原生APP和前端页面的hybrid技术火了起来。

    那么hybrid技术是如何工作的呢?

    首先,我们必须理解如下三个协议:
    1. file协议:用于打开本地文件,特点当然就是速度快。
    2. https协议:http+ssl协议,这个协议需要发送一次网络请求,当然相对于file协议就慢的很多了。
    3. schema协议:用于客户端和前端通讯的协议。微信部分schema协议如下(大家经常玩的朋友圈里面的链接打开的其实就是网页):
      在这里插入图片描述
    其次,大家还要理解webview的概念。

    那么什么是webview呢?其实就是一个用来存放文件的容器,我用下面图片的形式展示给大家:
    在这里插入图片描述

    红色框里的内容就是存放前端内容的容器,而红色框外面的为原生APP的东西。


    好了,假如我在webview容器里直接通过file协议调用前端页面是不是比用HTML5发送HTTPS协议要快的多了呢。
    在这里插入图片描述

    那么接下来就是客户端如何和前端页面进行交互了,这就是前面的schema协议了。

    这时候有的小伙伴可能就会问了,我用的hybrid技术开发的APP一天迭代一百次,怎么让用户同步更新呢?如下图所示:
    在这里插入图片描述
    我们可以用原生APP的API来发送一次网络请求来获取我们服务端页面的内容,这时小伙伴可能会有疑问了,你用HTML5不也是发送一次HTTPS请求吗,这样不也是很慢吗?NoNoNo,大家不要忘记JavaScript是一种解释型的语言,你请求来js文件之后还要解释执行。而你通过原生的APP可以在打开APP的同时就把服务器的页面请求过来然后再去执行本地js文件就OK了。
    当然,这里的请求也是有技巧的,不是每一次打开APP都去服务端请求新的东西,只有服务端有新的东西变化时才去请求,这样又可以提高一部分效率了。
    实现思路可以参考如下:只有用户版本号和服务器版本号不一致的时候才去请求。
    在这里插入图片描述

    好了,我简单的阐述完了混合APP内部是如何执行的以及原生APP和服务端之间的通信,估计也能够解决大家在打开原生APP发现切换页面的时候会有HTML5页面切换的疑问了。

    当然hybrid技术也并不是完美的,就像“没有免费的午餐定理”一样,这个社会就是在矛盾中发展的,hybrid技术需要懂得原生APP开发、前端开发、后台开发才能进行完成,因此开发成本高、维护成本也高。

    展开全文
  • Hybrid简介

    2019-04-08 17:41:17
    Hybrid 最近领导让看看Hybrid,可能新项目要使用,下面是在网上搜集的一些资料 三种模式: 多View混合型 即Native View和Web View独立展示,交替出现。 单View混合型 即在同一个View内,同时包括Native View和...

    Hybrid

    最近领导让看看Hybrid,可能新项目要使用,下面是在网上搜集的一些资料

    三种模式:

    1. 多View混合型

    即Native View和Web View独立展示,交替出现。

    1. 单View混合型

    即在同一个View内,同时包括Native View和Web View。互相之间是覆盖(层叠)的关系。(会牺牲内存,达到显示快的效果)

    1. Web主体性

    即移动应用的主体是Web View,主要以网页语言编写,穿插Native功能的Hybrid App开发类型。

    三种方案

    • 使用PhoneGap、AppCan之类的中间件,以WebView作为用户界面层,以JavaScript作为基本逻辑,以及和中间件通讯,再由中间件访问底层API的方式,进行应用开发。这种架构一般会非常依赖WebView层的性能。

    • 使用Adobe Air、RubyMotion、Appcelerator或者是Xamarin这种非官方语言的工具,打包成原生应用的方式开发。为什么笔者会将它们定义为Hybrid App,主要是它们并没有很单纯地使用原生提供的语言进行开发,而是通过对开发者提供友好的开发工具,并折中地把这种开发语言转换成原生语言,最终打包出整个应用,所以也属于混合应用范畴。

    • 在开发原生应用的基础上,嵌入WebView但是整体的架构使用原生应用提供,一般这样的开发由Native开发人员和Web前端开发人员组成。Native开发人员会写好基本的架构以及API让Web开发人员开发界面以及大部分的渲染。保证到交互设计,以及开发都有一个比较折中的效果出来

    主流框架

    1.wex5

    官网:http://www.wex5.com/wex5/?utm_source=Baidu
    缺点:

    • 使用范围有限,一般app、电商app、客服app、会员app、微店微商等
    • 用户量小,存在不稳定因素

    优点:

    • 高效精致的UI组件,基于jquery,bootstrap,使用增强的RequireJS 模块化技术
    • 基phoneGap(cordova)框架
    • 可视化开发环境IDE

    2.apicloud

    官网:https://www.apicloud.com/

    优点:
    它是相当一个原生程序封装了ApiCloud引擎,以SDK方式提供,APP通过键入SuperWebView替代系统WebView,即可在HTML中使用APICloud平台现在所有端的APi跨平台

    该公司有版权问题

    3.phonegap(Cordova)

    官网: https://www.phonegap.com/
    优点:

    • Native接口丰富
    • 文档详细
    • 多平台

    缺点:

    • 需要针对相应的平台环境配置,进行编译,打包测试,发布等等。
    • 启动慢,内存消耗大,不同平台代码要调整
    • 文档是英文

    4.appcan

    官网:http://www.appcan.cn/

    缺点:

    • 看评价文档和技术支持很差
    展开全文
  • Hybrid学习笔记

    2019-08-12 08:41:41

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • Hybrid APP混合开发的一些经验和总结

    万次阅读 2018-11-20 11:36:57
    Hybrid APP混合开发的一些经验和总结 写在前面: 由于业务需要,接触到一个Hybrid APP混合开发的项目。当时是第一次接触混合开发,有一些经验和总结,欢迎各位一起交流学习~ 1、混合开发概述 ...
  • Hybrid App 开发快速指南

    万次阅读 2018-08-14 00:42:57
    课程背景 混合应用相对于原生应用而言,是原生应用和 Web 应用的结合体。过去几年,混合应用开发的各种利弊已得到充分的讨论和验证。关于混合应用是什么、为什么使用的问题,相信大家都有自己的答案,但如何开发混合...
  • Hybrid 通信方式

    千次阅读 2019-01-07 16:56:08
    相信很多人都在项目里熟练使用各种Hybrid技术,无论是使用了知名得 WebViewJavascriptBridge 框架来做自己的Hybrid Web容器,又或是自己从头着手写了一个满足自己业务需求的bridge,从而构建起自己的Hybrid Web容器...
  • Android产品研发(十七)-->Hybrid开发

    万次阅读 多人点赞 2016-07-22 16:04:33
    下面的文章中我们将逐个介绍一下hybrid开发的概念、hybrid开发的优势、android中如何实现hybrid开发、简单的hybrid开发的例子,以及在产品实践中对hybrid开发的应用,希望通过本篇文章的介绍让您能够对android中的...
  • Hybrid App开发 四大主流平台

    千次阅读 2019-04-29 15:11:35
    Hybrid App在过去的两年中已经成为移动界的核心话题,但是作为一名Web开发者来说要如何站在移动互联网的浪潮之巅呢?是选择学习原生开发,研究Java、 Object-C、C#等语言,还是选择继续使用网页开发,容忍HTML5功能...
  • Kylin中的Hybrid Model

    2020-06-30 16:08:56
    Kylin中的Hybrid Model 官方文档地址:http://kylin.apache.org/blog/2015/09/25/hybrid-model/ Apache kylin1.0中的混合模型(Hybrid Model) 对于传入的SQL查询,kylin会选择一个实现来提供查询,在“Hybrid Modle...
  • Hybrid框架之交互通信篇

    千次阅读 2017-09-08 17:09:04
    前言虽然有些应用在使用React Native或Weex开发,但综合来看,业内还是以混合开发模式为主,从我们自家的App来看,H5业务所占比重越来越高,目前大概占到35%左右,因此一套好的Hybrid开发框架必不可少。混合开发的...
  • Hybrid接口的应用及配置

    千次阅读 2019-03-28 10:42:03
    Hybrid接口既可以连接普通终端的接入链路也可以了解交换机之间的干道链路,它允许对个VLAN的帧通过,同时可以在出接口方向将某些VLAN帧的标签剥掉。 Hybrid接口处理VLAN帧的过程: (1)收到一个二层帧,判断是否...
  • 前言在看这篇文章之前你要确保你有那么一点点的js知识,没错只需要一点点,能看懂最简单的代码就可以。如果你之前没接触过js的话。。也没关系,我会把其中对应的逻辑用语言表达出来。...所以说到hybrid
  • Android Hybrid混合开发

    千次阅读 2018-11-28 19:40:37
    混合开发(Hybrid)也有一段时间了,现在闲下来总结一下。 说到混合开发,重要功能有2种,一是网页端调用安卓原生接口或功能,二是安卓原生调用网页功能。 效果图: Hybrid开发流程: 1、Android端编写网页调用...
  • 文章目录前言一、Hybrid接口1.1特点1.2工作原理1.3Hybrid接口收发过程1.4Hybrid收发过程流程图二、Hybrid接口配置实验1.1实验拓扑图1.2实验要求1.3实验配置1.4实验测试 前言 Hybrid接口是华为设备的特殊的二层接口...
  • native APP,hybrid APP和web APP

    万次阅读 2018-08-29 18:57:28
    native APP,hybrid APP和web APP三者的区别 随着智能手机的普及,移动端应用几乎成为每个互联网产品的标配。在快速迭代的互联网战场中高效开发、低成本上线产品,是每个应用开发团队追求的目标。此时,选择合适的...
  • Hybrid原理与实验

    2020-06-01 18:18:41
    文章目录前言什么是hybrid?一.实验拓扑二.实验过程2.1配置SW12.2配置SW22.3配置R12.4配置R22.5 4台PC机进行配置2.6 转发过程2.6.1 Pc1 ping Pc2 转发过程2.6.2 Pc3 ping Pc5 转发过程2.6.3 Pc2 ping Pc5 转发过程 ...
  • Hybrid app开发历程分享

    千次阅读 2015-11-25 15:17:29
    这里主要讲述我们的hybrid产品策略、开发流程与规范、性能优化以及我们踩过的坑。而往往就是这些,网上相关的资料相对比较匮乏的,又缺少类似经验文章,所以希望通过此篇文章,跟大家分享一些魅族团队关于hybrid产品...
  • 浅谈Hybrid技术的设计与实现 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了...
  • 华为交换机的接口默认设为hybridhybrid接口介于access和trunk接口之间,通过加标签和脱标签的方式可以实现不同vlan间的通信,hybrid接口是华为设备的特殊的二层接口模式,可以类似于VLAN和trunk接口,可以对数据帧...
1 2 3 4 5 ... 20
收藏数 42,192
精华内容 16,876
关键字:

hybrid