当前位置:首页 » 网页前端 » 前端记住登录密码
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端记住登录密码

发布时间: 2023-02-05 14:46:55

⑴ 【前端】常用加密方法

• JavaScript 加密后传输(具体可以参考后面的常见加密方法)
• 浏览器插件内进行加密传输
• Https 传输

在加密算法中又分为对称加密和非对称加密。

对称加密采用了对称密码编码技术,它的特点是文件加密和解密使用相同的密钥加密.也就是加密和解密都是用同一个密钥,这种方法在密码学中叫做对称加密算法.

对称加密算法使用起来简单快捷,密钥较短,且破译困难,除了数据加密标准(DES),另一个对称密钥加密系统是国际数据加密算法(IDEA),它比DES的加密性好,而且对计算机功能要求也没有那么高.

常见的对称加密算法有DES、3DES、Blowfish、IDEA、RC4、RC5、RC6和AES

注意: 因为前端的透明性,对于登录密码等敏感信息,就不要使用JavaScript来进行对称加密. 因为别人可以从前端得到密匙后,可以直接对信息进行解密!

非对称加密算法需要两个密钥:公钥(publickey)和私钥(privatekey)。 公钥与私钥是一对,如果用公钥对数据进行加密,只有用对应的私钥才能解密;如果用私钥对数据进行加密,那么只有用对应的公钥才能解密。 因为加密和解密使用的是两个不同的密钥,所以这种算法叫作非对称加密算法。

非对称加密算法实现机密信息交换的基本过程是:甲方生成一对密钥并将其中的一把作为公钥向其它方公开;得到该公钥的乙方使用该密钥对机密信息进行加密后再发送给甲方;甲方再用自己保存的另一把专用密钥对加密后的信息进行解密。甲方只能用其专用密钥解密由其公钥加密后的任何信息。

常见的非对称加密算法有:RSA、ECC(移动设备用)、Diffie-Hellman、El Gamal、DSA(数字签名用)

⑵ 前端禁止读取浏览器密码

【浅谈】前端禁止浏览器记住密码
浏览器记住是基于type=‘password’,将password改为text,采用文本输入
将v-model的绑定方式改为这种输入,input框中显示的是经过转换的*号,提交时提交a的值

⑶ thinkphp如何实现记住用户名,密码,自动登录

这个是前端的问题不是thinkphp实现的 只要把登录信息存储到cookie设置好有效期 下次登录时判断cookie是否存在存在的话直接把信息给后端自动登录免去输入账号密码的过程

⑷ php怎么实现记住用户名密码

  1. 是写在你的验证过程后的,如果用户名和密码验证成功就保存cookie或者session;

login.html前端登录界面:客户输入界面用户名,密码;

login.php 后端验证过程:通过post/get方式获取到客户输入的信息,然后跟数据库里的的账号密码就行匹配,如果正确就用setcookie保存下来,如果不正确就弹出相对应的错误提示;

例如:

  1. 登录界面;


⑸ 网站前端,如何保证密码安全

一般情况下保证不了
比如京东、小米、网易之类的网站
当你登录的时候,你如果看发送的内容
会发现发送的也都是明文内容,所以很容易被截获
支付宝不一样,支付宝是有插件的
你输入后会一系列加密,然后发送给后台
不过这个技术上比较麻烦
一般情况下不用担心这个
希望能帮助到你

⑹ php程序登陆界面如何记住密码

  • 是写在你的验证过程后的,如果用户名和密码验证成功就保存cookie或者session;

  • login.html前端登录界面:客户输入界面用户名,密码;

  • login.php 后端验证过程:通过post/get方式获取到客户输入的信息,然后跟数据库里的的账号密码就行匹配,如果正确就用setcookie保存下来,如果不正确就弹出相对应的错误提示;

⑺ 如何通过数据库修改前端CRM的登录密码

一般的管理系统的密码都是加密的,数据库里的密码都是加密后的。
所以,即使你能修改数据库,也没有用。

⑻ 登录的记住密码功能前端需要写哪些代码

可以用jquery.cookie.js,你可以看下http://www.jb51.net/article/26977.htm,当然如果你要自己实现的话,也是利用cookie,可能就是代码量会多一点,希望对你有所帮助

⑼ 旅馆业前端采集系统怎么永久保存登陆账号密码

在登录的表单中添加记住密码勾选框即可。前端采集系统:前端通过连接摄像头、各类传感器,对产污设备、排污设备、排污口、周边大气等环境进行监控,实时监测流速、流量、PH值、COD、氨氮、硝氮、亚硝氮、总磷等数据进行实时的监测,保障数据获取的准确性。旅馆业前端采集系统在登录的表单中添加记住密码勾选框即可保存登陆账号密码。前端采集系统前端采集系统是指系统前端采集音视频信息的设备。

⑽ 11 | 登录前端实现

前端任务点,编写登录请求函数,和 用户注册 类似,前端拿到用户名和密码发起 POST 请求。

收到 token 如何持久化存储,如何让每次请求都携带 token 是这里的点。

用户登录的接口详情可以点 这里 。

这里有可以优化的点,未来可能需要添加验证码等附加信息,这个时候就需要添加函数参数,就会比较麻烦,可以将参数数据格式包装成一个对象。当然,这里还是使用第一种方法了。

这不是重点,重点是登录成功后,我们要做的事情。

按照接口约定,登录成功我们可以得到如下信息:

这里我们要用到 token 字段,是我们现在有 token 了,但一刷新就没了,所以我们要做一下持久化存储,你想存哪里就存哪里,只要你能找到。这里就存储 localStorage 中了,在 Chorme86 中你甚至可以存到一个本地的文本文件中,只不过读取速度比较慢罢了。

除了 token,我们还要将用户信息存下来,比如首页展示用的用户头像等信息。

关于本地信息的安全性问题,本地保存的用户信息并不作为数据请求的凭证,仅供展示使用,当用户更改本地的用户信息对于登录的状态不会有影响,因为后端的判断依据是 token,token 有效就登录成功,而不是说本地存储的用户信息是谁服务端就认为你是谁,前端是不可信的。这种登录方式的危险点在于用户 token 被盗,但这很难避免,最不安全的是人。。。

登录成功,返回首页,用户名或者是用户头像并没有同步更新,这是因为,这里是单页应用,你在 login 页面将登录用户信息存到 localStorage 中,然后跳转到了首页,此时页面没有刷新,而 localStorage 中的信息没有及时更新到 DOM 中,此时的用户信息还是你没有进入 login 页面的用户信息,自然是无法展示的,怎么解决呢?很简单,刷新一下。

当页面刷新时,用户信息会从 localStorage 中读取,显示的就是现在的登录用户了,但。。。

我不想刷新。

也很简单,搞成响应式数据就好了呀。来人呀,上Vuex。

当你将 token 存在 cookie 中,前端并不需要主动设置,默认就携带传给了服务端,而这里我们存到 Authorization 中,就需要我们设置一下,拦截请求,在请求发送前添加 token。

好的,来捋一捋流程。

用户访问 /login,被前端路由处理,指向Login.vue,用户看到登录框,填入自己的账号,当用户填写账号时,name password被实时监听,同时会对登录按钮的可操作产生影响,只有当用户将账密输入完整时,登录按钮可用。

前端收集用户信息,调用 network 中封装的 longin 请求函数,该请求发送前被拦截,添加 token,可能为空,使用账密登录时,token没实际效用。

后端检查成功给响应,前端将响应中数据的 token 通过触发 mutations 更新 Vuex 中 state,同时,将该 token 存到 localStorage,以免用户关掉页面导致 token 丢失。

登录成功跳到应用首页,用户头像等信息通过 Vuex 获取,因为 Vuex 中的数据是响应式的,此时从 login 跳转到首页,用户头像等信息也会得到相应的更新。

当用户新增文章时,只需向服务器传文章数据就可以了,而对于文章作者的相关信息则由后端从请求头中的 token 解析得到,这里需要注意,前端不要将本地的用户信息作为准确的作者信息,对于用户可以伪造的信息要做最小化的信任,用户完全有能力将本地用户名从张三改为李四,而最终作者是那个则需要由用户提供的 token 来判定,虽说 token 也有可能被伪造,但难度相对较大,往往是被窃取的可能性更大。

无密码登录其实还是需要“密码”的,只不过是换了一个临时性的对人不可读的字符串来代替罢了,并且每次请求帮你填好了。

在不考虑安全性的情况下本质上其实就是你将密码存到了浏览器里,然后你每次访问网站时让浏览器帮你输入用户名和密码,这个过程你是无感知的,这样自己就不用像个憨憨一样每次刷新就要填一遍表单。

填表是一件非常无聊的事。

要学一波 TypeScript 了呀。