注冊(cè)和登錄（關(guān)于Cookie）

wthee 發(fā)布于2019-08-26 12:13 / 749人閱讀

摘要：當(dāng)?shù)倪^期時(shí)間被設(shè)定時(shí)，設(shè)定的日期和時(shí)間只與客戶端相關(guān)，而不是服務(wù)端。

前記

我將描述一下登陸和注冊(cè)之間發(fā)生了什么，將場(chǎng)景分為客戶端和服務(wù)端，服務(wù)器是Node.JS,客戶端是由JS寫的

注冊(cè) 1、注冊(cè)請(qǐng)求

這是由客戶端發(fā)送一個(gè)POST請(qǐng)求給服務(wù)端，其中包含了用戶名和密碼

let $form = $("#signUpForm")
    $form.on("submit", (e)=>{
      e.preventDefault()
      let hash = {}
      let need = ["email", "password", "password_confirmation"]
      need.forEach((name)=>{
        let value = $form.find(`[name=${name}]`).val()
        hash[name] = value
      })
      $form.find(".error").each((index, span)=>{
        $(span).text("")
      })
      $.post("/sign_up", hash)  
        .then((response)=>{
          console.log(response)
        }, (request)=>{
          let {errors} = request.responseJSON
          if(errors.email && errors.email === "invalid"){
            $form.find("[name="email"]").siblings(".error")
              .text("郵箱格式錯(cuò)誤")
          }
        })
    })

2、服務(wù)器檢查

服務(wù)器需要檢查發(fā)送過來的用戶名是否注冊(cè)過，如果注冊(cè)過就返回失敗，如果沒有注冊(cè)過就寫入數(shù)據(jù)庫(kù)

3、返回

寫入數(shù)據(jù)庫(kù)成功，就將注冊(cè)成功返回給用戶

登錄 1、輸入賬號(hào)密碼

輸入賬號(hào)密碼，并用POST發(fā)送給服務(wù)器，可以檢查輸入格式

let $form = $("#signInForm")
    $form.on("submit", (e) => {
      e.preventDefault()
      let hash = {}
      let need = ["email", "password"]
      need.forEach((name) => {
        let value = $form.find(`[name=${name}]`).val()
        hash[name] = value
      })
      $form.find(".error").each((index, span) => {
        $(span).text("")
      })
      $.post("/sign_in", hash)
        .then((response) => {
          window.location.href = "/"
        }, (request) => {
          alert("郵箱與密碼不匹配")
        })
    })

2、服務(wù)器檢查

獲取賬號(hào)密碼，服務(wù)器查詢數(shù)據(jù)庫(kù)，看是否有對(duì)應(yīng)的賬號(hào)存在

3、返回

如果有對(duì)應(yīng)的存在就返回登錄成功，如果沒有，就返回登錄失敗

Cookie

在上面的注冊(cè)和登錄過程中會(huì)有一些問題，網(wǎng)站是如何判斷登錄與否的，有些頁面只有登錄才可以訪問，另外，如何來確認(rèn)登錄的是誰，這樣才不會(huì)搞混亂，這時(shí)就需要引入Cookie來解決這些問題

設(shè)置Cookie

在登錄的一瞬間，服務(wù)器通過Set-Cookie，例如

        response.setHeader("Set-Cookie", `sign_in_email=${email}`)

告訴瀏覽器，在這個(gè)用戶上做了個(gè)標(biāo)記，以后只要相同的源的請(qǐng)求都會(huì)帶上這個(gè)Cookie，服務(wù)器Set-Cookie的是什么，瀏覽器Cookie就會(huì)是什么。

期限

Cookie并不是永久有效的，就像游樂場(chǎng)的門票一樣，你在游樂場(chǎng)去任何地方都需要這張門票，但是這個(gè)門票會(huì)有期限，這個(gè)期限可以自己設(shè)置，和關(guān)閉瀏覽器便失效的會(huì)話期Cookie不同，持久性Cookie可以指定一個(gè)特定的過期時(shí)間（Expires）或有效期（Max-Age）。

response.setHeader("Set-Cookie", `id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT`)

當(dāng)Cookie的過期時(shí)間被設(shè)定時(shí)，設(shè)定的日期和時(shí)間只與客戶端相關(guān)，而不是服務(wù)端。

特點(diǎn)

服務(wù)器通過Set-Cookie響應(yīng)頭來設(shè)置Cookie

瀏覽器得到Cookie后，每次請(qǐng)求都會(huì)帶上Cookie

服務(wù)器讀取Cookie就知道登錄用戶的信息

Cookie存在電腦上的一個(gè)秘密的文件位置

Cookie并不安全，可以做假

Cookie有效期的默認(rèn)時(shí)間由瀏覽器決定，后端可以強(qiáng)制設(shè)置

不同瀏覽器上的Cookie不可以互通

關(guān)于Cookie的更多信息，可以在MDN上查看

GPU云服務(wù)器云服務(wù)器關(guān)于域名和域名注冊(cè) 用c語言寫登錄和注冊(cè) java 模擬登錄 cookie session和cookie

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108250.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

wthee

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

C語言define和初級(jí)指針

閱讀 2443·2021-10-14 09:43
????新生代農(nóng)民工爆肝8萬字，整理Python編程從入門到實(shí)踐(建議收藏)已碼：6萬字????

閱讀 2480·2021-09-09 09:34
CSS 加載新方式

閱讀 1627·2019-08-30 12:57
【CSS】nth-child 與 nth-of-type辨析

閱讀 1231·2019-08-29 14:16
注冊(cè)和登錄（關(guān)于Cookie）

閱讀 750·2019-08-26 12:13
PHP與AJAX的相愛相殺

閱讀 3226·2019-08-26 11:45
LeetCode.3 無重復(fù)字符的最長(zhǎng)子串(JS)

閱讀 2317·2019-08-23 16:18
為什么編程語言的都要定義數(shù)據(jù)類型

閱讀 2691·2019-08-23 15:27

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

注冊(cè)和登錄（關(guān)于Cookie）

相關(guān)文章