CN109165357A - 图片生成方法、服务器、电子设备及可读存储介质 - Google Patents

Abstract

本发明提供了一种图片生成方法、服务器、电子设备及可读存储介质，所述方法包括：接收网页转换请求，所述网页转换请求包括参考网页地址；根据对所述参考网页地址的访问过程生成图片将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。

Description

图片生成方法、服务器、电子设备及可读存储介质

技术领域

本发明实施例涉及网络技术领域，尤其涉及一种图片生成方法、服务器、电子设备及可读存储介质。

背景技术

随着社交平台的广泛应用，用户可以通过社交平台分享链接。随着二维码的产生，带有二维码的图片替代链接作为分享对象，可以有效提高用户对分享对象的兴趣。

现有技术中，生成带有二维码的图片可以在浏览器端完成。主要步骤包括：首先，通过JavaScript脚本)遍历HTML(Hyper Text Markup Language,超文本标记语言)网页的DOM(Document Object Model,文档对象模型)，将其中各元素的CSS属性转换为Canvas的绘制操作；然后，将转换之后的Canvas绘制成图片。

然而，由于浏览器的计算能力有限，无法支持页面布局复杂的网页转换；Canvas的性能限制了转换速度、成功率以及质量；转换时仅支持CSS2属性，无法支持CSS3属性；依赖于浏览器对网页的处理能力，无法支持小程序的转换请求。

发明内容

本发明提供一种图片生成方法、服务器、电子设备及可读存储介质，以解决现有技术图片生成的上述问题。

根据本发明的第一方面，提供了一种图片生成方法，所述方法包括：

接收网页转换请求，所述网页转换请求包括参考网页地址；

根据对所述参考网页地址的访问过程生成图片；

将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

根据本发明的第二方面，提供了一种图片生成服务器，所述服务器包括：

转换请求接收模块，用于接收网页转换请求，所述网页转换请求包括参考网页地址；

网页转换模块，用于根据对所述参考网页地址的访问过程生成图片；

图片存储模块，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

根据本发明的第三方面，提供了一种电子设备，包括：

处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现前述图片生成方法。

根据本发明的第四方面，提供了一种可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行前述图片生成方法。

本发明实施例提供了一种图片生成方法、服务器、电子设备及可读存储介质，所述方法包括：接收网页转换请求，所述网页转换请求包括参考网页地址；根据对所述参考网页地址的访问过程生成图片；将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的系统架构下的一种图片生成方法具体步骤流程图；

图2是本发明实施例中各图片生成服务器与其他设备的交互关系示意图；

图3是本发明实施例提供的系统架构下的另一种图片生成方法具体步骤流程图；

图4是本发明实施例提供的一种图片生成服务器的结构图；

图5是本发明实施例提供的另一种图片生成服务器的结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一

参照图1，其示出了一种图片生成方法的步骤流程图，包括：

步骤101，接收网页转换请求，所述网页转换请求包括参考网页地址。

本发明实施例应用于图片生成服务器，该服务器可以将参考网页转换为图片，并发返回图片的存储位置。该服务器可以为浏览器(例如Chrome)对应的后台服务器。

此外，该服务器的系统为Centos7，运行环境为Nodejs 8.0版本及以上。在安装Puppeteer的Npm包，因为Google官方的Chromium镜像在国内无法访问，所以需要设置为国内可用的镜像下载地址。为了让Chromium能够在服务器上运行，还需要安装C++11的部分依赖库。为了解决中文乱码的问题以及能更好的还原截图网页的效果，还需要安装苹方等中文字体。

以上依赖库和字体文件是普通服务器不具备的，还需要人工登录服务器进行操作完成。为了实现服务器的自动化扩容，可以将上述人工操作封装成脚本命令。从而仅需要执行安装命令就可以完成上述所有依赖库和字体文件的安装。

如图2所示，当用户在QQ、微信等社交平台上欲向另一用户分享目标网页(例如点评APP)时，发送网页转换请求至图片生成服务器。可以理解，网页转换请求中携带参考网页地址。其中，参考网页为分享目标网页时所在的当前网页，当前网页可以和目标网页相同，也可以根据业务场景设定为其他网页，例如，所在网页对应的活动主页等。

本发明实施例可以根据当前网页生成个性化图片，尤其是当前网页中存在个人信息，例如，个人图片、账户等信息。

可以理解，网页转换请求可以由社交平台对应的服务器发起，也可以由社交平台所在的终端发起，本发明实施例对其不加以限制。

步骤102，根据对所述参考网页地址的访问过程生成图片。

具体地，对参考网页地址进行访问，将网页在渲染之后的数据保存为图片。

在本发明实施例中，图片生成服务器可以通过无UI(User Interface，用户界面)模式的浏览器(例如，Chromium)访问参考网页地址。其中，Chromium为Google开源的浏览器，与Chrome浏览器使用相同的内核，可以在Linux系统的服务器上以无UI模式运行。Google团队开源了Nodejs库puppeteer，可以通过API(Application ProgrammingInterface，应用程序编程接口)的方式操作Chromium。

如图2所示，图片生成服务器访问参考网页地址，以从参考网页地址对应的后台服务器上获取网页数据。从而可以对网页数据进行渲染解析，得到渲染之后的网页数据，并将其保存为图片。

步骤103，将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

如图2所示，图片生成服务器和存储服务器可以通过网络连接，从而实现图片上传，以及存储地址返回。

其中，存储位置可以为存储服务器的网络地址加图片标识。从而目标分享用户可以从该存储地址中下载该图片。需要注意的是该存储地址与网页地址不同，存储地址为图片的存储地址，网页地址是用于网页的访问地址，用户所在终端首先从存储地址中下载图片，然后从图片中可以获取到网页地址，跳转到目标网页，目标网页是向用户分享的网页。

在实际应用中，将图片上传至存储服务器上之后，从该图片生成服务器上删除该图片，避免该图片生成服务器存储过多图片，导致性能下降。

可以理解，发起端可以为社交平台对应的服务器，也可以为社交平台所在的终端，如图2所示，图片生成服务器将存储地址返回至发起端。

综上所述，本发明实施例提供了一种图片生成方法，所述方法包括：接收网页转换请求，所述网页转换请求包括参考网页地址；根据对所述参考网页地址的访问过程生成图片；将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。

实施例二

本申请实施例对可选地图片生成方法进行了描述。

参照图3，其示出了另一种图片生成方法的具体步骤流程图。

步骤201，接收网页转换请求，所述网页转换请求包括参考网页地址。

该步骤可以参照步骤101的详细说明，在此不再赘述。

步骤202，在所述请求参数校验失败的情况下，拒绝访问所述参考网页地址，并返回第一提示信息。

其中，请求参数用于控制图片的样式、大小、格式等，包括但不限于：截图模式、发起终端、像素压缩比例。

其中，发起终端为发起所述网页转换请求时所在的终端，例如，平板电脑、各种大小屏幕的手机等，由于不同大小的屏幕对显示的图片大小要求不同，从而需要知道终端的类型，从而可以确定屏幕大小以生成适合其大小的图片。

此外，截图模式和像素压缩比不同均会导致生成不同的图片。

具体地，可以对请求参数进行长度、格式、以及内容进行校验。例如，若一参数的长度要求为10位，则长度为8时请求参数校验失败；又例如，如一参数要求数字和字符混合，则纯数字的参数校验失败；又例如，参数的取值不为预先设定的取值范围，则校验失败。

可以理解，只有所有参数均校验成功，则请求参数校验成功，针对该网页转换请求生成对应的图片；若其中一个参数校验失败，则请求参数校验失败，返回代表参数校验失败的第一提示信息。

本发明实施例可以对首先对请求参数进行校验，以避免生成图片失败，或生成的图片错误。

步骤203，在所述参考网页地址不在预设白名单内的情况下，拒绝访问所述参考网页地址，并返回第二提示信息。

其中，白名单可以由参考网页地址的地址组成，不在白名单内的网页不予生成图片。白名单内的网页地址为合法或允许的网页地址。

可以理解，参考网页地址在白名单内，则针对该网页转换请求生成图片；参考网页地址不在白名单内，则返回表示参考网页地址不在白名单内的第二提示信息。

本发明实施例可以针对指定网页进行图片转换，避免不合法网页的图片转换，提高网页转换图片的成功率。

步骤204，对所述参考网页地址对应的网页数据进行渲染解析得到渲染数据。

在浏览器对网页数据进行展示之前，浏览器需要对网页数据进行渲染解析。本发明实施例将渲染解析之后的数据不进行展示，由于此时的数据已经有展示的效果，从而可以保存为图片，得到的图片与网页的展示效果相同。

步骤205，将所述二维码数据添加至所述渲染数据中。

其中，二维码数据对应一个网页地址，用户可以通过该图片访问该二维码对应的网页。例如，用户可以通过长按图片得到操作菜单，并从菜单中选择访问该二维码对应的网页，即可转入该网页。

可以理解，二维码数据在渲染数据中的位置不进行限制。此外，还可以为条形码或其他绑定网页地址的图形码。

步骤206，将所述渲染数据保存为图片。

具体地，图片可以以二进制流的方式进行保存，通过步骤205该图片中包含了二维码数据。

步骤207，将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

该步骤可以参照步骤103的详细说明，在此不再赘述。

步骤208，在所述缓存标志对应采用缓存策略的情况下，将所述存储地址与所述网页转换请求保存至预设缓存区。

其中，缓存区的位置可以根据实际应用场景设定，本发明实施例对其不加限制。

本发明实施例可以在首次生成图片之后缓存图片的存储地址，以供后续直接使用。

步骤209，在所述缓存标志对应采用缓存策略的情况下，从所述缓存区中获取与所述网页转换请求对应的存储地址。

本发明实施例可以采用缓存图片从而避免反复生成图片，提高了网页转换为图片的效率。

可以理解，若网页转换请求包含的参考网页地址不是第一次用于生成图片，则步骤209可以在步骤204之前。

步骤210，在所述缓存标志对应不采用缓存策略，或，从所述缓存中获取存储地址失败的情况下，根据对所述参考网页地址的访问过程生成图片。

本发明实施例可以优先返回缓存区中的存储地址，从而可以提高生成图片的效率。

可以理解，可以采用步骤204至206生成图片。

具体地，在接收到网页转换请求时，首先，判断该请求是否支持缓存；然后，若支持缓存，则根据参考网页地址以及请求参数从缓存中获取图片的存储地址，当在缓存中可以找到与参考网页地址和请求参数均匹配的记录时，则代表命中缓存，该记录中的存储位置为该参考网页地址对应图片的存储位置；最后在未命中缓存，或，不支持缓存时，采用步骤102或204至206的方法生成图片。

综上所述，本发明实施例提供了一种图片生成方法，所述方法包括：接收网页转换请求，所述网页转换请求包括参考网页地址；根据对所述参考网页地址的访问过程生成图片；将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。此外，请求参数校验可以提高图片的生成成功率，白名单校验可以规避非法请求，缓存可以提高图片生成效率。

实施例三

参照图4，其示出了一种图片生成服务器的结构图，具体如下。

转换请求接收模块301，用于接收网页转换请求，所述网页转换请求包括参考网页地址。

网页转换模块302，用于根据对所述参考网页地址的访问过程生成图片。

图片存储模块303，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

综上所述，本发明实施例提供了一种图片生成服务器，所述服务器包括：转换请求接收模块，用于接收网页转换请求，所述网页转换请求包括参考网页地址；网页转换模块，用于根据对所述参考网页地址的访问过程生成图片；图片存储模块，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。

实施例四

参照图5，其示出了另一种图片生成服务器的结构图，具体如下。

转换请求接收模块401，用于接收网页转换请求，所述网页转换请求包括参考网页地址。

第一拒绝转换模块402，用于在所述请求参数校验失败的情况下，拒绝访问所述参考网页地址，并返回第一提示信息。

第二拒绝转换模块403，用于在所述参考网页地址不在预设白名单内的情况下，拒绝访问述参考网页地址，并返回第二提示信息。

网页转换模块404，用于根据对所述参考网页地址的访问过程生成图片。可选地，在本发明的另一种实施例中，上述网页转换模块404，包括：

渲染数据获取子模块4041，用于对所述参考网页地址对应的网页数据进行渲染解析得到渲染数据。

二维码添加子模块4042，用于将所述二维码数据添加至所述渲染数据中。

图片生成子模块4043，用于将所述渲染数据保存为图片。

图片存储模块405，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

存储地址缓存模块406，用于在所述缓存标志对应采用缓存策略的情况下，将所述存储地址与所述网页转换请求保存至预设缓存区。

存储地址获取模块407，用于在所述缓存标志对应采用缓存策略的情况下，从所述缓存区中获取与所述网页转换请求对应的存储地址。

第二网页转换模块408，用于在所述缓存标志对应不采用缓存策略，或，从所述缓存中获取存储地址失败的情况下，根据对所述参考网页地址的访问过程生成图片。

综上所述，本发明实施例提供了一种图片生成服务器，所述服务器包括：转换请求接收模地址块，用于接收网页转换请求，所述网页转换请求包括参考网页地址；第一拒绝转换模块，用于在所述请求参数校验失败的情况下，拒绝访问所述参考网页地址，并返回第一提示信息；第二拒绝转换模块，用于在所述参考网页地址不在预设白名单内的情况下，拒绝访问述参考网页地址，并返回第二提示信息；网页转换模块，用于根据对所述参考网页地址的访问过程生成图片；图片存储模块，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端；存储地址缓存模块，用于在所述缓存标志对应采用缓存策略的情况下，将所述存储地址与所述网页转换请求保存至预设缓存区；存储地址获取模块，用于在所述缓存标志对应采用缓存策略的情况下，从所述缓存区中获取与所述网页转换请求对应的存储地址。可以使用服务器将网页转换为图片，支持页面布局复杂的网页转换，避免使用Canvas限制转换速度、成功率以及质量，不依赖于CSS属性的转换；不依赖于浏览器对网页的处理能力，可以支持跨平台转换和小程序转换。此外，请求参数校验可以提高图片的生成成功率，白名单校验可以规避非法请求，缓存可以提高图片生成效率。

本发明实施例还提供了一种电子设备，包括：处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现前述实施例的图片生成方法。

本发明实施例还提供了一种可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行前述实施例的图片生成方法。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的图片生成设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (11)

1.一种图片生成方法，其特征在于，所述方法包括：

接收网页转换请求，所述网页转换请求包括参考网页地址；

根据对所述参考网页地址的访问过程生成图片；

将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

2.根据权利要求1所述的方法，其特征在于，所述根据对所述参考网页地址的访问过程生成图片的步骤，包括：

对所述参考网页地址对应的网页数据进行渲染解析得到渲染数据；

将所述渲染数据保存为图片。

3.根据权利要求2所述的方法，其特征在于，所述网页转换请求还包括二维码数据，所述方法还包括：

将所述二维码数据添加至所述渲染数据中。

4.根据权利要求1所述的方法，其特征在于，所述网页转换请求包括缓存标志，所述方法还包括：

在所述缓存标志对应采用缓存策略的情况下，将所述存储地址与所述网页转换请求保存至预设缓存区。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

在所述缓存标志对应采用缓存策略的情况下，从所述缓存区中获取与所述网页转换请求对应的存储地址。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

在所述缓存标志对应不采用缓存策略，或，从所述缓存中获取存储地址失败的情况下，根据对所述参考网页地址的访问过程生成图片。

7.根据权利要求1所述的方法，其特征在于，所述参考网页地址包括请求参数，在所述访问所述参考网页地址的步骤之前，还包括：

在所述请求参数校验失败的情况下，拒绝访问所述参考网页地址，并返回第一提示信息。

8.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述参考网页地址不在预设白名单内的情况下，拒绝访问述参考网页地址，并返回第二提示信息。

9.一种图片生成服务器，其特征在于，所述服务器包括：

转换请求接收模块，用于接收网页转换请求，所述网页转换请求包括参考网页地址；

网页转换模块，用于根据对所述参考网页地址的访问过程生成图片；

图片存储模块，用于将所述图片上传至预设存储服务器得到所述图片的存储地址，所述存储地址用于返回至所述网页转换请求的发起端。

10.一种电子设备，其特征在于，包括：

处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至8中一个或多个所述的图片生成方法。

11.一种可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如方法权利要求1至8中一个或多个所述的图片生成方法。