一种RN和H5页面进行通信的方法、系统、装置、介质制造方法及图纸

本发明专利技术提供了一种RN和H5页面进行通信的方法、系统、装置、介质，其可以使得RN和H5页面之间的通信更加简单方便，减少繁复的操作量，实现高效的通信，其中方法包括以下步骤：步骤1：自定义调用数据包；步骤2：将自定义的调用数据包导入项目程序中；步骤3：在信息发送端定义执行函数，所述执行函数被配置成连接信息发送端和信息接收端的通信；步骤4：信息接收端监听所述执行函数则执行该执行函数，获取来自所述信息发送端的信息，完成通信。

【技术实现步骤摘要】
一种RN和H5页面进行通信的方法、系统、装置、介质
本专利技术涉及React-native和H5混合开发
，具体涉及一种RN和H5页面进行通信的方法、系统、装置、介质。
技术介绍
RN(react-native)是目前流行的跨平台移动应用开发框架之一，“Learnonce,writeanywhere”是react-native提出的口号，在react-native开源后，这个口号得到了实现，我们只需要学会react，就能同时在web端，安卓和苹果开发应用。react-native的优点和H5类似，跨平台、低成本开发、开发速度快、动态发布、一套类似代码维护三个平台。H5有许多优点，特别针对原生开发的缺点。如：直接在网页上调试和修改，几乎不用考虑用户机型和适配的问题，针对原生开发的平台碎片化、开发人力成本、时间成本高；版本升级优势，网页的升级与用户无关，用户无需下载更新安装，保证实时送达到用户手中；上线时间稳定、快速，不需要通过开发市场的审核，有收入分成的开发市场更是可以绕过收入分成。由于H5的特性，我们的很多APP会采用半原生半H5本文档来自技高网...

【技术保护点】
1.一种RN和H5页面进行通信的方法，其特征在于，包括以下步骤：/n步骤1：自定义调用数据包；/n步骤2：将自定义的调用数据包导入项目程序中；/n步骤3：在信息发送端定义执行函数，所述执行函数被配置成连接信息发送端和信息接收端的通信；/n步骤4：信息接收端监听所述执行函数则执行该执行函数，获取来自所述信息发送端的信息，完成通信。/n

【技术特征摘要】
1.一种RN和H5页面进行通信的方法，其特征在于，包括以下步骤：
步骤1：自定义调用数据包；
步骤2：将自定义的调用数据包导入项目程序中；
步骤3：在信息发送端定义执行函数，所述执行函数被配置成连接信息发送端和信息接收端的通信；
步骤4：信息接收端监听所述执行函数则执行该执行函数，获取来自所述信息发送端的信息，完成通信。


2.根据权利要求1所述的一种RN和H5页面进行通信的方法，其特征在于：在步骤1中，将自定义的调用数据包上传到托管第三方包的网站，用于供使用者下载自定义的调用数据包。


3.根据权利要求1所述的一种RN和H5页面进行通信的方法，其特征在于：，在步骤3中，所述执行函数被配置成约定信息发送端所需要传递的信息，所述信息接收端能够接收来着所述信息发送端的信息。


4.根据权利要求1所述的一种RN和H5页面进行通信的方法，其特征在于：在步骤4中，所述信息接收端调用自定义的调用数据包中提供的API方法，用于监听信息发送端中定义的执行函数；当所述信息接收端监听到所述执行函数则执行该执行函数，当所述执行函数执行完毕，所述信息接收端接收到来自所述信息发送端的信息，完成通信。


5.根据权利要求1所述的一种RN和H5页面进行通信的方法，其特征在于：所述信息发送端为react-native，所述信息接收端为H5页面。


6.根据权利要求1所述的一种RN和H5页面进行通信的方法，其特征在于：所述信息发送端为H5页面，所述信息发送端为rea...

【专利技术属性】
技术研发人员：郁于润，李梁，滑立栋，王彬彬，韩晓芳，
申请(专利权)人：苏州金羲智慧科技有限公司，
类型：发明
国别省市：江苏;32