HttpHttps

http協議與https

Http

1710671-20190704083102916-1907734360.jpg

客戶端發送一個HTTP請求到服務器的請求消息包括以下格式:

**請求行(request line)、請求頭部(header)、空行

和請求數據四個部分組成。**

Get請求例子,使用Charles抓取的request:

GET /562f25980001b1b106000338.jpg HTTP/1.1 
Host img.mukewang.com 
User-Agent Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 
Accept image/webp,image/*,*/*;q=0.8 Referer http://www.imooc.com/ Accept-Encoding gzip, deflate, sdch 
Accept-Language zh-CN,zh;q=0.8
空行---------------------------------

第一部分:請求行,用來說明請求類型,要訪問的資源以及所使用的HTTP版本.
GET說明請求類型為GET,[/562f25980001b1b106000338.jpg]為要訪問的資源,該行的最后一部分說明使用的是HTTP1.1版本。
第二部分:請求頭部,緊接著請求行(即第一行)之后的部分,用來說明服務器要使用的附加信息
從第二行起為請求頭部,HOST將指出請求的目的地.User-Agent,服務器端和客戶端腳本都能訪問它,它是瀏覽器類型檢測邏輯的重要基礎.該信息由你的瀏覽器來定義,并且在每個請求中自動發送等等
第三部分:空行,請求頭部后面的空行是必須的
即使第四部分的請求數據為空,也必須有空行。
第四部分:請求數據也叫主體,可以添加任意的其他數據。
這個例子的請求數據為空。

POST請求例子,使用Charles抓取的request:

POST / HTTP1.1 
Host:www.wrox.com
User-Agent:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022) 
Content-Type:application/x-www-form-urlencoded 
Content-Length:40 
Connection: Keep-Alive name=Professional%20Ajax&publisher=Wiley

第一部分:請求行,第一行明了是post請求,以及http1.1版本。
第二部分:請求頭部,第二行至第六行。
第三部分:空行,第七行的空行。
第四部分:請求數據,第八行。

HTTP之請求消息response

HTTP響應也由四個部分組成,分別是:狀態行、消息報頭、空行和響應正文。

1710671-20190704083130740-606913701.jpg

例子

HTTP/1.1 200 OK 
Date: Fri, 22 May 2009 06:07:21 GMT 
Content-Type: text/html; 
charset=UTF-8 <html> <head></head> <body> <!--body goes here--> </body> </html>

第一部分:狀態行,由HTTP協議版本號, 狀態碼, 狀態消息 三部分組成。
第一行為狀態行,(HTTP/1.1)表明HTTP版本為1.1版本,狀態碼為200,狀態消息為(ok)
第二部分:消息報頭,用來說明客戶端要使用的一些附加信息
第二行和第三行為消息報頭,
Date:生成響應的日期和時間;Content-Type:指定了MIME類型的HTML(text/html),編碼類型是UTF-8
第三部分:空行,消息報頭后面的空行是必須的
第四部分:響應正文,服務器返回給客戶端的文本信息。
空行后面的html部分為響應正文。

Date: Fri, 22 May 2009 06:07:21 GMT Content-Type: text/html; charset=UTF-8

HTTP之狀態碼

狀態代碼有三位數字組成,第一個數字定義了響應的類別,共分五種類別:
1xx:指示信息--表示請求已接收,繼續處理
2xx:成功--表示請求已被成功接收、理解、接受
3xx:重定向--要完成請求必須進行更進一步的操作
4xx:客戶端錯誤--請求有語法錯誤或請求無法實現
5xx:服務器端錯誤--服務器未能實現合法的請求

常見狀態碼:

  • 200 OK 客戶端請求成功。
  • 301 Moved Permanently 請求永久重定向。
  • 302 Moved Temporarily 請求臨時重定向。
  • 304 Not Modified 文件未修改,可以直接使用緩存的文件。
  • 400 Bad Request 由于客戶端請求有語法錯誤,不能被服務器所理解。
  • 401 Unauthorized 請求未經授權,無法訪問。
  • 403 Forbidden 服務器收到請求,但是拒絕提供服務。服務器通常會在響應正文中給出不提供服務的原因。
  • 404 Not Found 請求的資源不存在,比如輸入了錯誤的URL。
  • 500 Internal Server Error 服務器發生不可預期的錯誤,導致無法完成客戶端的請求。
  • 503 Service Unavailable 服務器當前不能夠處理客戶端的請求,在一段時間之后,服務器可能會恢復正常。

會話追蹤:

  • 會話:客戶端向服務器端發起請求到服務端響應客戶端請求的全過程。
  • 會話跟蹤:會話追蹤指的是服務器對用戶響應的監視。

會話跟蹤常用方法:

  • URL 重寫:URL 重寫技術就是在 URL 結尾添加一個附加數據以標識該會話,把會話 ID 通過 URL 的信息傳遞過去,以便在服務器進行識別不同的用戶。
  • 隱藏表單域:將會話ID添加到HTML表單元素中提交到服務器,此表單元素并不在客戶端顯示。
  • Cookie:Cookie 是 Web 服務器發送給客戶端的一小段信息,客戶端請求時可以讀取該信息發送給服務器端,進而進行用戶的識別,對于客戶端的每次請求,服務器都會將 Cookie 發送到客戶端,客戶端保存下來,以便下次使用。
  • Session:在服務器端會創建一個 session 對象,產生一個 sessionID 來標識這個 session 對象,然后將這個 sessionID 放入到 Cookie 中發送到客戶端,下一次訪問時,sessionID 會發送到服務器,在服務器端進行識別不同的用戶。

持久連接:

我們知道 HTTP 協議采用“請求-應答”模式,當使用普通模式,即非 Keep-Alive 模式時,每個請求/應答客戶和服務器都要新建一個連接,完成之后立即斷開連接(HTTP協議為無連接的協議);當使用 Keep-Alive 模式(又稱持久連接、連接重用)時,Keep-Alive 功能使客戶端到服務器端的連接持續有效,當出現對服務器的后繼請求時,Keep-Alive 功能避免了建立或者重新建立連接。

在 HTTP 1.0 版本中,并沒有官方的標準來規定 Keep-Alive 如何工作,因此實際上它是被附加到 HTTP 1.0協議上,如果客戶端瀏覽器支持 Keep-Alive ,那么就在HTTP請求頭中添加一個字段 Connection: Keep-Alive,當服務器收到附帶有 Connection: Keep-Alive 的請求時,它也會在響應頭中添加一個同樣的字段來使用 Keep-Alive 。這樣一來,客戶端和服務器之間的HTTP連接就會被保持,不會斷開(超過 Keep-Alive 規定的時間,意外斷電等情況除外),當客戶端發送另外一個請求時,就使用這條已經建立的連接。

在 HTTP 1.1 版本中,默認情況下所有連接都被保持,如果加入 "Connection: close" 才關閉。目前大部分瀏覽器都使用 HTTP 1.1 協議,也就是說默認都會發起 Keep-Alive 的連接請求了,所以是否能完成一個完整的 Keep-Alive 連接就看服務器設置情況。

由于 HTTP 1.0 沒有官方的 Keep-Alive 規范,并且也已經基本被淘汰。

HTTP Keep-Alive 簡單說就是保持當前的TCP連接,避免了重新建立連接。HTTP 是一個無狀態無連接的協議,那么這是不是與 Keep-Alive 沖突?

  • Keep-Alive 與無連接的特性沖突,而對于無狀態的特性兩者并無矛盾,HTTP 無狀態無連接是在 1.0 版本中就規定的,而 Keep-Alive 則是在 1.1 版本中才被添加入規范。
  • 無連接的意思是限制每個連接只有一個請求的意思,在服務器處理完客戶的請求,并收到客戶的反應,即斷開。通過這種方式可以節省傳輸時間。
  • Keep-Alive 確實破壞了這一特性,而無狀態協議則意味著每個請求都是獨立的,互不干擾的,互相沒有記憶的。所以才需要有會話跟蹤這種機制來識別用戶。

緩存機制:

HTTP 條件 GET 是 HTTP 協議為了減少不必要的帶寬浪費,提出的一種方案:

  1. HTTP 條件 GET 使用時機:客戶端之前已經訪問過某網站,并打算再次訪問該站點。
  2. HTTP 條件 GET 使用的方法:客戶端向服務器發送一個包詢問是否在上一次訪問網站的時間后是否更改了頁面,如果服務器沒有更新,顯然不需要把整個網頁傳給客戶端,客戶端只要使用本地緩存即可,如果服務器對照客戶端給出的時間已經更新了客戶端請求的網頁,則發送這個更新了的網頁給用戶。

下面是一個具體的發送接受報文示例:

1710671-20190704083235189-1710391212.png

第一次請求時,服務器端返回請求數據,之后的請求,服務器根據請求中的 If-Modified-Since 字段判斷響應文件沒有更新,如果沒有更新,服務器返回一個 304 Not Modified響應,告訴瀏覽器請求的資源在瀏覽器上沒有更新,可以使用已緩存的上次獲取的文件。

1710671-20190704083253919-1930860880.png

如果服務器端資源已經更新的話,就返回正常的響應。

Https

轉載于:https://www.cnblogs.com/GaryZz/p/11130192.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247644.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247644.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247644.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

vue2使用axios post跳坑,封裝成模塊

終于將vue-resource替換成axios了&#xff0c;其中像application/x-www-form-urlencoded發送的頭信息以及返回的response結果這兩點都需要注意一下。 其實https://github.com/mzabriskie/axios也有說明的。因為我在vue-resource中使用了Vue.http.options.emulateJSON true;&am…

axios使用

axios和vue-resource一樣&#xff0c;是一個vue中操作http的插件&#xff0c;遵循promise&#xff0c;vue官方也推薦使用axios。 安裝axios npm i axios -S axios也是在運行時需要的&#xff0c;所以要保存在dependencies中。 引入axios import axios from axios Vue.proto…

jQuery length 和 size()區別

jQuery length和size()區別總結如下&#xff1a; 1.length是屬性&#xff0c;size()是方法。 2.如果你只是想獲取元素的個數&#xff0c;兩者效果一樣既 $("img").length 和 $("img").size() 獲取的值是一樣的&#xff1b;但是如果是獲取字符串的長…

一些關于自己的未來的東西

2019.7.4 自己大一建立對編程的基礎認識&#xff0c;確實培養了一些興趣&#xff0c;入了個門&#xff0c;不過沒有接觸到本質。大二加入到了學校的網站開發團隊&#xff0c;對網站開發后端進行了學習&#xff0c;對后臺開發也有了基礎的學習吧&#xff0c;哈哈可能以后就是要走…

Javascript面向對象編程:構造函數的繼承

今天要介紹的是&#xff0c;對象之間的"繼承"的五種方法。 比如&#xff0c;現在有一個"動物"對象的構造函數。 function Animal(){ this.species "動物"; } 還有一個"貓"對象的構造函數。 function Cat(name,color){ this.name nam…

并發與多線程

并發 并發&#xff08;concurrency&#xff09;是指CPU在某個時間段內交替處理多任務的能力。每個CPU不可能只顧著執行某個進程&#xff0c;而讓其他進程一直等待被執行。所以&#xff0c;CPU把可執行時間均分成若干份&#xff0c;每個進程執行一份或多份時間后&#xff0c;記錄…

有沒有朋友可以幫我解釋一下貼水是什么意思?

通俗易懂的講&#xff1a;貼水便宜&#xff0c;升水貴 當前&#xff0c;螺紋鋼05合約就是貼水01合約 翻譯&#xff0c;螺紋鋼05合約就是比01合約便宜 升水同理 轉載于:https://www.cnblogs.com/luoluo-123/p/11142229.html

es6常用點記錄

letconst解構賦值字符串數組函數對象SymbolSetWeakSetMapWeakMapProxyreflectProxy與Reflex結合實例classpromiseiteratorGerneratorDecorators模塊學習資料 let /* let 聲明變量 *//* es6相對于es5的全局和局部作用域&#xff0c;多了一個塊作用域&#xff0c;塊作用域里聲明的…

jquery插件封裝指南

入門 編寫一個jQuery插件開始于給jQuery.fn加入??新的功能屬性&#xff0c;此處添加的對象屬性的名稱就是你插件的名稱&#xff1a; jQuery.fn.myPlugin function(){//你自己的插件代碼};用戶非常喜歡的$符號哪里去了&#xff1f; 它仍然存在&#xff0c;但是&#xff0c;為…

synchronize原理

synchronized的三種應用方式 一. 修飾實例方法&#xff0c;作用于當前實例加鎖&#xff0c;進入同步代碼前要獲得當前實例的鎖。 二. 修飾靜態方法&#xff0c;作用于當前類對象加鎖&#xff0c;進入同步代碼前要獲得當前類對象的鎖。 三. 修飾代碼塊&#xff0c;指定加鎖對象&…

不能修改“System Roots”鑰匙串

iOS mac添加證書 不能修改“System Roots”鑰匙串錯誤 如圖&#xff1a; 解決方式&#xff1a; 打開鑰匙串---登錄---&#xff0c;直接把證書拖過來 然后&#xff0c;查看--我的證書&#xff0c;里面&#xff0c;找到證書&#xff0c;即可

stylus在vue中的使用

stylus是一個css預處理器&#xff0c;比較流行的css預處理器有sass、less、stylus&#xff0c;它們都一樣&#xff0c;都是css的語法糖&#xff0c;可以使用變量&#xff0c;可以有簡單的邏輯&#xff0c;使css的開發效率更高&#xff0c;更易維護。stylus來自node社區&#xf…

未來產品的設計

Donald A. Norman繼《情感化設計》之后&#xff0c;又一設計精品力作&#xff1a; 未來產品的設計樣章試讀及本書預定&#xff1a;http://www.china-pub.com/195642市場價 &#xff1a;&#xffe5;39.00 會員價 &#xff1a; &#xffe5;29.25(75折) 【作  者】(美)Donald…

vue-cli webpack 配置分析

目錄結構 . ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.c…

css之字體圖標

SVG與字體圖標 SVG圖片是矢量圖片&#xff0c;不會隨著圖片的伸縮而影響質量&#xff0c;通常把只有一種顏色的圖標做成SVG&#xff0c;通過SVG生成字體圖標&#xff0c;放到項目中使用。 https://icomoon.io/是一個比較快捷的生成字體圖標的線上工具&#xff0c;進入主頁后&…

history.back(-1)和history.go(-1)的區別

history.back(-1):直接返回當前頁的上一頁&#xff0c;數據全部消息&#xff0c;是個新頁面 history.go(-1):也是返回當前頁的上一頁&#xff0c;不過表單里的數據全部還在 history.back(0) 刷新 history.back(1) 前進 history.back(-1) 后退

研發階段模擬接口數據

因為在vue-cli工程中需要創建很多.vue文件&#xff0c;我們希望創建vue文件和創建html、css、js文件一樣右鍵即可選擇創建&#xff0c;并且創建的文件中可預先寫好模板代碼。 webstorm-Preferences打開選項界面 選擇File and Code Templates&#xff0c;點擊綠色加號 填…

真實項目中 ThreadLocal 的妙用

一、什么是 ThreadLocal ThreadLocal 提供了線程的局部變量&#xff0c;每個線程都可以通過 set() 和 get() 來對這個局部變量進行操作&#xff0c;但不會和其他線程的局部變量沖突&#xff0c;實現了線程間的據隔離。 簡單講&#xff1a;一個獲取用戶的請求線程 A&#xff0c;…

css之flex布局

flex布局是css3中的重要布局方式&#xff0c;稱為“彈性布局”&#xff0c;每次想到它主要是遇到元素垂直居中、元素寬高自適應的問題&#xff0c;這些問題在flex中都能過簡單設置就解決&#xff0c;它更像是原生APP中的布局操作&#xff0c;布局不必寫N多的盒模型代碼來實現&a…

javascript對URL中的參數進行簡單加密處理

javascript的api本來就支持Base64&#xff0c;因此我們可以很方便的來進行編碼和解碼。 var encodeData window.btoa("namexiaoming&age10")//編碼 var decodeData window.atob(encodeData)//解碼。 下面來個具體的例子來說明如何對url中參數進行轉碼&#xff…