一种基于Electron的简易浏览器实现方法及系统技术方案

本发明专利技术提供一种基于Electron的简易浏览器实现方法及系统，属于浏览器技术领域，本发明专利技术通过Electron的渲染进程实现浏览器的页面访问功能，包括访问、前进、后退、主页、刷新、多标签页面管理等，通过Electron主进程监测页面事件，例如页面的加载、跳转、下载等，并可在其中增加相关业务控制，实现灵活的业务功能。同时，主进程可以提供全屏、置顶、桌面级消息提醒、开机自启、网络检测、本地文件访问等各种类客户端型能力，具备跨平台(Windows、Linux、MacOS)、定制化等特点。定制化等特点。定制化等特点。

【技术实现步骤摘要】
一种基于Electron的简易浏览器实现方法及系统


[0001]本专利技术涉及浏览器、Electron、NodeJS、Html5、JavaScript等
，尤其涉及一种基于Electron的简易浏览器实现方法及系统。

技术介绍

[0002]当前的互联网服务模式主要有B/S：浏览器/服务器(Browse/Server)模式和C/S：客户端/服务器(Client/Server)模式两种。
[0003]其中，B/S(浏览器/服务器模式)是随着Internet技术的兴起，对C/S结构的一种改进。在这种结构下，软件应用的业务逻辑完全在应用服务器端实现，用户表现完全在Web服务器实现，客户端只需要浏览器即可进行业务处理，是一种全新的软件系统构造技术，这种结构更成为当今应用软件的首选体系结构。这种模式统一了客户端，用户操作与交互的界面是通过通用的浏览器(如，IE浏览器、Google Chrome浏览器、Firefox浏览器等)来实现的。
[0004]对于特定用户、特定设备的需求，可能需要一些区别于传统通用浏览器的额外的定制功能。双屏智慧办税系统采用的即是B/S服务模式，它要求浏览器除了要具备通用浏览器的网页展示功能外，还能够提供一定的客户端能力，例如：全屏展示、置顶、去除地址栏、监测URL地址变化、桌面级消息提醒、开机自启、网络检测、本地文件访问等。而传统浏览器在特定需求中存在可定制性低、客户端能力弱等问题。

技术实现思路

[0005]为了解决以上技术问题，本专利技术提供了一种基于Electron的简易浏览器实现方法。更灵活、可定制、客户端能力强的浏览器构造，提供页面浏览服务，并能够结合具体业务实现灵活配置。
[0006]本专利技术的技术方案是：
[0007]一种基于Electron的简易浏览器实现方法，使用Electron技术，构建了一套简易的浏览器，通过Electron的渲染进程实现浏览器的页面访问功能，包括访问、前进、后退、主页、刷新、多标签页面管理等，通过Electron主进程监测页面事件，例如页面的加载、跳转、下载等，并可在其中增加相关业务控制，实现灵活的业务功能。同时，主进程可以提供全屏、置顶、桌面级消息提醒、开机自启、网络检测、本地文件访问等各种类客户端型能力，具备跨平台(Windows、Linux、MacOS)、定制化等特点。
[0008]进一步的，
[0009]主进程搭建：创建NodeJS项目，指定入口文件即为主进程文件，在主进程种引入Electron依赖，并创建Electron实例，在实例就绪后，准备创建渲染进程；同时，注册网络、文件、消息、通信、更新子模块用于附加功能工作。
[0010]渲染进程创建：主进程中创建用户界面窗口，并在窗口中指定要访问的渲染进程路径；渲染进程是一个H5页面，用于提供浏览器界面框架，多标签页面使用webview加载，并
挂载到渲染进程页面上。
[0011]渲染进程和主进程间使用通信模块进行通信，对渲染进程要使用其他子模块功能时，均需通过通信模块请求主进程进行功能分发。
[0012]本专利技术还提供了一种基于Electron的简易浏览器实现系统，包括主进程和渲染进程；
[0013]主进程：用于控制浏览器软件的生命周期，包括创建、显示、关闭、销毁等。同时也作为其他各模块的集成载体；
[0014]渲染进程：用于渲染展示页面，提供传统浏览器的页面访问和控制功能。
[0015]进一步的，
[0016]还包括NodeJS依赖库、通信模块、消息模块、网络模块、文件模块、自动更新模块；
[0017]各模块主要功能如下：
[0018]NodeJS依赖库：提供各种NodeJS依赖。
[0019]通信模块：封装了通信方法，为主进程和渲染进程提供双向通信能力。
[0020]消息模块：封装消息提示方法，提供系统级消息提醒能力。
[0021]网络模块：提供网络在线/掉线检测、渲染进程的URL变化监测功能。
[0022]文件模块：提供本地文件读写功能。
[0023]自动更新模块：用于检测、下载和安装更新包。
[0024]再进一步的，
[0025]主进程搭建：创建NodeJS项目，指定入口文件即为主进程文件，在主进程种引入Electron依赖，并创建Electron实例，在实例就绪后，准备创建渲染进程；同时，注册网络、文件、消息、通信、更新子模块用于附加功能工作。
[0026]渲染进程创建：主进程种创建用户界面窗口，并在窗口中指定要访问的渲染进程路径；渲染进程是一个H5页面，用于提供浏览器界面框架，多标签页面使用webview加载，并挂载到渲染进程页面上；
[0027]渲染进程和主进程间使用通信模块进行通信，对渲染进程要使用其他子模块功能时，均需通过通信模块请求主进程进行功能分发。
[0028]本专利技术的有益效果是
[0029]1、可定制开发；
[0030]2、具备客户端底层能力；
[0031]3、可实现对访问URL的监控。
附图说明
[0032]图1是本专利技术的工作流程示意图。
具体实施方式
[0033]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例，基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0034]本专利技术使用Electron技术，构建了一套简易的浏览器，通过Electron的渲染进程实现浏览器的页面访问功能，包括访问、前进、后退、主页、刷新、多标签页面管理等，通过Electron主进程监测页面事件，例如页面的加载、跳转、下载等，并可在其中增加相关业务控制，实现灵活的业务功能。同时，主进程可以提供全屏、置顶、桌面级消息提醒、开机自启、网络检测、本地文件访问等各种类客户端型能力，具备跨平台(Windows、Linux、MacOS)、定制化等特点。
[0035]其具体实现过程为：
[0036]1、主进程搭建：创建NodeJS项目，指定入口文件即为主进程文件，在主进程种引入Electron依赖，并创建Electron实例，在实例就绪后，准备创建渲染进程。同时，注册网络、文件、消息、通信、更新等子模块用于附加功能工作。
[0037]2、渲染进程创建：主进程中创建用户界面窗口，并在窗口中指定要访问的渲染进程路径。渲染进程是一个H5页面，用于提供浏览器界面框架，包括工具栏、标签栏、页面展示区等。多标签页面使用webview加载，并挂载到渲染进程页面上。
[0038]3、渲染进程和主进程间使用通信模块进行通信，包括对渲染进程要使用其他子模块功能时，均需通过通信模块请求主进程进行功能分发。
[0039]客户端打包，生成安装文件；安装客本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于Electron的简易浏览器实现方法，其特征在于，通过Electron的渲染进程实现浏览器的页面访问功能，通过Electron主进程监测页面事件，并在其中增加相关业务控制，同时，主进程提供全屏、置顶、桌面级消息提醒、开机自启、网络检测、本地文件访问的功能。2.根据权利要求1所述的方法，其特征在于，主进程搭建：创建NodeJS项目，指定入口文件即为主进程文件，在主进程种引入Electron依赖，并创建Electron实例，在实例就绪后，准备创建渲染进程；同时，注册网络、文件、消息、通信、更新子模块用于附加功能工作。3.根据权利要求2所述的方法，其特征在于，渲染进程创建：主进程中创建用户界面窗口，并在窗口中指定要访问的渲染进程路径；渲染进程是一个H5页面，用于提供浏览器界面框架，多标签页面使用webview加载，并挂载到渲染进程页面上。4.根据权利要求3所述的方法，其特征在于，渲染进程和主进程间使用通信模块进行通信，对渲染进程要使用其他子模块功能时，均需通过通信模块请求主进程进行功能分发。5.一种基于Electron的简易浏览器实现系统，其特征在于，包括主进程和渲染进程；主进程：用于控制浏览器软件的生命周期，同时也作为其他各模块的集成载体；渲染进程：用于渲染展示页面，提...

【专利技术属性】
技术研发人员：王浩，
申请(专利权)人：浪潮软件科技有限公司，
类型：发明
国别省市：