混合应用技术选型

简介:     混合应用技术选型   越来越多的公司选择使用 hybrid开发模式来做app,我司在一些个别项目上也采用了这样的架构,目前来看整体还可以,但是也是有很多的坑要去填。   目前开发APP的三种形式: 1、客户端(纯原生)+服务端(php/java/.

 

 

混合应用技术选型

 

越来越多的公司选择使用 hybrid开发模式来做app,我司在一些个别项目上也采用了这样的架构,目前来看整体还可以,但是也是有很多的坑要去填。

 

目前开发APP的三种形式:

1、客户端(纯原生)+服务端(php/java/...)

2、客户端(原生+html5)+服务端(php/java/...)

3、客户端(webap(SPA))+服务端(node环境+vue/react/...)

 

方案一应该是目前主流公司的标准开发模式,我们公司以前的产品也大都以这种方式来进行;

优点:体验好,客户端操作稳定;

缺点:发布版本升级太麻烦

 

方案二采用原生+h5的方式来配合,使用的原则是用户使用的一级页面或者主框架页面采用原生语言来开发,比如:登录、首页、我的账户首页等;所有的二级页面均采用H5开发。

优点:开发速度快,升级方便

缺点:原生和H5交互比较复杂

 

方案三使用一些SPA框架,比如vue、react等。利用这些框架以组件的形式进行开发页面切换成不同的组件有利于复用,服务端必须使用node环境包装一层再和服务端交互,或者直接使用node做服务端

优点:开发速度快,页面利用率高

缺点:目前来开没有网络等情况交互不友好,生产使用情况很少

 

我们根据调研结果采用了第二种方案,但是使用第二种方案又会面临很多问题:

1、原生和H5用户状态如何来同步?

2、原生和H5如何相互交互使用

3、如何保证信息不泄露

 

解决方案:

1、用户登录后下发token,用户在客户端登录后将token存储,原生请求带上token;每次点击H5页面请求的时候将token存入cookie,浏览器会自动带上cookie以识别用户状态。

2、使用WebViewJavascriptBridge来解决H5调用原生接口的问题。

 

 

 

相关文章
|
4月前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
设计模式 资源调度 Kubernetes
微前端应用 乾坤 开发实践
乾坤作为一款微前端应用框架,可以有效的实现前端应用程序的模块化设计,代码复用和可维护性。下面我们来通过实际开发来看看乾坤的使用方式以及实践。
|
4月前
|
Dart 数据处理 开发者
【Flutter前端技术开发专栏】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。
【4月更文挑战第30天】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。本文聚焦Flutter开发关键知识点:1) Dart语言和Flutter框架基础,如Widget和State;2) 路由管理,包括基本和命名路由,以及路由传值;3) 使用http、dio等库进行网络请求和数据处理;4) ThemeData定义应用主题,实现样式主题化。掌握这些技能将提升Flutter开发效率和应用质量。
49 0
|
4月前
|
前端开发 JavaScript 测试技术
探讨前后端分离架构在Web应用开发中的优势与实践
本文将深入探讨前后端分离架构在Web应用开发中的优势与实践。通过明确前后端分离的定义和原理,分析其在提高开发效率、降低耦合性、增强可维护性等方面的优势。同时,为读者提供了一些实践指导,包括如何选择适合的前后端分离框架、如何合理划分前后端职责等,旨在帮助开发者更好地应用这一架构并取得良好的开发效果。
|
10月前
|
开发框架 移动开发 前端开发
跨端框架盘点
跨端框架盘点
68 0
|
11月前
|
Dart 前端开发 JavaScript
掌握这个关键技术,让你的APP开发事半功倍!——Flutter与其他方案的区别
掌握这个关键技术,让你的APP开发事半功倍!——Flutter与其他方案的区别
69 0
|
JavaScript 前端开发 Shell
Donut 多端框架:一款跨平台开发的利器
随着移动互联网的快速发展,越来越多的开发者开始关注跨平台开发技术。跨平台开发可以让我们在不同的设备和操作系统上运行相同的代码,大大提高了开发效率和应用的覆盖范围。本文将为大家介绍一款名为Donut 多端框架的跨平台开发工具,以及如何使用它来快速搭建一个跨平台的移动应用。
1152 0
|
Web App开发 开发框架 前端开发
面向企业级前端应用的开发框架 UI5 的发展简史介绍
在移动应用已经无缝融合到我们日常生活的今日,我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付,在线购物,生活缴费,天气和交通线路查询等等。
261 0
面向企业级前端应用的开发框架 UI5 的发展简史介绍
|
存储 NoSQL 数据可视化
关于webgis技术选型的一些思考
本文分享了本人对于webgis的一些思考,在国产化浪潮下,面向未来。webgis在存储、大规模数据处理、高效可视化、空间检索计算等方面的一些疑问。
434 0
|
JSON 编解码 文字识别
Flutter UI自动化测试技术方案选型与探索
Flutter页面无法直接使用Native测试工具定位元素,给自动化测试带来很多不便。虽然Google官方推出了Flutter driver 和 Integration test,但是在实际使用中存在以下问题:
597 0
Flutter UI自动化测试技术方案选型与探索