[发明专利]一种在多架构中同步用户数据的方法、系统、装置及介质

说明书

本发明提供了一种在多架构中同步用户数据的方法、系统、装置及介质,其可以在在多架构中同步用户数据，使得ios设备上React‑native能够与H5页面正确传值交互，方法包括以下步骤：步骤1：用户在ios原生页面中登录；步骤2：在React‑native的webView组件自定义当前登录用户的用户代理属性；步骤3：当前登录用户从ios原生页面跳转到H5页面；步骤4：通过React‑native的webView组件加载H5页面的内容；步骤5：在webView组件中，H5页面根据步骤1中自定义的用户代理属性中的用户参数，获取当前登录用户的指定数据。

技术领域

本发明涉及ios、React-native和H5混合开发技术领域，具体涉及一种在多架构中同步用户数据的方法、系统、装置及介质。

背景技术

使用ios或者安卓原生技术进行开发，提升了用户体验但是会大大提高人力开发成本。使用RN技术，一套代码两套设备使用，大大节约人力开发成本，APP在用户体验上低于原生开发。

然而在ios设备上，在使用RN(React-native)自带的webView插件的时候，在跳转H5页面的时候没有UserAgent导致参数无法传递。若使用第三方插件的webView，会无法监听H5页面与RN之间的交互，出现页面异常。

发明内容

针对上述问题，本发明提供了一种在多架构中同步用户数据的方法、系统、装置及介质,其可以在在多架构中同步用户数据，使得ios设备上React-native能够与H5页面正确传值交互。

其技术方案是这样的：一种在多架构中同步用户数据的方法，其特征在于，包括以下步骤：

步骤1：用户在ios原生页面中登录；

步骤2：在React-native的webView组件自定义当前登录用户的用户代理属性；

步骤3：当前登录用户从ios原生页面跳转到H5页面；

步骤4：通过React-native的webView组件加载H5页面的内容；

步骤5：在webView组件中，H5页面根据步骤1中自定义的用户代理属性中的用户参数，获取当前登录用户的指定数据。

进一步的，在步骤中2中，自定义的用户代理属性中，包含当前登录用户的唯一标志、用户的手机号码、用户名称。

进一步的，在步骤中3中，登录用户通过点击ios原生页面上的跳转按钮，跳转到H5页面。

进一步的，在步骤5中，H5页面获取步骤1中自定义的用户代理属性中的当前登录用户的唯一标志，并根据唯一标志获取当前登录用户的指定数据。

一种在多架构中同步用户数据的系统，其特征在于，包括：

登录模块，用于让用户在ios原生页面中的登录；

自定义模块，用于在React-native的webView组件自定义在所述登录模块中登录的用户的用户代理属性；

跳转模块，用于让当前登录用户从ios原生页面跳转到H5页面；

加载模块，用于让通过React-native的webView组件加载H5页面的内容；

同步模块，用于让H5页面根据定义的用户代理属性中的用户参数，获取当前登录用户的指定数据。

进一步的，所述自定义模块自定义的用户代理属性中，包含当前登录用户的唯一标志、用户的手机号码、用户名称。

进一步的，所述跳转模块通过让登录用户点击ios原生页面上的跳转按钮，跳转到H5页面。