有關登錄以及存儲用戶登錄狀態的相關邏輯

来源:https://www.cnblogs.com/zjk270997340/archive/2018/07/31/9395665.html
-Advertisement-
Play Games

最近的幾個項目都用到了localStrage來存儲用戶的相關登錄信息，本來想繼續深入學習下localStrage的相關內容，逐漸衍生到了用戶登錄的相關邏輯 先整理下localStrage的相關知識點 1、http跟hppts不互通， 2、localStrage 存儲在 C:\Users\xxx\Ap ...


最近的幾個項目都用到了localStrage來存儲用戶的相關登錄信息，本來想繼續深入學習下localStrage的相關內容，逐漸衍生到了用戶登錄的相關邏輯

先整理下localStrage的相關知識點

　　1、http跟hppts不互通，

　　2、localStrage 存儲在 C:\Users\xxx\AppData\Local\Google\Chrome\User Data\Default\Local Storage  （windows下的chrome為例）同一個功能變數名稱加埠的存儲上限是  5~10M，移動端則是不大於2.5M，可以通過惡意刷localStrage的

             方式來搞崩潰一臺電腦

　　3、在localStrage.setItem()之後。在文件夾中有時不會立即出現改變，我懷疑這些數據被放在chrome中，以避免重覆讀寫帶來的消耗，在電腦空閑的時候在存入硬碟

　　4、localStrage只是前端使用，後臺不會使用，可以適用於某些網站的草稿功能

　　5、類似於web SQL 、indexed DB 這兩個前端的資料庫，一般需要做HTML5應用的時候才會使用到，比如PWA以及HTML5頁游

後端的底線是不要相信任何用戶的輸入

　　對於前臺輸入的、存儲在localStrage以及cookie中的內容，都可能被修改，前臺對於輸入只要進行最基本的非空以及輸入規則的驗證就可以

登錄邏輯

　　登錄之後會請求一個人token,存儲在本地，每次介面請求都需要帶上這個token,由後臺進行判斷token是否過期，過期則重新登錄

 

cookie最大的優點是過期時間比較好控制，並且相容性極好，發送請求的時候回自動帶上cookie中存儲的登錄信息

https://segmentfault.com/q/1010000012617431  （參考了許多內容，其中評論以及回覆都很有參考以及思考的價值）

    

 

　　

　　

　　

　


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前端(八)：react基礎
    以前只使用django和jquery做小項目開發，所以決定搞一搞react框架。React 特點：聲明式設計、虛擬DOM、JSX、組件、數據驅動。 一、環境搭建 1.安裝npm、cnpm 2.安裝react全家桶 3.文件目錄結構 項目啟動時，會載入public下的index.html文件，併進而執 ...
  • Promise.all中對於reject的處理
    昨天寫了個小爬蟲，用axios.all同時請求多個頁面時，國內網路的原因很容易就超時然後reject了，佛系resolve不可取啊，然後想到可以實現一個“重發失敗請求”的功能。 Promise.all(requestPromises).then(...).catch(...) 會在所有request ...
  • 有一個時間插件引發的關於 newDate().setMonth() 的問題
    項目中遇到一個時間插件的BUG，查看源碼之後發現是因為setMonth()的問題，使用了之後會某些月份會出現月份加一的問題， 查閱資料後發現 setMonth()其實是設置與當前時間天數相同的月份，如果設置的月份與當前天數不相同則往後順延一個月 而w3c上只是簡單說明這個的作用 想必插件的作者對於這 ...
  • 坑爹的jquery ui datepicker
    1.坑爹的jquery ui datepicker 竟然不支持選取時分秒，害的我Format半天 期間嘗試了bootstrap的ditepicker,但是不起作用，發現被jquery ui 覆蓋了， 2.解決方案 下載jquery-ui-timepicker-addon.js，地址：http://j ...
  • react-router 4.3 js實現跳轉
    import React, {Component} from 'react'; import { NavLink,Link } from "react-router-dom"; import './index.less'; import PropTypes from 'prop-types'; //... ...
  • jquery發起get/post請求_或_獲取html頁面數據
    備註：我們經常會遇到使用jquery獲取某個地址下的部分頁面內容，然後替換當前頁面對應內容，也就是：局部刷新功能。 當然也可以使用get/post請求獲取數據，修改數據，可以參考以下JS代碼： ...
  • Windows環境下sublime text 3搭建前端開發環境
    一、安裝SubLime Text 3SubLime Text 3官網下載：https://www.sublimetext.com/ 二、安裝Package Control進入sublime後，按快捷鍵Ctrl+、鍵，進入命令行模式，sublime text 3在命令行輸入： sublime text ...
  • React學習筆記
    一、React初探 es6寫法 "code" es5寫法（遺憾的是現在最新版本的react，已經不再能使用createClass去創建react組件了 "code" ） 核心思想：封裝組件，各個組件維護自己的狀態(state, prop)和UI,當狀態變更，自動重新渲染組件，數據流向是單向的。 需要 ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類