CN113742742A - 一种前端Web页面的展示方法、展示系统及智能终端 - Google Patents

一种前端Web页面的展示方法、展示系统及智能终端 Download PDF

Info

Publication number
CN113742742A
CN113742742A CN202110697324.5A CN202110697324A CN113742742A CN 113742742 A CN113742742 A CN 113742742A CN 202110697324 A CN202110697324 A CN 202110697324A CN 113742742 A CN113742742 A CN 113742742A
Authority
CN
China
Prior art keywords
end web
web page
intelligent terminal
files
file
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.)
Pending
Application number
CN202110697324.5A
Other languages
English (en)
Inventor
刘伟
赵辰俊
蔡少杏
彭友耕
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fujian Huatong Bank Co ltd
Original Assignee
Fujian Huatong Bank Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Fujian Huatong Bank Co ltd filed Critical Fujian Huatong Bank Co ltd
Priority to CN202110697324.5A priority Critical patent/CN113742742A/zh
Publication of CN113742742A publication Critical patent/CN113742742A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F21/00Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
    • G06F21/60Protecting data
    • G06F21/602Providing cryptographic facilities or services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Abstract

本发明提供一种前端Web页面的展示方法、展示系统及智能终端。采用本申请的技术方案后,通过每次比较前端Web页面所引用的MD5码值,提高智能终端应用程序的安全性,防止用户所使用的前端Web页面被恶意篡改,安全性更高。同时,相较于现有技术中的所有前端Web页面在智能终端应用程序中都通过同一个WebView容器进行加载及跳转,本发明中的处理方式为每次跳转页面都新建一个视图控制器后,前端Web页面使用智能终端系统自身的页面跳转动画处理能力完成过渡动画,使页面加载及页面间的跳转动画更顺畅,肉眼观察无卡顿。

Description

一种前端Web页面的展示方法、展示系统及智能终端
技术领域
本发明涉及软件技术领域,尤其涉及一种前端Web页面的展示方法、展示系统及智能终端。
背景技术
随着智能终端技术的不断发展,智能终端能够为用户提供的功能越来越多。用户可以通过在智能终端上安装不同的App(Application,应用程序)享受第三方提供的各种服务。App在为用户提供服务的过程中,经常会响应于用户的操作在不同页面之间进行切换跳转并展示不同页面,而不同的页面往往需要从本地或者网络加载相应的资源才能生成。
现有的一种智能终端应用程序展示前端Web页面的方法,是通过手机客户端应用程序中的WebView容器直接加载一个前端Web页面的URL进行前端Web页面的展示,并且WebView容器加载后的页面跳转都在WebView容器内完成,平均帧率小于24帧/秒,卡顿明显,页面跳转较为生硬,用户体验不佳;同时,如果URL上的前端Web页面被恶意篡改,手机客户端应用程序仍然将继续加载被篡改后的页面,使得用户面临安全风险。
发明内容
为了克服现有技术中智能终端应用程序展示前端Web页面的方法存在安全风险和页面跳转较为生硬的技术缺陷,本发明的第一个方面提供一种前端Web页面的展示方法,应用于安装有应用程序的智能终端,包括:
步骤S1:连接服务器(示例地,通过WIFI或蜂窝网络模块连接网络运营层的服务器)并从服务器下载组成前端Web页面所需的文件及预存MD5码值,所述预存MD5码值存储于智能终端;
步骤S2:在加载所述文件时,实时比对所述文件的当前MD5码值与预存MD5码值是否一致,若一致,则进入步骤S3,若不一致,则进入步骤S4;
步骤S3:当智能终端应用程序获取所需加载的前端Web页面的访问路径后,智能终端应用程序创建并跳转至第一视图控制器以展示前端Web页面的第一页面;当智能终端应用程序接收到前端Web页面的跳转指令时,智能终端应用程序创建并跳转至第二视图控制器以跳转至前端Web页面的第二页面;
步骤S4:提示预警信息。示例地,所述预警信息为提示用户“前端web页面已被篡改”的文本信息。
进一步地,所述视图控制器为View Controller(适用于iOS系统)或Activity(适用于Android系统)。
可选地,在某一实施例中,在步骤S2中,仅仅校验代码文件的MD5码值;可选地,在某一实施例中,在步骤S2中,仅仅校验资源文件的MD5码值;可选地,在某一实施例中,在步骤S2中,同时校验代码文件和资源文件的MD5码值。
进一步地,在步骤S1中,所述文件为压缩包文件,所述压缩包文件包括代码文件和/或资源文件。可选地,所述代码文件和所述资源文件共用同一个预存MD5码值;可选地,所述代码文件和所述资源文件分别使用不同的预存MD5码值。所述压缩包文件的格式可以为本领域公知的各种格式,例如.zip格式或.rar格式等,本申请并不限定于某种特定的格式。
进一步地,所述代码文件包括HTML文件、Java Script文件和CSS文件;所述资源文件包括但不限于图片文件、音频文件、视频文件、文字文件中的任一种或两种以上。
进一步地,在步骤S2中,所述智能终端为移动终端。
本发明的第二个方面提供一种前端Web页面的展示系统,应用于安装有应用程序的智能终端,包括:
下载模块,所述下载模块用于连接服务器并从服务器下载组成前端Web页面所需的文件及预存MD5码值,所述预存MD5码值存储于智能终端;示例地,由手机存储器存储已下载的所述文件,同时,在客户端本地数据库记录所下载文件中的MD5码值;
校验模块,所述校验模块用于在加载所述文件时,实时比对所述文件的当前MD5码值与预存MD5码值是否一致,若一致,则启动显示模块,若不一致,则不启动显示模块但是提示预警信息;以及
显示模块,所述显示模块包括视图控制器(所述视图控制器为View Controller(适用于iOS系统)或Activity(适用于Android系统)),所述视图控制器包括第一视图控制器和第二视图控制器,所述显示模块用于当智能终端应用程序获取所需加载的前端Web页面的访问路径后,智能终端应用程序创建并跳转至第一视图控制器以展示前端Web页面的第一页面;以及当智能终端应用程序接收到前端Web页面的跳转指令时,智能终端应用程序创建并跳转至第二视图控制器以跳转至前端Web页面的第二页面;此处的“第一”和“第二”仅用来将同一类型的内容彼此区分开,并不限定只有“第一”和“第二”的情形,例如,还可以包含“第三”等无限情形;例如,在不脱离本公开范围的情况下,“第一”也可以被称为“第二”,类似地,“第二”也可以被称为“第一”。
所述下载模块、所述校验模块和所述显示模块之间依次以数据流相互连接。
“View Controller”和“Activity”均包含作为前端Web页面容器的“WebView组件”。
可选地,在某一实施例中,校验模块仅仅校验代码文件的MD5码值;可选地,在某一实施例中,校验模块仅仅校验资源文件的MD5码值;可选地,在某一实施例中,校验模块同时校验代码文件和资源文件的MD5码值。
进一步地,所述文件为压缩包文件,所述压缩包文件包括代码文件和/或资源文件。可选地,所述代码文件和所述资源文件共用同一个预存MD5码值;可选地,所述代码文件和所述资源文件分别使用不同的预存MD5码值。所述压缩包文件的格式可以为本领域公知的各种格式,例如.zip格式或.rar格式等,本申请并不限定于某种特定的格式。
进一步地,所述代码文件包括HTML文件、Java Script文件和CSS文件;所述资源文件包括但不限于图片文件、音频文件、视频文件、文字文件中的任一种或两种以上。
进一步地,所述智能终端为移动终端。
进一步地,所述第一页面为首页。
本发明的第三个方面提供一种智能终端,包括:
存储器,所述存储器用于存储程序;以及
处理器,所述处理器用于执行所述程序以执行上述前端Web页面的展示方法的步骤。
所述智能终端包括但不限于PC、便携计算机、智能手机、平板电脑等具有显示和处理功能的移动终端和固定终端。
采用了上述技术方案后,与现有技术相比,具有以下有益效果:
通过每次实时比较前端Web页面所引用的MD5码值,提高智能终端应用程序的安全性,防止用户所使用的前端Web页面被恶意篡改,安全性更高。同时,相较于现有技术中的所有前端Web页面在智能终端应用程序中都通过同一个WebView容器进行加载及跳转,本发明中的处理方式为在每次跳转页面都新建一个视图控制器(View Controller(iOS)或Activity(Android))后,前端Web页面使用智能终端系统自身的页面跳转动画处理能力完成过渡动画,使页面加载及页面跳转更顺畅,肉眼观察无卡顿现象。
附图说明
图1为本发明前端Web页面的展示方法的流程图;
图2为本发明前端Web页面的展示系统的模块结构框图。
具体实施方式
以下结合附图与具体实施例进一步阐述本发明的优点。本领域技术人员应当理解,下面所具体描述的内容是说明性的而非限制性的,不应以此限制本发明的保护范围。
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本公开采用术语第一、第二等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本公开范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
在本发明的描述中,除非另有规定和限定,需要说明的是,术语“安装”、“相连”、“连接”应做广义理解,例如,可以是机械连接或电连接或通信连接等连接方式,也可以是两个元件内部的连通,可以是直接相连,也可以通过中间媒介间接相连,对于本领域的普通技术人员而言,可以根据具体情况理解上述术语的具体含义。
在后续的描述中,使用用于表示元件的诸如“模块”的后缀仅为了有利于本发明的说明,其本身并没有特定的意义。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本申请实施例的目的,不是旨在限制本申请。
实施例1
如图1-2所示,前端Web页面的展示系统应用于安装有应用程序的智能手机,前端Web页面的展示系统包括下载模块、校验模块和显示模块,三者之间依次以数据流相互连接,前端Web页面的展示系统进行页面展示过程包括以下三个步骤:
步骤S1:下载模块通过WIFI或蜂窝网络模块连接服务器并从服务器下载组成前端Web页面所需的压缩包文件和预存MD5码值,所述压缩包文件包括代码文件和资源文件,所述预存MD5码值存储于智能手机,所述代码文件包括HTML文件、Java Script文件和CSS文件;所述资源文件包括图片文件、音频文件、视频文件、文字文件等。
步骤S2:在加载代码文件和资源文件时,校验模块实时比对代码文件和资源文件的当前MD5码值与预存MD5码值是否一致,若一致,则启动显示模块,若不一致,则不启动显示模块但是提示预警信息(例如提示“页面已被篡改”的文本信息)。通过每次实时比较前端Web页面所引用的MD5码值,提高智能手机应用程序的安全性,防止用户所使用的前端Web页面被恶意篡改,安全性更高。
步骤S3:当智能手机应用程序从页面入口(例如智能终端应用程序的原生页面或web页面)获取所需加载的已经解压后的前端Web页面的访问路径后,智能手机应用程序创建并跳转至包含作为前端Web页面容器的WebView组件的View Controller(iOS)或Activity(Android),展示前端Web页面的首页(即第一页面);当智能手机应用程序接收到前端Web页面的跳转指令时(示例地,当用户点击或者其他情况发生页面跳转时),智能手机应用程序创建并跳转至新的View Controller或新的Activity,以加载并跳转至前端Web页面的下一个页面(即第二页面)。相较于现有技术中,所有前端Web页面在智能手机应用程序中都通过同一个WebView容器进行加载及跳转,本发明中的处理方式为每次跳转页面都新建一个View Controller(iOS)或Activity(Android)后,前端Web页面使用智能手机系统(iOS系统或Android系统)自身的页面跳转动画处理能力完成过渡动画,平均帧率大于30帧/秒,页面加载及页面间的跳转动画更顺畅,肉眼观察无卡顿现象。具体地,在所述应用程序的显示界面上通过WebView容器承载并显示静态的前端Web页面,但是当进行动态地页面跳转时,通过智能手机系统自身的页面跳转动画处理能力完成过渡动画,使页面加载及页面间的跳转动画更为顺畅。
本发明的前端Web页面的展示系统可采用软件应用模块的形式,例如SDK软件开发工具包等。
本发明是参照根据本发明实施例的方法的流程图和系统的方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在本申请所提供的上述实施方式中,应该理解到,所揭露的系统、终端和方法,可以通过其它的方式实现。例如,以上所描述的系统实施方式仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个模块可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的模块相互之间的耦合或直接耦合或通信连接等连接方式可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施方式方案的目的。
另外,在本申请各个实施方式中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的系统可以采用软件功能单元的形式实现。
应当注意的是,本发明的实施例有较佳的实施性,且并非对本发明作任何形式的限制,任何熟悉该领域的技术人员可能利用上述揭示的技术内容变更或修饰为等同的有效实施例,但凡未脱离本发明技术方案的内容,依据本发明的技术实质对以上实施例所作的任何修改或等同变化及修饰,均仍属于本发明技术方案的范围内。

Claims (10)

1.一种前端Web页面的展示方法,其特征在于,应用于安装有应用程序的智能终端,包括:
步骤S1:连接服务器并从服务器下载组成前端Web页面所需的文件及预存MD5码值,所述预存MD5码值存储于智能终端;
步骤S2:在加载所述文件时,实时比对所述文件的当前MD5码值与预存MD5码值是否一致,若一致,则进入步骤S3;若不一致,则进入步骤S4;
步骤S3:当智能终端应用程序获取所需加载的前端Web页面的访问路径后,智能终端应用程序创建并跳转至第一视图控制器以展示前端Web页面的第一页面;以及当智能终端应用程序接收到前端Web页面的跳转指令时,智能终端应用程序创建并跳转至第二视图控制器以跳转至前端Web页面的第二页面;
步骤S4:提示预警信息。
2.如权利要求1所述的前端Web页面的展示方法,其特征在于,在步骤S1中,所述文件为包括代码文件和/或资源文件的压缩包文件。
3.如权利要求2所述的前端Web页面的展示方法,其特征在于,所述代码文件包括HTML文件、Java Script文件和CSS文件;所述资源文件选自图片文件、音频文件、视频文件、文字文件中的任一种或两种以上。
4.如权利要求1所述的前端Web页面的展示方法,其特征在于,在步骤S2中,所述智能终端为移动终端。
5.一种前端Web页面的展示系统,其特征在于,应用于安装有应用程序的智能终端,包括:
下载模块,所述下载模块用于连接服务器并从服务器下载组成前端Web页面所需的文件及预存MD5码值,所述预存MD5码值存储于智能终端;
校验模块,所述校验模块用于在加载所述文件时,实时比对比对所述文件的当前MD5码值与预存MD5码值是否一致,若一致,则启动显示模块,若不一致,则不启动显示模块但是提示预警信息;以及
显示模块,所述显示模块包括视图控制器,所述视图控制器包括第一视图控制器和第二视图控制器,所述显示模块用于当智能终端应用程序获取所需加载的前端Web页面的访问路径后,智能终端应用程序创建并跳转至第一视图控制器以展示前端Web页面的第一页面;以及当智能终端应用程序接收到前端Web页面的跳转指令时,智能终端应用程序创建并跳转至第二视图控制器以跳转至前端Web页面的第二页面;
所述下载模块、所述校验模块和所述显示模块之间依次以数据流相互连接。
6.如权利要求5所述前端Web页面的展示系统,其特征在于,所述第一文件为包括代码文件和/或资源文件的压缩包文件。
7.如权利要求6所述前端Web页面的展示系统,其特征在于,所述代码文件包括HTML文件、Java Script文件和CSS文件;所述资源文件选自图片文件、音频文件、视频文件、文字文件中的任一种或两种以上。
8.如权利要求5所述前端Web页面的展示系统,其特征在于,所述智能终端为移动终端。
9.如权利要求5-8任一项所述前端Web页面的展示系统,其特征在于,所述视图控制器为View Controller或Activity。
10.一种智能终端,其特征在于,包括:
存储器,所述存储器用于存储程序;以及
处理器,所述处理器用于执行所述程序以执行权利要求1-4中任一项所述前端Web页面的展示方法的步骤。
CN202110697324.5A 2021-06-23 2021-06-23 一种前端Web页面的展示方法、展示系统及智能终端 Pending CN113742742A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110697324.5A CN113742742A (zh) 2021-06-23 2021-06-23 一种前端Web页面的展示方法、展示系统及智能终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110697324.5A CN113742742A (zh) 2021-06-23 2021-06-23 一种前端Web页面的展示方法、展示系统及智能终端

Publications (1)

Publication Number Publication Date
CN113742742A true CN113742742A (zh) 2021-12-03

Family

ID=78728465

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110697324.5A Pending CN113742742A (zh) 2021-06-23 2021-06-23 一种前端Web页面的展示方法、展示系统及智能终端

Country Status (1)

Country Link
CN (1) CN113742742A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004302764A (ja) * 2003-03-31 2004-10-28 Fujitsu Ltd ウェブページの改竄監視方法
CN103995835A (zh) * 2014-04-25 2014-08-20 江苏思迈斯电子商务有限公司 用户界面框架的网页元素查找方法
CN104461632A (zh) * 2014-12-09 2015-03-25 东软集团股份有限公司 一种Web App加载方法及装置
CN105554091A (zh) * 2015-12-11 2016-05-04 电子科技大学 一种移动终端中web应用来源安全的保障方法
CN106843953A (zh) * 2017-01-16 2017-06-13 百融(北京)金融信息服务股份有限公司 基于iOS系统的应用程序横向切换系统和方法
CN107480148A (zh) * 2016-06-07 2017-12-15 广州市动景计算机科技有限公司 控制网页跳转的方法及装置及用户终端
CN109800044A (zh) * 2018-12-29 2019-05-24 百富计算机技术(深圳)有限公司 一种html5双屏应用的方法、装置及电子设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004302764A (ja) * 2003-03-31 2004-10-28 Fujitsu Ltd ウェブページの改竄監視方法
CN103995835A (zh) * 2014-04-25 2014-08-20 江苏思迈斯电子商务有限公司 用户界面框架的网页元素查找方法
CN104461632A (zh) * 2014-12-09 2015-03-25 东软集团股份有限公司 一种Web App加载方法及装置
CN105554091A (zh) * 2015-12-11 2016-05-04 电子科技大学 一种移动终端中web应用来源安全的保障方法
CN107480148A (zh) * 2016-06-07 2017-12-15 广州市动景计算机科技有限公司 控制网页跳转的方法及装置及用户终端
CN106843953A (zh) * 2017-01-16 2017-06-13 百融(北京)金融信息服务股份有限公司 基于iOS系统的应用程序横向切换系统和方法
CN109800044A (zh) * 2018-12-29 2019-05-24 百富计算机技术(深圳)有限公司 一种html5双屏应用的方法、装置及电子设备

Similar Documents

Publication Publication Date Title
US10558474B2 (en) Media information processing method, mobile terminal, and storage medium
US9442709B1 (en) Transition experience during loading and updating an interface and applications pack
CN105824836B (zh) 一种截图共享方法、装置、信息接收方法及装置
CN105760162A (zh) 混合型app软件的开发方法
CN102651731A (zh) 一种视频播放方法及其装置
CN106878361B (zh) 一种终端应用页面的调试方法、装置及客户端
CN105335132B (zh) 一种自定义应用程序功能的方法、装置以及系统
CN109842818A (zh) 一种视频播放方法、装置、计算机设备及存储介质
CN108810646B (zh) 群组信息推送控制方法、装置及计算机可读存储介质
CN103914450A (zh) 移动终端平台中网页图片呈现方法和装置
CN102752371B (zh) 在客户端上实现闪屏的方法和客户端
CN107172685A (zh) 在移动终端展示无线接入点的信息的方法和设备
CN105630787A (zh) 基于动态可移植网络图形的动画实现方法及装置
CN103514219A (zh) 一种在多个终端间分享Web内容的方法及系统
CN105786839A (zh) 一种应用数据获取方法及装置
CN103209203A (zh) 一种跨平台提供应用的方法以及客户端
CN104219295A (zh) 基于服务器端配置的移动设备的信息展示方法及系统
CN106528120A (zh) 一种通知消息的显示方法以及装置
CN111399957A (zh) App界面显示方法、装置、终端设备及可读存储介质
CN106919375B (zh) 一种移动终端设备上的屏幕自适应方法及系统
CN112840305B (zh) 字体切换方法及相关产品
CN104836820A (zh) 客户端交互方法与系统以及客户端
CN102968244A (zh) 资源预览图的获取方法、装置以及设备
CN113742742A (zh) 一种前端Web页面的展示方法、展示系统及智能终端
CN104601616B (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