混合App开发原理

前言

Hybrid App

Hybrid App是指介于web-app(网页APP,如京东web)、native-app(原生应用,如手机上面的APP应用)这两者之间的app,它虽然看上去是一个Native App,但只有一个WebView ( WebView,可以类比成iframe ),里面访问的是一个Web App,就是包了个客户端的壳,其实里面是HTML5的网页。

工作原理

混合APP就是在:android系统和ios系统直接使用系统默认浏览器进行轻量的嵌套使用,是基于原生js和html5来开发的,原生是需要浏览器的,它可以在不升级App的情况下不动态更新,节省很多开发资源,而webview 它就是一个浏览器,只不过是纯洁的浏览器,使用前需要配置。
在开发过程中写出的页面,如果需要调用手机的功能,其它的app是根据框架提供的对象跟方法调用,而android是根据工程师提供的对象跟方法,前端也会定义但不调用,android会根据webview.loadUrl调用传参,webview既可以显示渲染页面,又可以与页面js交互来实现混合开发。
页面渲染
在这里插入图片描述
Js交互
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

开发模式

准备工具:
java jdk — 前端的node,没有node,name你就玩不了vue以及react等
安装JDK
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
jdk配置文档
链接

在dos窗口中输入java -version回车出现版本号就说明安装成功

安装android-studio

intellij编辑器插件扩展而来(intellij在13-14年之前特别火爆,直到现在还被很多人青睐)

安装教程
链接

android手机或者android模拟
下载模拟器

数据线链接手机

发布了4 篇原创文章 · 获赞 1 · 访问量 286

猜你喜欢

转载自blog.csdn.net/monthover/article/details/104489011