CN107547518A - 前端密码隐藏的方法及装置 - Google Patents

Abstract

本公开涉及一种前端密码隐藏的方法及装置，包括获取网页登录请求，所述登录请求中携带有用户标识；根据所述用户标识从服务器获取所述登录请求对应的第一密码值；将预设变量设置为所述第一密码值，所述预设变量为隐藏变量；将调试窗口中的密码值变量设置为指定的第二密码值。通过将一个假的密码值赋予调试工具窗口中的密码值变量，根据本公开实施例的前端密码隐藏的方法及装置能够使客户端通过调试工具窗口看到的是假的密码值，而不是真正的密码值，从而在前端需要展示密码属性的情况下提高了密码的安全性。

Description

前端密码隐藏的方法及装置

技术领域

本公开涉及网络技术开发领域，尤其涉及一种前端密码隐藏的方法及装置。

背景技术

在进行网站设计时，网站前端验证是利用html页面引入javascript语言在浏览器端对表单元素的数据进行验证。网站前端验证可以分担服务器的工作，同时在页面中的数据存在错误的情况下，用户不需要花费额外的时间等待页面被发送给服务器然后返回。

Html页面的input标签用于搜集用户信息。Input标签的type属性用来设定输入框的数据存储类型，当input标签的type属性值为password时表示输入框存储域的类型是密码，输入框中输入的字符被掩码，不显示输入的文字而是显示“*”。Input标签的value属性值为input元素设定值，type的属性值为password时，value表示输入字段的初始值。

在前端开发的过程中，当input标签的type属性为password时，如果使用了input标签的value属性，任何可以访问该界面的客户端都可以通过调试工具窗口查看到该value的值，造成密码的不安全性。

发明内容

有鉴于此，本公开提出了一种前端密码隐藏的方法及装置，能够在前端需要展示密码属性的情况下，提高密码的安全性。

根据本公开的一方面，提供了一种前端密码隐藏的方法，包括：获取网页登录请求，所述登录请求中携带有用户标识；根据所述用户标识从服务器获取所述登录请求对应的第一密码值；将预设变量设置为所述第一密码值，所述预设变量为隐藏变量；将调试工具窗口中的密码值变量设置为指定的第二密码值。

根据本公开的另一方面，提供了一种前端密码隐藏的装置，包括：请求获取模块，用于获取网页登录请求，所述网页中设置有密码框，所述登录请求中携带有用户标识；第一密码获取模块，用于根据所述用户标识从服务器获取所述登录请求对应的第一密码值；第一变量设置模块，用于将预设变量设置为所述第一密码值，所述预设变量为隐藏变量；第二变量设置模块，用于将调试工具窗口中的密码值变量设置为指定的第二密码值。

通过获取设置有密码框的网页的登录请求后，根据登录请求携带的用户标识从服务器获取登录请求对应的第一密码值，将预设变量设置为所述第一密码值，将调试工具窗口中的密码值变量设置为指定的第二密码值，根据本公开的各方面的前端密码隐藏的方法及装置能够将一个假的密码值(第二密码值)赋予调试工具窗口的密码值变量，客户端通过浏览器调试工具窗口看到的是假的密码值，而不是真正的密码值，从而在前端需要展示密码属性的情况下提高了密码的安全性。

根据下面参考附图对示例性实施例的详细说明，本公开的其它特征及方面将变得清楚。

附图说明

包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本公开的示例性实施例、特征和方面，并且用于解释本公开的原理。

图1示出根据本公开一实施例的前端密码隐藏的方法的流程图；

图2a示出根据本公开一个示例的运行结果的示意图；

图2b示出根据本公开一个示例的运行结果的示意图；

图3示出根据本公开一实施例的前端密码隐藏的方法的流程图；

图4示出根据本公开一实施例的前端密码隐藏的方法的流程图；

图5示出根据本公开一实施例的前端密码隐藏的方法的流程图；

图6示出根据本公开一实施例的前端密码隐藏的方法的流程图；

图7示出根据本公开一实施例的前端密码隐藏的装置的框图；

图8示出根据本公开一实施例的前端密码隐藏的装置的框图；

图9示出根据本公开一实施例的前端密码隐藏的装置的框图。

具体实施方式

以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。

在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。

另外，为了更好的说明本公开，在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解，没有某些具体细节，本公开同样可以实施。在一些实例中，对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述，以便于凸显本公开的主旨。

图1示出根据本公开一实施例的前端密码隐藏的方法的流程图，该方法可以应用于终端设备中，例如，手机、平板电脑等移动终端、计算机等。如图1所示，该前端密码隐藏的方法包括：

步骤S11，获取网页登录请求，所述登录请求中携带有用户标识。

步骤S12，根据所述用户标识从服务器获取所述登录请求对应的第一密码值。

步骤S13，将预设变量设置为所述第一密码值，所述预设变量为隐藏变量。

步骤S14，将调试工具窗口中的密码值变量设置为指定的第二密码值。

通过获取设置有密码框的网页的登录请求后，根据登录请求携带的用户标识从服务器获取登录请求对应的第一密码值，将预设变量设置为所述第二密码值，将调试工具窗口中的密码值变量设置为指定的第二密码值，根据本公开的前端密码隐藏的方法能够将一个假的密码值(第二密码值)赋予调试工具窗口的密码值变量，客户端通过浏览器调试工具窗口看到的是假的密码值，而不是真正的密码值，从而在前端需要展示密码属性的情况下提高了密码的安全性。

其中，用户标识可以是指能够用于识别用户身份的任何标识，例如，用户标识可以是用户自定义的、由不同的数字、字母或者数字与字母的组合等形成的用户账号、用户名等，也可以是发起登录请求的设备的IP地址、MAC地址，网页地址等。以上仅为用户标识的示例，本公开实施例对用户标识的具体内容不作限定。

在一个示例中，以用户标识为用户自定义的用户账号、用户名等形式为例，用户在客户端浏览器中输入网页网址后，进入登录界面。此时，用户可以输入用户名和密码并点击登录进行身份验证后，客户端可以获取用户的网页登录请求，该网页登录请求中携带有用户输入的用户名。

在一个示例中，以用户标识为发起登录请求的设备的IP地址、MAC地址或网页网址等形式为例，用户在客户端浏览器输入网页网址后，进入登录界面。此时，用户输入密码并点击登录后，客户端可以获取用户网页登录请求，该网页登录请求中携带有用户设备的IP地址、MAC地址等用户标识。

第一密码值可以表示与用户标识对应的真实密码，当获取到的用户输入密码与第一密码值一致时，表示该用户具有访问指定网址的权限，客户端向用户展示验证成功后的界面。

第一密码值与用户标识的对应关系可以存储在服务器中，在一种可能的实施方式中，客户端在获取网页登录请求后，可以根据网页登录请求向服务器发送请求命令，以获取与所述登录请求对应的第一密码值。服务器响应于该请求命令，根据用户标识查询存储的密码值与用户标识的对应关系，获得与登录请求对应的密码值并将该密码值返回给客户端，客户端可以获取登录请求(用户标识)对应的密码值。

图3示出根据本公开一实施例的步骤S12的方法的流程图。如图3所示，在一种可能的实现方式中，步骤S12可以包括：

步骤S121，封装所述登录请求，并将封装后的登录请求发送至所述服务器。

步骤S122，接收所述服务器响应于所述登录请求返回的携带有第一密码值的结果。

通过封装登录请求可以达到对成员访问权限的合理控制，增强数据的安全性。在一种可能的实现方式中，客户端可以通过JAVASCRIPT技术封装登录请求，并将封装后的登录请求发送至服务器；客户端可以通过JAVASCRIPT技术获取服务器响应于登录请求返回的结果中携带的第一密码值，并进行处理。其中，所述服务器可以为Web Server。

步骤S13中，隐藏变量是指在不出现在原始网页如html网页的DOM(DocumentObjectModel)树中的变量。在一个示例中，隐藏变量可以是在JAVASCRIPT代码中隐藏的变量，由JAVASCRIPT代码动态产生并插入DOM树中，并不出现在原始网页的DOM树中。隐藏变量由于JAVASCRIPT代码的使用而隐藏起来，因此，在调试工具窗口中不会显示隐藏变量的值。

预设变量可以为客户端中预先设置的用于存储第一密码值的变量。预设变量可以为自定义变量，也可以为现有变量。例如，预设变量可以为设定变量的名称、存储方式、生存期、作用域等属性的自定义的变量。通过将预设变量设置为所述第一密码值，可以在客户端保留真实的密码，以便于在客户端进行密码验证。另外，由于仅有开发该网页的技术人员知晓哪个变量为预设变量，可以降低真实密码泄露的风险，提高密码的安全性。

步骤S14中，第二密码值可以表示假的密码，第二密码值可以是由数字、字母、符号或者其组合形成。例如：预设值可以为8个“*”号、乱码等。第二密码值可以是一个定值，也可以是客户端随机生成的值。对于第二密码值的取值，以及预设值的产生方式，本公开实施例不作限定。

调试工具窗口可以为能够展示显示网页使用的源代码的窗口，例如浏览器的调试工具窗口。

在一种可能的实现方式中，密码值变量可以是网页中的密码框对应的变量。其中，密码框是指用于输入文本，且输入字符能够被掩码的文本框。例如，在html中，密码框可以由type为password的input标签表示。在一个示例中，用户在密码框中输入123456，密码框的显示结果如图2a所示。

客户端可以通过调试工具窗口查看与密码值变量的值，通过将密码值变量的值设置为第二密码值，可以使调试工具窗口展示假的密码，从而提高了密码的安全性。例如，在html中，与密码框的对应的密码值变量为value，将密码值变量设置为指定的第二密码值，就是将value值设置为指定的第二密码值。例如，指定的第二密码值为8个“*”号，将value值设置为第二密码值之后，调试工具窗口展示的代码为<input type＝"password"value＝"********">，对应的运行结果如图2b所示。这样，调试工具窗口展示假的密码值替代真的密码值，提高了密码的安全性。

图4示出根据本公开一实施例的前端密码隐藏的方法的流程图。如图4所示，该前端密码隐藏的方法还可以包括：

步骤S15，接收密码修改指令。

步骤S16，根据所述密码修改指令，获取第三密码值。

步骤S17，向所述服务器发送密码修改请求，所述密码修改请求中携带有所述第三密码值，以使所述服务器将保存的第一密码值更新为所述第三密码值。

步骤S18，接收所述服务器响应于所述密码修改请求返回的密码修改结果，并展示所述密码修改结果。

这样，通过根据接收到密码修改指令，获取第三密码值，将第三密码值发送至服务器，根据本公开的前端密码隐藏的方法能够及时更新服务器中存储的真实密码，提高密码验证的可靠性。

其中，第三密码值是指新的密码值。

身份验证通过后，客户端可以接收密码修改指令。客户端可以获取密码修改界面中的第三密码值，根据第三密码值修改进行密码修改。在一个示例中，客户端可以通过获取与密码框对应的密码值变量的值来获取第三密码值。例如，在html中，客户端可以通过读取type为password的input标签的value值获取密码框的用户输入值。

在一种可能的实现方式中，客户端通过JAVASCRIPT技术将第三密码值封装到请求体中，并向服务器发送密码修改请求。服务器接收到密码修改请求后，可以将保存的第一密码值更新为第三密码值。在一个示例中，服务器可以将第一密码值与用户标识的对应关系更新为第三密码值与用户标识的对应关系。这样，下次服务器接收网页登陆请求后，可以向客户端发送与登陆请求对应的新的密码值。

服务器可以响应于密码修改请求向客户端返回密码修改结果，例如，密码修改结果可以包括“密码修改成功”和“密码修改失败”。

客户端接收所述密码修改结果后，可以在浏览器界面通过文字、图片等形式展示密码修改结果。例如，客户端可以在密码修改失败时，在浏览器界面显示通知窗口“密码修改失败”、叉号等提示修改失败的信息，客户端可以在密码修改成功时，在浏览器界面显示通知窗口“密码修改成功”、对号等提示修改成功的信息。客户端还可以通过扬声器向用户播放提示音，密码修改失败时可以播放语音“密码修改失败”、频率较低的音乐等提示修改失败的声音，修改成功是可以播放语音“密码修改成功”、频率较高的音乐等提示修改成功的声音。以上仅为客户端通知用户修改结果的方式的示例，还可以通过其他方式通知用户修改结果，本公开对此不作限制。

图5示出根据本公开一实施例的前端密码隐藏的方法的流程图。如图5所示，在步骤S16根据所述密码修改指令，获取第三密码值之后，该前端密码隐藏的方法还包括：

步骤S19，将所述预设变量设置为所述第三密码值。

这样，通过将修改后的密码值赋予预设变量，可以及时更新客户端中存储的真实密码，提高前端密码验证的可靠性。

在一种可能的实现方式中，可以当密码修改成功时，将所述预设变量设置为所述第三密码值，当密码修改失败时，不将所述预设变量设置为所述第三密码值。当密码修改成功时，表示第三密码值是真实的密码，此时将预设变量设置为第三密码值，可以提高前端密码验证的可靠性。当密码修改失败时，表示第三密码值不是真实的密码，此时不将预设变量设置为第三密码值，可以提高前端密码验证的可靠性。

在一种可能的实现方式中，还可以当密码修改成功时，将调试工具窗口中的密码值变量设置为指定的第二密码值。例如，在html中，当密码修改成功时，客户端可以通过type为password的input标签的value值设置为第二密码值。

这样，能够覆盖掉修改后的密码值，及时隐藏修改后的密码值，使客户端通过调试工具窗口不能查看到修改后的密码，降低密码泄露的风险，提高密码的安全性。

图6示出根据本公开一实施例的前端密码隐藏的方法的流程图。如图5所示，该方法还包括：

步骤S20，根据所述预设变量的值进行身份验证。

在一个示例中，客户端可以根据预设变量的值与获取的用户输入密码值进行身份验证。当预设变量的值与获取的用户输入密码值相同时，确认用户具有登陆网页的权限，客户端可以展示网页。当预设变量的值与获取的用户输入密码值不相同时，确认用户不具有登陆网页的权限，客户端可以拒绝展示网页。

这样，可以在提高前端密码安全性的情况下，进行前端密码验证，减少了服务器的工作量。

图7示出根据本公开一实施例的前端密码隐藏的装置50的框图，该装置50可以应用安装有客户端的设备。如图7所示，该装置50包括：请求获取模块51、第一密码获取模块52、第一变量设置模块53和第二变量设置模块54；

请求获取模块51，用于获取网页登录请求，所述网页中设置有密码框，所述登录请求中携带有用户标识。

第一密码获取模块52，用于根据所述用户标识从服务器获取所述登录请求对应的第一密码值。

第一变量设置模块53，用于将预设变量设置为所述第一密码值，所述预设变量为隐藏变量。

第二变量设置模块54，用于将调试工具窗口中的密码值变量设置为指定的第二密码值。

通过获取设置有密码框的网页的登录请求后，根据登录请求携带的用户标识从服务器获取登录请求对应的第一密码值，将预设变量设置为所述第一密码值，将调试工具窗口中的密码值变量设置为指定的第二密码值，根据本公开的前端密码隐藏的装置能够将一个假的密码值(第二密码值)赋予调试工具窗口的密码值变量，客户端通过浏览器调试工具窗口看到的是假的密码值，而不是真正的密码值，从而在前端需要展示密码属性的情况下提高了密码的安全性。

图8示出根据本公开一实施例的前端密码隐藏的装置50的框图，如图8所示，在一种可能的实现方式中，所述密码获取模块52包括：

请求发送单元521，用于封装所述登录请求，并将封装后的登录请求发送至所述服务器。

响应接收单元522，用于接收所述服务器响应于所述登录请求返回的携带有密码值的结果。

在一种可能的实现方式中，所述装置50还包括：

指令接收模块55，用于接收密码修改指令。

第二密码获取模块56，用于根据所述密码修改指令，获取第三密码值。

请求发送模块57，用于向所述服务器发送密码修改请求，所述密码修改请求中携带有所述第三密码值，以使所述服务器将保存的第一密码值更新为所述第三密码值。

响应接收模块58，用于接收所述服务器响应于所述密码修改请求返回的密码修改结果，并展示所述密码修改结果。

在一种可能的实现方式中，所述第一变量设置模块53，还用于在获取第三密码值之后，将预设变量设置为所述第三密码值。

在一种可能的实现方式中，所述装置还包括验证模块59，用于根据所述预设变量的值进行身份验证。

图9是根据一示例性实施例示出的一种无线发数据部署装置900的框图。参照图9，该装置900可包括处理器901、存储有机器可执行指令的机器可读存储介质902。处理器901与机器可读存储介质902可经由系统总线903通信。并且，处理器901通过读取机器可读存储介质902中与VXLAN报文处理逻辑对应的机器可执行指令以执行上文所述的VXLAN报文处理方法。

本文中提到的机器可读存储介质902可以是任何电子、磁性、光学或其它物理存储装置，可以包含或存储信息，如可执行指令、数据，等等。例如，机器可读存储介质可以是：RAM(Radom Access Memory，随机存取存储器)、易失存储器、非易失性存储器、闪存、存储驱动器(如硬盘驱动器)、固态硬盘、任何类型的存储盘(如光盘、dvd等)，或者类似的存储介质，或者它们的组合。

以上已经描述了本公开的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (10)

1.一种前端密码隐藏的方法，其特征在于，所述方法包括：

获取网页登录请求，所述登录请求中携带有用户标识；

根据所述用户标识从服务器获取所述登录请求对应的第一密码值；

将预设变量设置为所述第一密码值，所述预设变量为隐藏变量；

将调试工具窗口中的密码值变量设置为指定的第二密码值。

2.根据权利要求1所述的前端密码隐藏的方法，其特征在于，所述根据所述用户标识从服务器获取所述登录请求对应的第一密码值，包括：

封装所述登录请求，并将封装后的登录请求发送至所述服务器；

接收所述服务器响应于所述登录请求返回的携带有第一密码值的结果。

3.根据权利要求1所述的前端密码隐藏的方法，其特征在于，所述方法还包括：

接收密码修改指令；

根据所述密码修改指令，获取第三密码值；

向所述服务器发送密码修改请求，所述密码修改请求中携带有所述第三密码值，以使所述服务器将保存的第一密码值更新为所述第三密码值；

接收所述服务器响应于所述密码修改请求返回的密码修改结果，并展示所述密码修改结果。

4.根据权利要求3所述的前端密码隐藏的方法，其特征在于，在所述获取第三密码值之后，所述方法还包括：

将所述预设变量设置为所述第三密码值。

5.根据权利要求1所述的前端密码隐藏的方法，其特征在于，所述方法还包括：

根据所述预设变量的值进行身份验证。

6.一种前端密码隐藏的装置，其特征在于，所述装置包括：

请求获取模块，用于获取网页登录请求，所述网页中设置有密码框，所述登录请求中携带有用户标识；

第一密码获取模块，用于根据所述用户标识从服务器获取登录请求对应的第一密码值；

第一变量设置模块，用于将预设变量设置为所述第一密码值，所述预设变量为隐藏变量；

第二变量设置模块，用于将调试工具窗口中的密码值变量设置为指定的第二密码值。

7.根据权利要求6所述的前端密码隐藏的装置，其特征在于，所述第一密码获取模块包括：

请求发送单元，用于封装所述登录请求，并将封装后的登录请求发送至所述服务器；

响应接收单元，用于接收所述服务器响应于所述登录请求返回的携带有密码值的结果。

8.根据权利要求6所述的前端密码隐藏的装置，其特征在于，所述装置还包括：

指令接收模块，用于接收到密码修改指令

第二密码获取模块，用于根据所述密码修改指令，获取第三密码值；

请求发送模块，用于向所述服务器发送密码修改请求，所述密码修改请求中携带有所述第三密码值，以使所述服务器将保存的第一密码值更新为所述第三密码值；

响应接收模块，用于接收所述服务器响应于所述密码修改请求返回的密码修改结果，并展示所述密码修改结果。

9.根据权利要求8所述的前端密码隐藏的装置，其特征在于，所述第一变量设置模块，还用于在获取第三密码值之后，将预设变量设置为所述第三密码值。

10.根据权利要求8所述的前端密码隐藏的装置，其特征在于，所述装置还包括：

验证模块，用于根据所述预设变量的值进行身份验证。