一种多端跨平台解决方案的制作方法
技术特征:
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 】
技术研发人员:贾锡瑞
技术所有人:北京车智赢科技有限公司
备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明 :此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
技术研发人员:贾锡瑞
技术所有人:北京车智赢科技有限公司
备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明 :此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
