(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210584399.7 (22)申请日 2022.05.27 (71)申请人 浪潮软件科技有限公司 地址 250100 山东省济南市高新区浪潮路 1036号浪潮科技园 (72)发明人 王宏宏　 (74)专利代理 机构 济南信达专利事务所有限公 司 37100 专利代理师 孙园园 (51)Int.Cl. H04L 67/02(2022.01) G06F 9/50(2006.01) G06F 16/84(2019.01) (54)发明名称 基于Electron架构的前后端通信方法及系 统 (57)摘要 本发明公开了基于Electron架构的前后端 通信方法及系统， 属于计算机技术应用领域， 本 发明要解决的技术问题为如何实现方便快捷且 低资源耗费将用户在前端中输入的信息传输到 后端进行处理， 采用的技术方案为： 其结构该方 法是将主进程需要传输的数据通过编码为JSON 字符串格式， 再通过主进程的webContents.send ()函数、 渲染进程的ipcRenderer.on()函数、 渲 染进程的ipcRenderer.send()函数以及主进程 的ipcMain.on()函数进行数据发送和接收， 并将 接收的JSON字符串转换为数据在渲染进程进行 展示或处理； 具体如下： 通过主进程向渲染进程 发送数据； 通过渲染进程向主 进程发送数据。 权利要求书2页 说明书7页 附图2页 CN 115065673 A 2022.09.16 CN 115065673 A 1.一种基于Electron架构的前后端通信方法， 其特征在于， 该方法是将主进程需要传 输的数据通过编码为JSON字符串格式， 再通过主进程的webContent s.send()函数、 渲染进 程的ipcRenderer.on()函数、 渲染进程的ipcRenderer.send()函数以及主进程的 ipcMain.on()函数进行数据发送和接收， 并将接收的JSON字符串转换为数据在渲染进程 进行展示或处 理； 具体如下： 通过主进程向渲染进程发送数据； 通过渲染进程向主 进程发送数据。 2.根据权利 要求1所述的基于Electron架构的前后端通信方法， 其特征在于， 通过主进 程向渲染进程发送数据具体如下： 主进程获取需要向渲染进程发送的待发送数据； 创建一个数据对象， 将待发送数据添加到该数据对象中， 并对不同的数据内容添加对 应的数据描述； 将数据对象通过JSON.st ringify()函数转换为JSON字符串； 将JSON字符串通过主 进程窗口 的webContents.send()函数发送到通信频道中； Electron应用的任一页面对应的渲染进程通过ipcRenderer.on()函数监听来自通信 频道的消息； 当监听到通信频道有消息发来时， 使用JSON.parse()函数将 接收到的JSON字 符串转换 成数据对象； 渲染进程 根据数据对象中的数据描述对数据内容使用UI组件进行展示或其 他处理。 3.根据权利 要求2所述的基于Electron架构的前后端通信方法， 其特征在于， 所述待发 送数据是指从数据库中读取、 从网络上获取或通过主 进程处理或计算获得的数据。 4.根据权利要求2或3所述的基于Electron架构的前后端通信方法， 其特征在于， 所述 主进程和渲染进程使用同一个通信频道名称， 通信频道名称采用自定义。 5.根据权利 要求4所述的基于Electron架构的前后端通信方法， 其特征在于， 通过渲染 进程向主 进程发送数据具体如下： Electron应用当前页面的渲染进程获取用户输入 的信息或其他需要向后台发送的数 据； 创建一个数据对象， 将要发送的数据添加到该数据对象中， 并对不同的数据内容添加 对应的数据描述； 将数据对象通过JSON.st ringify()函数转换为JSON字符串； 将JSON字符串通过渲染进程的ipcRenderer.send()函数发送到通信频道中； Electron应用的主 进程通过ipcMain.on()函数监听来自通信频道的消息； 当主进程监听到通信频道有消息发来时， 使用JSON.parse()函数将 接收到的JSON字 符 串转换成数据对象； 主进程根据数据对象中的数据描述对数据内容进行不同操作。 6.一种基于 Electron架构的前后端通信系统， 其特 征在于， 该系统包括， 数据发送单 元一， 用于通过主 进程向渲染进程发送数据； 数据发送单 元二， 用于通过渲染进程向主 进程发送数据。 7.根据权利 要求6所述的基于Electron架构的前后端通信系统， 其特征在于， 所述数据权　利　要　求　书 1/2 页 2 CN 115065673 A 2发送单元一包括， 获取模块一， 用于主进程获取需要向渲染进程发送的待发送数据； 其中， 待发送数据 是 指从数据库中读取、 从网络上获取或通过主 进程处理或计算获得的数据； 创建模块一， 用于创建一个数据对象， 将待发送数据添加到该数据对象中， 并对不同的 数据内容添加对应的数据描述； 数据转换模块 一， 用于将数据对象通过JSON.st ringify()函数转换为JSON字符串； 发送模块一， 用于将JSON字 符串通过主进程窗口的webContents.send()函数发送到通 信频道中； 其中， 通信频道名称采用自定义， 主 进程和渲染进程使用同一个通信频道名称； 监听模块一， 用于利用Electron应用的任一页面对应的渲染进程通过ipcRenderer.on ()函数监听来自通信频道的消息； 字符串转换模块一， 用于当监听到通信频道有消 息发来时， 使用JSON.parse()函数将 接收到的JSON字符串转换成数据对象； 处理模块一， 用于通过渲染进程根据数据对象中的数据描述对数据内容使用UI组件进 行展示或其 他处理。 8.根据权利要求6或7所述的基于Electron架构的前后端通信系统， 其特征在于， 所述 数据发送单 元二包括， 获取模块二， 用于Electron应用当前页面的渲染进程获取用户输入的信息或其他需要 向后台发送的数据； 创建模块二， 用于创建一个数据对象， 将要发送的数据添加到该数据对象中， 并对不同 的数据内容添加对应的数据描述； 数据转换模块 二， 用于将数据对象通过JSON.st ringify()函数转换为JSON字符串； 发送模块二， 用于将JSON字 符串通过渲染进程的ipcRenderer.send()函数发送到通信 频道中； 监听模块二， 用于利用Electron应用的主进程通过ipcMain.on()函数监听来自通信频 道的消息； 字符串转换模块二， 用于当主进程监听到通信 频道有消 息发来时， 使用JSON.parse() 函数将接收到的JSON字符串转换成数据对象； 处理模块二， 用于通过主进程根据 数据对象中的数据描述对数据内容进行上传到网络 服务器或保存在本地数据库中。 9.一种电子设备， 其特 征在于， 包括： 存 储器和至少一个处 理器； 其中， 所述存 储器上存 储有计算机程序； 所述至少一个处理器执行所述存储器存储的计算机程序， 使得所述至少一个处理器执 行如权利要求1至 5任一项所述的基于 Electron架构的前后端通信方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 程序， 所述计算机程序可被处理器执行以实现如权利要求1至5中任一项所述的基于 Electron架构的前后端通信方法。权　利　要　求　书 2/2 页 3 CN 115065673 A 3