美文网首页
Native Bridge 原理与实现

Native Bridge 原理与实现

作者: NHXuan | 来源:发表于2016-09-01 10:01 被阅读0次

    JS调用Native,就是在这里和iOS还有安卓约定好一个jsObj对象,
    这个jsObj对象是移动端提供的,大家在HTML代码里是没有看到的。

    其实移动端在加载HTML的时候,会在上下文中注入这个对象到咱们JS中。咱们就可以直接调用这个对象的方法

    这个对象提供了一个HtmlcallJava方法,并接受2个参数,JS用
    window.jsObj.HtmlcallJava(username, password);调用就行。类似的还需要其他方法,跟移动端约定好后往jsObj对象里面添加就行,然后可以直接调用了

    提供给Native调用的方法就简单了,按照约定好方法名和参数,接受参数后实现我们的业务就行

    还是相对比较简单,但在我们的业务里面是远远不够的,往往参数很多,传参的时候可能要序列化成json格式,有必要的时候还要加密,还有和移动端交互的方法很多,还要便于管理。当然在这里我们只是给大家提供一个思路,原理和实现,在我们实际开发中会有一套严格的规范,在后续的直播课或者咱们兄弟连的全栈班里面会陆续给大家讲解

    HTML是可以放在服务器里面,提供URL给客户端调用,在这里我们为了方便调用放在客户端本地

    我们知道全球有82%的网站是用PHP做的,PHP程序员都会PHP和JS,如果我们仅使用两种编程语言甚至是一种编程语言,就能完成一个拥有网页端,微信端,app端的多端应用.那么我们将能培养大量的全栈工程师,这批全栈工程师可以胜任移动互联网领域所有的开发岗位

    现在市面上流行的混合app框架有很多,这些构架大部分都是国外的.比如
    FaceBook开源的ReactNative就是其中的佼佼者,在加上单页App技术成熟与普及使得仅使用PHP加JS就可以完成整个项目开发

    那么是不是我们只学习类似ReactNative构架就可以做全栈工程师了呢?问题没那么简单,如果你在国外或许还真行,可是在国内我们要想精通混合App开发模式,我们需要了解混合App实现原理也就是NativeBridge技术,因为国外的框架是不会集成支付宝和微信的,而国外集成的很多好用的组件也因为国内网络的特殊性导致我们部分组件无法正常使用

    要能灵活地使用NativeBridge完成自己的项目开发,我们除了必要的编程语言技能外,还需要对移动互联网的整个生态与行业特点,比如说在国内我们很多的项目会接入微信公众平台,并且微信也有提供相应的JSSDK让我们的网页拥有调用扫码,语音识别的能力.那么我们开发的平台要想让我们的程序做到一次开发多端兼容,那么我们除了兼容IOS,Android以外还应把微信,支付宝,微博这样的行业巨头考虑进去

    NativeBridge的实现原理其实并不复杂,大的原则来说就是讲数据渲染,用户交互,流程控制等核心业务类开发需求交给Web程序员来完成.而涉及到手机硬件和第三方平台提供的功能则使用底层封装并提供统一的JS与PHP接口,这种封装技术叫做NativeBridge

    那么我们下面在来看一下Android和IOS分别是如何实现NativeBridge的.以下的演示是为了方便大家看懂原理,所以对代码进行了大量的简化,与兄弟会在商业项目中正在大量使用的封装存在较大差距.如果是把商业级代码直接摆出来不利于大家理解,也违反公司规定

    相关文章

      网友评论

          本文标题:Native Bridge 原理与实现

          本文链接:https://www.haomeiwen.com/subject/bupcettx.html