CN107229749B - 一种微信h5网页制作方法及系统 - Google Patents
一种微信h5网页制作方法及系统 Download PDFInfo
- Publication number
- CN107229749B CN107229749B CN201710498020.XA CN201710498020A CN107229749B CN 107229749 B CN107229749 B CN 107229749B CN 201710498020 A CN201710498020 A CN 201710498020A CN 107229749 B CN107229749 B CN 107229749B
- Authority
- CN
- China
- Prior art keywords
- data
- editing
- editing terminal
- website server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L63/00—Network architectures or network communication protocols for network security
- H04L63/04—Network architectures or network communication protocols for network security for providing a confidential data exchange among entities communicating through data packet networks
- H04L63/0428—Network architectures or network communication protocols for network security for providing a confidential data exchange among entities communicating through data packet networks wherein the data content is protected, e.g. by encrypting or encapsulating the payload
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/56—Provisioning of proxy services
- H04L67/565—Conversion or adaptation of application format or content
- H04L67/5651—Reducing the amount or size of exchanged application data
Abstract
本发明公开一种微信H5网页制作方法及系统,方法的主要步骤包括:建立网站服务器与编辑终端的网络数据连接;加载基础制作资料至编辑终端;根据编辑终端的网络状态,设定数据的压缩比例值;根据用户选择,编辑终端由其自带的存储单元和/或网站服务器的存储单元获取用于编辑微信H5页面的制作资料;根据获取的制作资料并按照用户操作及设定规则生成微信H5页面;根据用户操作将上述微信H5页面上传至网站服务器进行存储或发布,在编辑过程中,编辑终端与网站的服务器之间的数据传输均会被压缩,以此减小数据传输对通信资源的占用,并且在压缩的时候对数据进行加密,防止第三方篡改,整个编辑过程数据之间的传输更为快捷,适于在移动端使用。
Description
技术领域
本发明涉及信息通信及推广技术领域,更具体地说,它涉及一种微信H5网页制作方法及系统。
背景技术
随着移动互联网技术的发展,微信用户越来越多,随之而来的是越来越多的商户选择通过微信页面进行商业营销。相较于传统的网页营销,微信页面推广不仅成本更低,而且互动性更强。当下,商家为了赢得更多消费者的青睐,会选择对微信H5(html5)网页进行精细化的制作,各种微信H5页面制作平台也应运而生,满足日益增长的制作需求。
目前上述微信H5网页的制作模式根据编辑界面的实时性不同大体可分为两大类,第一类是实时在线编辑制作,即由平台服务器通过网络提供制作界面,用户编辑的每一步结果数据均通过网络回传到平台服务器进行运算存储整合,制作界面也不断地更新,大致过程可参照授权公告号为CN101593186B的中国专利提出的一种可视化网站编辑方法及可视化网站编辑系统;第二类即为离线编辑制作,其大致过程可以概括为平台服务器将制作页面及模板及必要的编辑工具打包整合成APP,使用者将上述APP加载到自己的移动编辑终端上,而后自行进行离线微信H5网页制作。制作完成后利用网络将制作完成的微信H5网页上传至平台服务器并进行发布。
上述两种制作方法都存在一些不足,例如第一类制作方法,其页面制作的数据整合运算均在平台服务器中完成,上述举措虽然最大化的减小了编辑终端CPU运算资源的耗费,但是对编辑终端的网络状态要求较高,在制作过程中实时的数据传输会占用大量的网络通信资源,不利于在移动端上推广使用;在制作过程中根据网络通信状态的好坏也会存在时长不等的延时现象。而对于上述第二类的制作方法,其弊端也显而易见,由于用户处于离线编辑状态,编辑所需的制作资料均需要存储在编辑终端中,这样便会占用编辑终端大量的存储资源,为了使编辑终端APP能够易于被用户接受,APP提供者只能最大化的压缩制作资料,由此带来的结果便是移动编辑终端上微信H5网页制作资料的匮乏,用户体验较差;并且对于上述制作方法,用户编辑过程中产生的中间数据均需要存储在编辑终端中,这无疑再次大大增加了编辑终端的存储负担,而且整个制作运算过程都由编辑终端的CPU运算完成,会占用较多的运算资源。就目前的编辑终端(如智能手机、平板电脑等)而言,其CPU的运算速度已经完全能够满足上述微信H5网页制作编辑时的数据运算需求,最大的制约点还是在于编辑终端的存储容量上。
发明内容
针对实际运用中微信H5网页制作过程需要耗费大量的数据通信资源、在移动编辑终端应用时存在存储资源占用大、制作资料匮乏这一问题,本发明目的一在于提出一种微信H5网页制作方法,目的二在于提供一种用于实施上述方法的微信H5网页制作系统,具体方案如下:
一种微信H5网页制作方法,包括以下步骤,
建立网站服务器与编辑终端的网络数据连接;
加载基础制作资料至编辑终端;
所述方法还包括,
根据检测到的编辑终端的网络状态结果,设定由网站服务器发送至编辑终端、以及由编辑终端发送至网站服务器的数据的压缩比例值;
根据用户选择,编辑终端由其自带的存储单元和/或网站服务器的存储单元获取用于编辑微信H5页面的制作资料;
根据获取的制作资料并按照用户操作及设定规则生成微信H5页面;
根据用户操作将上述微信H5页面上传至网站服务器进行存储或发布;其中,
当编辑终端选择网站服务器的存储单元作为制作资料的来源时,网站服务器根据所述压缩比例值、并依照设定算法压缩由网站服务器发送至编辑终端的制作资料数据包,同时,网站服务器发送与所述制作资料数据包的压缩算法相对应的资料解压算法数据包至编辑终端;
当编辑终端上传所述微信H5页面时,编辑终端根据所述压缩比例值并依照设定算法压缩由编辑终端发送至网站服务器的网页数据包,同时,编辑终端根据所述网页数据包的压缩算法生成相对应的网页解压算法数据包并存储在编辑终端的存储单元中,网站服务器接收并存储上述网页数据包;
当用户发布上述微信H5页面对应的网页数据包时,由编辑终端上传所述网页解压算法数据包至网站服务器,网站服务器根据接收到的网页解压算法数据包,解压存储在网站服务器存储单元中的网页数据包并进行发布。
通过上述技术方案,编辑过程开始后,由网站服务器加载至编辑终端的制作资料、以及由编辑终端上传至网站服务器的微信H5页面数据均按照编辑终端所处的网络状态进行设定比例值的压缩,既最大化地保留了网站服务器与编辑终端之间网络通信数据的可读性与准确性,又能够有效地减小编辑终端与网站服务器之间的数据通信流量,减少对网络通信资源的占用,利于在限定网络条件下的移动设备上对微信H5页面进行制作。由于网站服务器以及编辑终端之间的数据在传输过程中经过压缩,其数据大小也相应地减小,使得数据通信过程中各个数据包的传输时间更短,可以有效地加快制作资料的加载速度,提升微信H5页面的编辑效率。由于对各个不同数据类型的制作资料或网页数据包均配置有不同的特异的压缩算法与解压算法,使得网站服务器与编辑终端之间的数据保密性更好,不易被第三者篡改,可靠性高。上述技术方案,也大大减小了编辑终端在编辑微信H5页面过程中所需占用的存储资源,基础制作资料(APP本身所含有的制作资料数据)的数据量被大大削减,易于被编辑终端存储,易于被用户接受。
进一步的,所述基础制作资料中包括至少一个用于解压网站服务器中至少一项制作资料的预置解压算法数据包。
通过上述技术方案,预先将用户编辑微信H5页面极有可能被用到的制作资料的压缩算法整合成预置解压算法数据包,加载到用户预先加载的基础制作资料中,当用户在网站服务器上选中一项制作资料时,则上述制作资料被压缩后可以不用附带资料解压算法数据包,用户在编辑终端可以直接对其进行解压处理,既减小了编辑终端与网站服务器之间的网络通信数据流量,又使得网络通信数据的传输更为迅速。
进一步的,网站服务器中一个或多个具有相同数据类型的制作资料对应于一个压缩算法,压缩后生成一个具有设定压缩算法的制作资料数据包;
各个所述制作资料对应的压缩算法,与各个所述制作资料对应的资料解压算法数据包中的解压算法一一对应;
所述编辑终端接收所述资料解压算法数据包并利用其中的解压算法解压其对应的制作资料数据包,解压完成后即自动删除。
通过上述技术方案,能够有针对性地对每一个制作资料进行压缩,并配以相对应的压缩算法与解压算法,使得每个压缩后的制作资料都具有特异性且压缩效果最佳,当编辑终端完成对制作资料数据包的解压后,上述资料解压算法数据包自动删除焚毁,以免占用较多的编辑终端内存。
进一步的,所述压缩算法与解压算法中,压缩比例值的计算因子包括网站服务器或编辑终端的系统时间和/或编辑终端的唯一硬件识别编码。
通过上述技术方案,使得每个压缩算法与解压算法都能够对应于每一个独立的编辑终端,编辑终端唯一的硬件识别编码成为了解压数据包的关键,由此使得编辑终端与网站服务器之间的数据通信更加具有保密性,第三者不易在第三者网络终端篡改用户的微信H5页面。
进一步的,所述压缩算法为网站服务器根据所述压缩比例值自动匹配或由用户通过编辑终端自定义选取。
通过上述技术方案,可以使得用户的编辑选择多元化,编辑的流程及效果能够更加贴合用户的需要。
进一步的,所述编辑终端包括桌面电脑、笔记本电脑、平板电脑、智能手机、具有网络数据通信功能的MP4/MP5。
通过上述技术方案,使得用户能够在室内或室外,在覆盖任何数据网络的环境下对微信H5页面进行编辑制作,解放了对制作者所处环境以及编辑终端类型的限制,有助于提升用户体验。
进一步的,所述制作资料包括制作页面、页面模板、背景、音乐、视频、文本、图片、图集、表单、动画、特效、互动链接。
一种微信H5网页制作系统,包括网站服务器、通信单元以及至少一个与所述网站服务器数据连接的编辑终端,所述编辑终端包括:
网络状态检测模块,用于检测编辑终端的网络状态;
比例值控制模块,与网络状态检测模块数据连接,接收并响应于上述检测到的网络状态生成适于当前网络状态下的数据压缩比例值;
编辑存储模块,用于存储编辑终端编辑过程前的基础制作资料、编辑过程中的中间数据资料、编辑完成后的网页数据包以及多个压缩算法资料;
编辑压缩模块,用于根据设定压缩算法及压缩比例值,压缩编辑过程中或编辑完成后的需要上传至网站服务器的微信H5页面数据,生成网页数据包;
编辑解压模块,用于根据基础制作资料中的预置解压算法数据包和/或网站服务器发送的资料解压算法数据包,解压编辑终端接收到的制作资料;
编辑运算模块,用于为上述各个制作资料的分布应用以及各个资料的压缩解压提供运算支持;
所述网站服务器包括:
资料存储模块,用于存储供编辑终端加载使用的制作资料、编辑终端上传的微信H5页面数据资料以及多个压缩算法资料;
资料压缩模块,用于根据设定压缩算法及压缩比例值,压缩编辑终端请求的制作资料,生成制作资料数据包;
页面数据解压模块,用于根据编辑终端上传的网页解压算法数据包,解压编辑终端上传的对应的网页数据包;
页面发布模块,与所述页面数据解压模块及通信单元数据连接,用于输出展示解压后的微信H5页面。
通过上述技术方案,可以借助于现有的硬件设备,大大扩展可编辑微信H5页面的编辑终端种类,并且能够在网络限制较多的地区使用。
进一步的,所述网站服务器还包括:
图形码生成模块,与页面数据解压模块、资料存储模块以及通信单元数据连接,用于生成供各网络终端加载扫描的图形码,所述图形码包含或链接有所述微信H5页面内容。
通过上述技术方案,网络终端用户可以通过扫描图形码直接得到微信H5页面内容,也可以通过链接访问存储在网站服务器中的微信H5网页。
与现有技术相比,本发明的有益效果如下:
(1)通过特定算法对网站服务器与编辑终端之间的网络通信数据进行设定比例值的压缩,既最大化地保留了网站服务器与编辑终端之间网络通信数据的可读性与准确性,又能够有效地减小编辑终端与网站服务器之间的数据通信流量,减少编辑过程中编辑终端对网络通信资源的占用,利于用户在移动设备上对微信H5页面进行制作;
(2)通过将压缩算法或解压算法的计算因子与编辑终端上对应的唯一硬件识别编码相匹配,使得每一个在编辑终端与网站服务器之间进行通信的数据包(对第三者)都具有特异性以及保密性,不易被第三者篡改,可靠性高;
(3)通过对编辑终端与网络服务器之间传输的制作资料进行压缩与存储,虽然增大了编辑终端或网站服务器的运算量,但是却能够有效地缩短编辑终端与网站服务器之间数据传输所需要的时间,使得编辑终端与网站服务器之间的信息交互更快捷,利于提升编辑终端的编辑效率;
(4)通过对附带在各个数据包上的解压数据包采用阅后即焚的处理方式,可以减小解压数据包外泄的风险,同时能够有效地减少微信H5页面制作过程中对网络终端设备,尤其是编辑终端内存的占用量;
(5)通过在编辑过程中对某些非关键性的制作资料采用模糊化的处理方式,可以有效地减小基础制作资料的数据容量大小,易于用户将其加载至编辑终端上,利于推广使用。
附图说明
图1为本发明制作方法的流程示意图;
图2为编辑终端页面编辑流程示意图;
图3为网站服务器发布网页的流程示意图;
图4为本发明的系统框图。
附图标记:100、编辑终端;101、网络状态检测模块;102、比例值控制模块;103、编辑存储模块;104、编辑压缩模块;105、编辑解压模块;106、编辑运算模块;200、网站服务器;201、资料存储模块;202、资料压缩模块;203、页面数据解压模块;204、页面发布模块;205、图形码生成模块;300、通信单元。
具体实施方式
下面结合实施例及图对本发明作进一步的详细说明,但本发明的实施方式不仅限于此。
本发明的主要目的在于提出一种制作效率高,占用网络通信资源少,编辑终端内存占用率低的微信H5网页制作方法及其对应的制作系统,用以方便用户在网络条件有限的固定或移动网络终端对微信H5页面进行编辑制作。
本发明中所述的编辑终端包括桌面电脑、笔记本电脑、平板电脑、智能手机、具有网络数据通信功能的MP4/MP5。
本发明中所述制作资料包括制作页面、页面模板、背景、音乐、视频、文本、图片、图集、表单、动画、特效、互动链接等。
一种微信H5网页制作方法,如图1所示,其为本发明实施例的流程图,包括以下步骤:
S101,建立网站服务器200与编辑终端100的网络数据连接。
如上所述,编辑终端100可概括为具有网络通信功能的人机交互组件,如智能手机等。上述编辑终端100主要提供一个制作资料下载以及页面编辑显示的作用。上述网络数据连接从广义上讲包括广域网络连接,也可以是局域网连接,对于连接的类型,可以采用硬件(网线、光纤)连接,也可以采用无线连接,在无线连接中包括WIFI数据通信连接以及3G/4G/5G通信连接等方式。
S102,加载基础制作资料至编辑终端100。
上述步骤S102所述的基础制作资料,包括一些基本的编辑设定程序,例如APP,页面编辑数据包等,上述基础制作资料还包括一些基本的页面模板、背景、图片、动画、特效等,上述基础制作资料能够帮助用户完成基本的原始的微信H5页面制作工作。
S103,根据检测到的编辑终端100的网络状态结果,设定由网站服务器200发送至编辑终端100、以及由编辑终端100发送至网站服务器200的数据的压缩比例值。
在编辑终端100与网站服务器200之间进行数据通信时,若网络的类型不适宜传输大容量的数据,则编辑终端100与网站服务器200相应的压缩网络数据通信过程中数据包的大小。因为过大的数据包,不仅会延长数据传输的时间,也会更长时间地占用网络通信信道,造成通信时延变长,编辑终端100的编辑工作会不流畅,用户体验差。由此,在进行编辑工作时,编辑终端100首先检测自己的网络状态,包括网络连接的类型、网速的快慢等等,而后将上述数据传输至网站服务器200,网站服务器200根据上述数据确认待传输数据的压缩比例值,例如,若用户采用3G网络模式,网速较差,则网站服务器200将制作资料压缩得更小,当然,在此过程中数据的准确度会有所下降,若制作资料为图片,则表现为图片更为模糊。此方案虽然降低了编辑时的美观度,但是由于后面发布时会采用该图片对应的完整版图片,因此,该制作过程的处理不会影响到后续发布的微信H5页面的质量。上述检测编辑终端100网络状态的技术已经十分现有,在此便不再赘述。
S104,根据用户选择,编辑终端100由其自带的存储单元和/或网站服务器200的存储单元获取用于编辑微信H5页面的制作资料。
编辑终端100与网站服务器200中均设置有存储器用于存储编辑过程前、编辑过程中以及编辑过程后的数据资料,例如制作资料、数据表单等,在编辑的时候用户可以根据自己的需求从编辑终端100自身携带的数据存储单元中查找加载,也可以是从网站服务器200中查找加载。
S105,根据获取的制作资料并按照用户操作及设定规则生成微信H5页面。
上述操作流程与当下的微信H5页面编辑器类似,主要是用户选择对应的制作资料,拖放到编辑页面中,而后进行相关的操作,如字体加粗、变化颜色、添加背景音乐等,生成微信H5页面,本发明中所述的微信H5页面并非单指制作完成后的页面,也包括完成度不高的半成品页面。编辑终端的编辑流程可参照图2所示。
S106,根据用户操作将上述微信H5页面上传至网站服务器200进行存储或发布。
上述过程中,如图3所示,网站服务器200接收到微信H5页面的网页数据包数据,作为临时存储,后期根据用户的选择再行发布。若用户选择暂不发布,则上述网页数据包存储至网站服务器200的资料存储模块201中,这样使得用户可以将编辑未完成的页面数据上传到网站服务器200进行存储,防止丢失,也可以将制作完成的页面上传,做定时发布处理。在发布时,首先检测网站服务器200中是否存有解压该网页数据包的网页解压算法数据包,若没有,则向编辑终端100获取,若有则直接调用,将网页数据包解压后再进行发布。
在上述微信H5页面制作中,当编辑终端100选择网站服务器200的存储单元作为制作资料的来源时,网站服务器200根据所述压缩比例值、并依照设定算法压缩由网站服务器200发送至编辑终端100的制作资料数据包,同时,网站服务器200发送与所述制作资料数据包的压缩算法相对应的资料解压算法数据包至编辑终端100;
当编辑终端100上传所述微信H5页面时,编辑终端100根据所述压缩比例值并依照设定算法压缩由编辑终端100发送至网站服务器200的网页数据包,同时,编辑终端100根据所述网页数据包的压缩算法生成相对应的网页解压算法数据包并存储在编辑终端100的存储单元中,网站服务器200接收并存储上述网页数据包;
当用户发布上述微信H5页面对应的网页数据包时,由编辑终端100上传所述网页解压算法数据包至网站服务器200,网站服务器200根据接收到的网页解压算法数据包,解压存储在网站服务器200存储单元中的网页数据包并进行发布。
优化的,在步骤S102中,所述基础制作资料中包括至少一个用于解压网站服务器200中至少一项制作资料的预置解压算法数据包。通过预先将用户编辑微信H5页面极有可能被用到的制作资料的压缩算法整合成预置解压算法数据包,加载到用户预先加载的基础制作资料中,当用户在网站服务器200上选中一项制作资料时,则上述制作资料被压缩后可以不用附带资料解压算法数据包,用户在编辑终端100可以直接对其进行解压处理,既减小了编辑终端100与网站服务器200之间的网络通信数据流量,又使得网络通信数据的传输更为迅速。
由于不同数据类型的制作资料压缩的方式方法不一样,压缩同样的比例后可识别度也千差万别,例如,图片的像素变低之后,图片会变得模糊,而声音的采样点变少之后,可能造成严重的失真,让人无法识别。因此,网站服务器200中一个或多个具有相同数据类型的制作资料对应于一个压缩算法,压缩后生成一个具有设定压缩算法的制作资料数据包;各个所述制作资料对应的压缩算法,与各个所述制作资料对应的资料解压算法数据包中的解压算法一一对应;所述编辑终端100接收所述资料解压算法数据包并利用其中的解压算法解压其对应的制作资料数据包,解压完成后即自动删除。
上述技术方案,能够有针对性地对每一个制作资料进行压缩,并配以相对应的压缩算法与解压算法,使得每个压缩后的制作资料都具有特异性且压缩效果最佳,当编辑终端100完成对制作资料数据包的解压后,上述资料解压算法数据包自动删除焚毁,以免占用较多的编辑终端100内存。
上述压缩算法与加压算法可以是自动计算生成,也可以是事先存储在编辑终端100或网站服务器200的存储单元中。
所述压缩算法与解压算法中,压缩比例值的计算因子包括网站服务器200或编辑终端100的系统时间和/或编辑终端100的唯一硬件识别编码。上述唯一硬件识别编码包括IMEI码、计算机设备编码等,由于上述编码对应于每一台硬件都有自己独立的编码规则,因此每一个编辑终端100均写到有一个特定的硬件编码,利用上述编码作为计算因子,如将其作为加权项,或在设定的压缩比例值基础上除以该编码中特定位数的数字,可以实现压缩算法或解压算法的高度保密性,后期生成的网页解压算法数据包、资料解压算法数据包不易被第三者识别。由于每个制作资料都对应于一个特定的资料解压算法数据包或网页解压算法数据包,因此即使第三者截获上述数据包,也仅仅只能对该数据包针对的数据进行修改操作。综合而言,上述方案使得每个压缩算法与解压算法都能够对应于每一个独立的编辑终端100,编辑终端100唯一的硬件识别编码成为了解压数据包的关键,由此使得编辑终端100与网站服务器200之间的数据通信更加具有保密性,第三者不易在第三者网络终端篡改用户的微信H5页面。
为了使得用户的编辑选择多元化,编辑的流程及效果能够更加贴合用户的需要,所述压缩算法为网站服务器200根据所述压缩比例值自动匹配或由用户通过编辑终端100自定义选取。
对于本发明的微信H5网页制作方法,编辑过程开始后,由网站服务器200加载至编辑终端100的制作资料、以及由编辑终端100上传至网站服务器200的微信H5页面数据均按照编辑终端100所处的网络状态进行设定比例值的压缩,既最大化地保留了网站服务器200与编辑终端100之间网络通信数据的可读性与准确性,又能够有效地减小编辑终端100与网站服务器200之间的数据通信流量,减少对网络通信资源的占用,利于在限定网络条件下的移动设备上对微信H5页面进行制作。由于网站服务器200以及编辑终端100之间的数据在传输过程中经过压缩,其数据大小也相应地减小,使得数据通信过程中各个数据包的传输时间更短,可以有效地加快制作资料的加载速度,提升微信H5页面的编辑效率。由于对各个不同数据类型的制作资料或网页数据包均配置有不同的特异的压缩算法与解压算法,使得网站服务器200与编辑终端100之间的数据保密性更好,不易被第三者篡改,可靠性高。上述技术方案,也大大减小了编辑终端100在编辑微信H5页面过程中所需占用的存储资源,基础制作资料的数据量被大大削减,易于被编辑终端100存储,易于被用户接受。
为了适配上述微信H5网页制作方法,本发明还提出了一种微信H5网页制作系统。
如图4所示,微信H5网页制作系统包括网站服务器200、通信单元300以及至少一个与所述网站服务器200数据连接的编辑终端100,所述编辑终端100包括:网络状态检测模块101、比例值控制模块102、编辑存储模块103、编辑压缩模块104、编辑解压模块105以及编辑运算模块106。
网络状态检测模块101用于检测编辑终端100网络状态,上述网络状态检测模块101采用集成于编辑终端100中的软件模块实现,如电脑或手机中的Ping测试模块,网络连接状态检测模块等。利用上述网络状态检测模块101检测编辑终端100的网络状态并输出检测结果。由于编辑终端100所处的网络环境会发生变化,因此,上述网络状态检测模块101采用实时检测的模式进行,例如用户由无WIFI环境进入到WIFI环境中后,上述检测值便发生变化。
比例值控制模块102设置于编辑终端100中,与网络状态检测模块101数据连接,接收并响应于上述检测到的网络状态生成适于当前网络状态下的数据压缩比例值。上述压缩比例值测定后由编辑终端100发送至网站服务器200进行临时存储,而后网站服务器200则按照上述压缩比例值对待发送的数据进行压缩。
编辑存储模块103设置于编辑终端100,用于存储编辑终端100编辑过程前的基础制作资料、编辑过程中的中间数据资料、编辑完成后的网页数据包以及多个压缩算法资料。若采用移动设备对微信H5页面进行编辑,则上述编辑存储模块103包括设置于移动终端中的存储芯片。
编辑压缩模块104设置于编辑终端100中,主要用于根据设定压缩算法及压缩比例值,压缩编辑过程中或编辑完成后的需要上传至网站服务器200的微信H5页面数据,生成网页数据包。上述编辑压缩模块104的核心在于一基于特定压缩算法的程序模块,利用上述程序模块对图片、视频等进行压缩,例如将一张图片的分辨率由1024*768改为800*600,从而减小图片自身传输的数据大小,上述过程在压缩过程中并未加入特定的计算因子或者说未加密,仅仅是将图片的分辨率降低。在实际应用当中,在压缩时可以对每一个像素点对应的数字量的值乘以一个特定的计算因子,经过运算加密后的图片未经解码显示出来的将会是一张画质杂乱、数据量小的图片。
编辑解压模块105用于根据基础制作资料中的预置解压算法数据包和/或网站服务器200发送的资料解压算法数据包,解压编辑终端100接收到的制作资料。编辑解压模块105的核心在于资料解压算法数据包中的解压算法,利用上述算法对接收到的制作资料进行解码。
编辑运算模块106用于为上述各个制作资料的分布应用以及各个资料的压缩解压提供运算支持,上述编辑运算模块106即设置于编辑终端100中的CPU。
所述网站服务器200包括:资料存储模块201、资料压缩模块202、页面数据解压模块203、页面发布模块204以及图形码生成模块205。
资料存储模块201包括网站服务器200中的数据库,用于存储供编辑终端100加载使用的制作资料、编辑终端100上传的微信H5页面数据资料以及多个压缩算法资料。
资料压缩模块202用于根据设定压缩算法及压缩比例值,压缩编辑终端100请求的制作资料,生成制作资料数据包。
页面数据解压模块203用于根据编辑终端100上传的网页解压算法数据包,解压编辑终端100上传的对应的网页数据包。
页面发布模块204与所述页面数据解压模块203及通信单元300数据连接,用于输出展示解压后的微信H5页面。
图形码生成模块205与页面数据解压模块203、资料存储模块201以及通信单元300数据连接,用于生成供各网络终端加载扫描的图形码,所述图形码包含或链接有所述微信H5页面内容。上述技术方案,网络终端用户可以通过扫描图形码直接得到微信H5页面内容,也可以通过链接访问存储在网站服务器200中的微信H5网页,便于微信H5页面的推广。
以上所述仅是本发明的优选实施方式,本发明的保护范围并不仅局限于上述实施例,凡属于本发明思路下的技术方案均属于本发明的保护范围。应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理前提下的若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (9)
1.一种微信H5网页制作方法,包括以下步骤,
建立网站服务器(200)与编辑终端(100)的网络数据连接;
加载基础制作资料至编辑终端(100);
其特征在于,所述方法还包括,
根据编辑终端(100)的网络状态,设定由网站服务器(200)发送至编辑终端(100)、以及由编辑终端(100)发送至网站服务器(200)的数据的压缩比例值;
根据用户选择,编辑终端(100)由其自带的存储单元和/或网站服务器(200)的存储单元获取用于编辑微信H5页面的制作资料;
根据获取的制作资料并按照用户操作及设定规则生成微信H5页面;
根据用户操作将上述微信H5页面上传至网站服务器(200)进行存储或发布;其中,
当编辑终端(100)选择网站服务器(200)的存储单元作为制作资料的来源时,网站服务器(200)根据所述压缩比例值、并依照设定算法压缩由网站服务器(200)发送至编辑终端(100)的制作资料数据包,同时,网站服务器(200)发送与所述制作资料数据包的压缩算法相对应的资料解压算法数据包至编辑终端(100);
当编辑终端(100)上传所述微信H5页面时,编辑终端(100)根据所述压缩比例值并依照设定算法压缩由编辑终端(100)发送至网站服务器(200)的网页数据包,同时,编辑终端(100)根据所述网页数据包的压缩算法生成相对应的网页解压算法数据包并存储在编辑终端(100)的存储单元中,网站服务器(200)接收并存储上述网页数据包;
当用户发布上述微信H5页面对应的网页数据包时,由编辑终端(100)上传所述网页解压算法数据包至网站服务器(200),网站服务器(200)根据接收到的网页解压算法数据包,解压存储在网站服务器(200)存储单元中的网页数据包并进行发布。
2.根据权利要求1所述的微信H5网页制作方法,其特征在于,所述基础制作资料中包括至少一个用于解压网站服务器(200)中至少一项制作资料的预置解压算法数据包。
3.根据权利要求1所述的微信H5网页制作方法,其特征在于,网站服务器(200)中一个或多个具有相同数据类型的制作资料对应于一个压缩算法,压缩后生成一个具有设定压缩算法的制作资料数据包;
各个所述制作资料对应的压缩算法,与各个所述制作资料对应的资料解压算法数据包中的解压算法一一对应;
所述编辑终端(100)接收所述资料解压算法数据包并利用其中的解压算法解压其对应的制作资料数据包,解压完成后即自动删除。
4.根据权利要求3所述的微信H5网页制作方法,其特征在于,所述压缩算法与解压算法中,压缩比例值的计算因子包括网站服务器(200)或编辑终端(100)的系统时间和/或编辑终端(100)的唯一硬件识别编码。
5.根据权利要求3所述的微信H5网页制作方法,其特征在于,所述压缩算法为网站服务器(200)根据所述压缩比例值自动匹配或由用户通过编辑终端(100)自定义选取。
6.根据权利要求1所述的微信H5网页制作方法,其特征在于,所述编辑终端(100)包括桌面电脑、笔记本电脑、平板电脑、智能手机、具有网络数据通信功能的MP4/MP5。
7.根据权利要求1所述的微信H5网页制作方法,其特征在于,所述制作资料包括制作页面、页面模板、背景、音乐、视频、文本、图片、图集、表单、动画、特效、互动链接。
8.一种微信H5网页制作系统,包括网站服务器(200)、通信单元(300)以及至少一个与所述网站服务器(200)数据连接的编辑终端(100),其特征在于,
所述编辑终端(100)包括:
网络状态检测模块(101),用于检测编辑终端(100)的网络状态;
比例值控制模块(102),与网络状态检测模块(101)数据连接,接收并响应于上述检测到的网络状态生成适于当前网络状态下的数据压缩比例值;
编辑存储模块(103),用于存储编辑终端(100)编辑过程前的基础制作资料、编辑过程中的中间数据资料、编辑完成后的网页数据包以及多个压缩算法资料;
编辑压缩模块(104),用于根据设定压缩算法及压缩比例值,压缩编辑过程中或编辑完成后的需要上传至网站服务器(200)的微信H5页面数据,生成网页数据包;
编辑解压模块(105),用于根据基础制作资料中的预置解压算法数据包和/或网站服务器(200)发送的资料解压算法数据包,解压编辑终端(100)接收到的制作资料;
编辑运算模块(106),用于为上述各个制作资料的分布应用以及各个资料的压缩解压提供运算支持;
所述网站服务器(200)包括:
资料存储模块(201),用于存储供编辑终端(100)加载使用的制作资料、编辑终端(100)上传的微信H5页面数据资料以及多个压缩算法资料;
资料压缩模块(202),用于根据设定压缩算法及压缩比例值,压缩编辑终端(100)请求的制作资料,生成制作资料数据包;
页面数据解压模块(203),用于根据编辑终端(100)上传的网页解压算法数据包,解压编辑终端(100)上传的对应的网页数据包;
页面发布模块(204),与所述页面数据解压模块(203)及通信单元(300)数据连接,用于输出展示解压后的微信H5页面。
9.根据权利要求8所述的微信H5网页制作系统,其特征在于,所述网站服务器(200)还包括:
图形码生成模块(205),与页面数据解压模块(203)、资料存储模块(201)以及通信单元(300)数据连接,用于生成供各网络终端加载扫描的图形码,所述图形码包含或链接有所述微信H5页面内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710498020.XA CN107229749B (zh) | 2017-06-27 | 2017-06-27 | 一种微信h5网页制作方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710498020.XA CN107229749B (zh) | 2017-06-27 | 2017-06-27 | 一种微信h5网页制作方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107229749A CN107229749A (zh) | 2017-10-03 |
CN107229749B true CN107229749B (zh) | 2020-05-22 |
Family
ID=59935637
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710498020.XA Active CN107229749B (zh) | 2017-06-27 | 2017-06-27 | 一种微信h5网页制作方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107229749B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107784120A (zh) * | 2017-11-17 | 2018-03-09 | 深圳泉眼体育运营管理有限公司 | 发布运营活动网页的方法及装置 |
CN108011808A (zh) * | 2017-12-04 | 2018-05-08 | 广州凡科互联网科技股份有限公司 | 一种新的h5微传单系统及应用 |
CN108959495B (zh) | 2018-06-25 | 2019-12-06 | 百度在线网络技术(北京)有限公司 | H5网页的页面显示方法、装置、设备和计算机存储介质 |
CN110069904A (zh) * | 2019-03-22 | 2019-07-30 | 平安普惠企业管理有限公司 | H5资源包上传方法、h5资源包下载方法及相关设备 |
CN110224896B (zh) * | 2019-06-24 | 2021-11-26 | 深圳桔子数字技术有限公司 | 一种网络性能数据采集方法、装置及存储介质 |
CN111553727B (zh) * | 2020-04-23 | 2024-02-02 | 佛山市迪川电子科技有限公司 | 一种广告制作、发布方法及广告制作、发布系统 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101459616A (zh) * | 2009-01-04 | 2009-06-17 | 成都市华为赛门铁克科技有限公司 | 网络接入的方法、客户端及接入系统 |
CN101799738A (zh) * | 2010-01-27 | 2010-08-11 | 华为终端有限公司 | 一种动态调整浏览器压缩比例的方法和装置 |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
US9171289B2 (en) * | 2012-08-24 | 2015-10-27 | SNN Incorporated | Methods and systems for producing, previewing, and publishing a video press release over an electronic network |
CN105959502A (zh) * | 2016-04-27 | 2016-09-21 | 北京小米移动软件有限公司 | 网络图片压缩方法及装置 |
CN106528017A (zh) * | 2016-10-31 | 2017-03-22 | 努比亚技术有限公司 | 一种信息处理方法及终端 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1964351A (zh) * | 2006-11-21 | 2007-05-16 | 珠海金山软件股份有限公司 | 一种通过数据包压缩减小游戏服务器网络流量的方法 |
CN101593186B (zh) * | 2008-05-29 | 2012-04-25 | 阿里巴巴集团控股有限公司 | 可视化网站编辑方法及可视化网站编辑系统 |
CN101807209A (zh) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | 网页制作的方法和系统,客户端、服务端 |
CN103281156B (zh) * | 2013-05-02 | 2017-06-06 | 华为技术有限公司 | 一种数据压缩、解压缩方法及装置 |
CN103631935B (zh) * | 2013-12-05 | 2017-04-05 | 用友优普信息技术有限公司 | 移动端图文混排展示装置和移动端图文混排展示方法 |
-
2017
- 2017-06-27 CN CN201710498020.XA patent/CN107229749B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101459616A (zh) * | 2009-01-04 | 2009-06-17 | 成都市华为赛门铁克科技有限公司 | 网络接入的方法、客户端及接入系统 |
CN101799738A (zh) * | 2010-01-27 | 2010-08-11 | 华为终端有限公司 | 一种动态调整浏览器压缩比例的方法和装置 |
CN102810105A (zh) * | 2011-06-03 | 2012-12-05 | 腾讯科技(北京)有限公司 | 一种移动终端所访问网页的编辑方法及网页编辑器 |
US9171289B2 (en) * | 2012-08-24 | 2015-10-27 | SNN Incorporated | Methods and systems for producing, previewing, and publishing a video press release over an electronic network |
CN105959502A (zh) * | 2016-04-27 | 2016-09-21 | 北京小米移动软件有限公司 | 网络图片压缩方法及装置 |
CN106528017A (zh) * | 2016-10-31 | 2017-03-22 | 努比亚技术有限公司 | 一种信息处理方法及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN107229749A (zh) | 2017-10-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107229749B (zh) | 一种微信h5网页制作方法及系统 | |
CN104540000B (zh) | 一种动态缩略图的生成方法及终端 | |
US10360694B2 (en) | Methods and devices for image loading and methods and devices for video playback | |
JP2006085681A (ja) | データ転換及びシェアのシステム及び方法 | |
US20170083487A1 (en) | Webpage data processing method and device | |
GB2371896A (en) | Web Server | |
CN110930186A (zh) | 进行任务展示的系统、方法、装置、设备及存储介质 | |
CN111681291A (zh) | 图像处理方法、装置、设备及计算机可读存储介质 | |
CN103530765A (zh) | 一种智能电视支付方法、装置及系统 | |
CN105490886A (zh) | 一种测试网络速度的方法、装置及电子设备 | |
CN104063112B (zh) | 一种浏览器间的交互方法、装置、系统和浏览器 | |
EP2827597B1 (en) | Adaptive content delivery | |
CN108810132B (zh) | 动画显示方法、装置、终端、服务器及存储介质 | |
CN102760157B (zh) | 一种用于生成与移动终端相对应的发布信息的方法、装置与设备 | |
JP2023522266A (ja) | マルチメディアデータ配信の方法、装置、デバイス及び媒体 | |
CN104811485A (zh) | 一种资源分享方法 | |
CN114404960A (zh) | 云游戏资源数据处理方法、装置、计算机设备和存储介质 | |
CN102165722A (zh) | 用于提供富媒体业务的方法和装置 | |
CN102883188A (zh) | 实时下载播放mp4文件的方法和系统 | |
CN109710783B (zh) | 一种图片加载方法、装置、存储介质及服务器 | |
CN112492399A (zh) | 信息显示方法、装置及电子设备 | |
CN108572985B (zh) | 一种页面显示方法及装置 | |
CN115391806A (zh) | 一种数字人的处理方法、装置、电子设备和存储介质 | |
CN114786069A (zh) | 视频生成方法、装置、介质及电子设备 | |
CN104601616A (zh) | 一种登录无线应用协议网站的方法、装置和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |