首页  专利技术  电子电路装置的制造及其应用技术

一种多端跨平台解决方案的制作方法

2026-03-21 11:00:01 270次浏览

技术特征:

1.一种多端跨平台解决方案,其特征在于:包括业务代码分离方式、多模块入口打包、原生渲染的桥接代码适配、基础业务适配、特殊兼容适配和打包产物接入。

2.根据权利要求1所述的一种多端跨平台解决方案,其特征在于:所述原生渲染的桥接代码适配、基础业务适配和特殊兼容适配的适配方式为:

3.根据权利要求1所述的一种多端跨平台解决方案,其特征在于:所述业务代码分离方式采用两套独立的git管理工程文件,将core业务代码放在两个独立的git仓库中管理,将两组平台的独立特性做分离。

4.根据权利要求1所述的一种多端跨平台解决方案,其特征在于:所述多模块入口打包,采用webpack技术打包,并且按照文件夹动态给多个项目同时打包,引入各自配置,并上传静态js的方式来实现。

5.根据权利要求4所述的一种多端跨平台解决方案,其特征在于:所述多模块入口打包方式为:

6.根据权利要求2所述的一种多端跨平台解决方案,其特征在于:通过采用同名类ahrnbannerview自行保证轮播图、动态引入css样式和通过reactnative实现swiper,这三种适配可行方案,来使reactnative多平台实现相同效果。

7.根据权利要求1所述的一种多端跨平台解决方案,其特征在于:所述打包产物接入的方式为:

8.根据权利要求1所述的一种多端跨平台解决方案,其特征在于:所述基础业务适配分为业务处理类和ui类,以定位为例,在app端与原生桥接交互获取原生定位的方式为:

9.根据权利要求8所述的一种多端跨平台解决方案,其特征在于:在h5端通过

10.根据权利要求3所述的一种多端跨平台解决方案,其特征在于:所述业务代码分离方式采用ts开发,降低字段错误风险。


技术总结
本发明属于多端跨平台技术领域,且公开了一种多端跨平台解决方案,包括业务代码分离方式、多模块入口打包、原生渲染的桥接代码适配、基础业务适配、特殊兼容适配和打包产物接入。本发明通过React Native和React Native Web的整合,实现了在移动端和Web端使用同一套代码基进行开发,与原生开发+Web开发相比,减少了2人次的工作量;与单独的React Native+Web开发相比,也减少了1人次的工作量,这种技术选型使得三端开发仅需投入1人即可完成,极大地降低了开发成本和工作量,还能通过React Native Web技术,对现有Web应用进行了改造,这种改造不仅提升了应用的响应速度和流畅度,还使得移动端和Web端在界面和交互上更加一致,增强了用户的整体使用感受。

技术研发人员:贾锡瑞
受保护的技术使用者:北京车智赢科技有限公司
技术研发日:
技术公布日:2024/11/26
文档序号 : 【 40123617 】

技术研发人员:贾锡瑞
技术所有人:北京车智赢科技有限公司

备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
贾锡瑞北京车智赢科技有限公司
钌基自支撑电催化材料、制备方法及应用与流程 电子设备的制作方法
相关内容