[发明专利]微信小程序WebView与原生组件的通信方法及系统

说明书

本发明公开了一种微信小程序WebView与原生组件的通信方法及系统，该方法包括：搭建一WebSocket服务器；用户微信小程序的原生组件创建与服务器相连接的第一WebSocket连接；原生组件上传用户对应的OpenID到服务器；WebView创建与服务器相连接的第二WebSocket连接并上传OpenID到服务器；根据OpenID，WebView与原生组件通过第一、第二WebSocket连接、服务器进行双向通信。本发明搭建一WebSocket服务器，WebView与原生组件分别创建与服务器相连接的WebSocket连接，通过用户的OpenID做关联标识，实现WebView与原生组件的双向通信。

技术领域

本发明涉及计算机软件领域，特别涉及一种微信小程序WebView(网络视图，微信小程序的一种组件)与原生组件的通信方法及系统。

背景技术

在目前的微信小程序里面，只有通过bindmessage(绑定消息，WebView的一个属性)才可以实现WebView和原生组件之间的通信，并且触发时机非常局限，仅在小程序后退、组件销毁、分享才会触发，这种情况会使得使用WebView开发非常复杂。

发明内容

本发明要解决的技术问题是为了克服现有技术中只有通过bindmessage才可以实现WebView和原生组件之间的通信，并且触发时机非常局限的缺陷，提供一种微信小程序WebView与原生组件的通信方法及系统。

本发明是通过下述技术方案来解决上述技术问题：

本发明提供一种微信小程序WebView与原生组件的通信方法，该方法包括以下步骤：

搭建一WebSocket(在单个TCP连接进行全双工通信的计算机通信协议)服务器；

通过用户的微信小程序的原生组件创建一与所述WebSocket服务器相连接的第一WebSocket连接；

所述原生组件使用Header(头部标签)通过所述第一WebSocket连接上传所述用户对应的OpenID(以用户为中心的数字身份识别框架)到所述WebSocket服务器；

通过所述用户的微信小程序的WebView创建一与所述WebSocket服务器相连接的第二WebSocket连接；

所述WebView使用Header通过所述第二WebSocket连接上传所述用户对应的OpenID到所述WebSocket服务器；

根据所述用户对应的OpenID，所述用户的微信小程序的所述WebView与所述原生组件通过所述第二WebSocket连接、所述WebSocket服务器、所述第一WebSocket连接进行双向通信。

较佳地，所述微信小程序WebView与原生组件的通信方法还包括：

退出微信小程序时，断开所述第一WebSocket连接和所述第二WebSocket连接。

本发明还提供一种微信小程序WebView与原生组件的通信系统，该通信系统包括服务器搭建模块、用户的微信小程序的原生组件和用户的微信小程序的WebView；

所述服务器搭建模块用于搭建一WebSocket服务器；

所述用户的微信小程序的原生组件用于创建与所述WebSocket服务器相连接的第一WebSocket连接；

所述用户的微信小程序的原生组件还用于使用Header上传所述用户对应的OpenID到所述WebSocket服务器；

所述用户的微信小程序的WebView用于创建与所述WebSocket服务器相连接的第二WebSocket连接；