1. 程式人生 > 實用技巧 >通過手寫伺服器的方式,立體學習Http

通過手寫伺服器的方式,立體學習Http

前言

Http我們都已經耳熟能詳了,而關於Http學習的文章網上有很多,各個知識點的講解也可說是深入淺出。然而,學習過後,我們對Http還是一知半解。問題出在了哪?

Http是一個客戶機與伺服器之間的通訊的協議,真的想學習Http,就必須把客戶機和伺服器也學了,也就是說,必須立體的學習,不然我們永遠都是一知半解。

現在,我們手工搭建一個伺服器,立體的學習下Http,將我們以為的知識點連成線。

定義

學習前,簡單的瞭解下定義:

Http是超文字傳輸協議,用於保證客戶機與伺服器之間的通訊。在客戶機和伺服器之間進行請求-響應時,兩種最常被用到的方法是:GET 和 POST。

  • GET - 從指定的資源請求資料。

  • POST - 向指定的資源提交要被處理的資料(向指定資源“追加/新增”資料。)

搭建Http伺服器

首先我們通過HttpListener來搭建一個簡易的Http伺服器,程式碼如下:

class Program
{
static HttpListener httpListener;
static volatile bool isRun = true;
static void Main(string[] args)
{
Listener(5180);
}
public static void Listener(int port)
{
//建立HTTP監聽
httpListener = new HttpListener();
//監聽的路徑
httpListener.Prefixes.Add($"http://localhost:{port}/");
httpListener.Prefixes.Add($"http://127.0.0.1:{port}/");
//設定匿名訪問
httpListener.AuthenticationSchemes = AuthenticationSchemes.Anonymous;
//開始監聽
httpListener.Start(); while (isRun)
{
//等待傳入的請求接受到請求時返回,它將阻塞執行緒,直到請求到達
var context = httpListener.GetContext();
//取得請求的物件
HttpListenerRequest request = context.Request;
Console.WriteLine($"請求模式:{request.HttpMethod}");
var reader = new StreamReader(request.InputStream, Encoding.UTF8);
var msgSource = reader.ReadToEnd();//讀取傳過來的資訊+
Console.WriteLine($"msgSource:{msgSource}");
var msg = Uri.UnescapeDataString(msgSource);
Console.WriteLine($"請求msg:{msg}");
string responseString = "返回值";
// 取得迴應物件
HttpListenerResponse response = context.Response;

// 設定迴應頭部內容,長度,編碼
response.ContentEncoding = Encoding.UTF8;
response.ContentType = "text/plain; charset=utf-8";

response.Headers.Add("Access-Control-Allow-Origin", "*");
response.Headers.Add("Cache-Control", "no-cache");

byte[] buff = Encoding.UTF8.GetBytes(responseString);

// 輸出迴應內容
System.IO.Stream output = response.OutputStream;
output.Write(buff, 0, buff.Length);
// 必須關閉輸出流
output.Close();
}
}
}

伺服器搭建已經搭建完成了,現在,我們通過程式碼從新學習一下Http定義。

程式碼學習

首先我們看到,httpListener.GetContext()阻塞了執行緒;只有請求到達時,執行緒才會繼續執行,請求到達時,我們將會得到一個HttpListenerRequest的請求物件。

HttpListenerRequest物件包含了請求的位址列引數QueryString、Cookies、請求頭Header等等資訊。

Get請求

Get請求很簡單,Get請求的資料就寫在位址列,所以我們直接可以使用HttpListenerRequest物件的QueryString來讀取到,如下:

 HttpListenerRequest request = context.Request;   //取得請求的物件
Console.WriteLine($"請求模式:{request.HttpMethod}");
var abc = request.QueryString["abc"];
Console.WriteLine($"Get請求abc的值:{abc}");

執行Host專案,測試如下圖所示:

Post請求

學習了上面的程式碼,我想一定有人對下面這句話感到疑惑。

var reader = new StreamReader(request.InputStream, Encoding.UTF8);

為什麼請求已經到了,還要去讀請求中的InputStream屬性呢?

我們重新看下Post的定義:向指定的資源提交要被處理的資料(向指定資源“追加/新增”資料。)。

定義太不好理解,我們翻譯一下;Post的請求是先發起,一個TCP連線,然後再將資料,寫入請求的InputStream屬性中。

現在我們編寫一個Http的Post請求,加深理解。

 public static void Post(string url, string param, Action<string> callback)
{
new Task(() =>
{
try
{
//轉換輸入引數的編碼型別,獲取bytep[]陣列
byte[] byteArray = Encoding.UTF8.GetBytes(param);
//初始化新的webRequst
//1. 建立httpWebRequest物件
HttpWebRequest webRequest = (HttpWebRequest)WebRequest.Create(new Uri(url));
//2. 初始化HttpWebRequest物件
webRequest.Method = "POST";
webRequest.ContentType = "application/x-www-form-urlencoded";
webRequest.ContentLength = byteArray.Length; //3. 附加要POST給伺服器的資料到HttpWebRequest物件(附加POST資料的過程比較特殊,它並沒有提供一個屬性給使用者存取,需要寫入HttpWebRequest物件提供的一個stream裡面。)
Stream newStream = webRequest.GetRequestStream();//建立一個Stream,賦值是寫入HttpWebRequest物件提供的一個stream裡面
newStream.Write(byteArray, 0, byteArray.Length);
newStream.Close();
//4. 讀取伺服器的返回資訊
using (HttpWebResponse response = (HttpWebResponse)webRequest.GetResponse())
{
using (StreamReader stream = new StreamReader(response.GetResponseStream(), Encoding.UTF8))
{
string ret = stream.ReadToEnd();
callback(ret);
}
}
}
catch (Exception ex)
{
callback("異常:" + ex.Message);
}
}).Start();
}

可以看到,請求時,就是從指定IP地址中建立一個WebRequest物件(通過WebRequest.Create建立),然後再獲取物件的請求流—GetRequestStream(),即服務端的InputStream,再向其流裡寫人資料。

現在我們編寫一個Winform專案,測試一下Post請求,結果如下:

擴充套件1:Http本質上是TCP,也就是說Get請求,不去讀取InputStream裡的值,是被框架處理的結果呈現,如果框架處理了Get請求的InputStream,那麼Get請求就也可以像Post那樣,獲取請求中的InputStream,然後向流裡寫入資料。這就是為什麼有的框架Get請求也可以傳送Json物件的原因。

擴充套件2:Post請求需要讀取InputStream,也就是說,每次的Post都需要例項化一個Tcp物件去處理流,而Get請求不去讀InputStream,就不用例項化Tcp了,也就是說Get請求的記憶體消耗更少,同理,上文提到的Get請求傳送Json物件,就等於把Get請求變成了Post請求,即,大量消耗了記憶體,所以,如果網站需要效能好一點的話,就儘量不考慮使用這樣的框架。

擴充套件3:在Post請求中,我們把寫入InputStream的資料稱為Content,而在HttpListenerRequest類的截圖中,我們可以看到這三個屬性ContentLength64,ContentType,ContentEncoding,他們代表著,Content的長度、型別、編碼,也就是說,如果我們手寫Post請求,這三個值一定要伺服器解析時配置的值對上,當然,他們也都是有預設值的。通常伺服器都會支援多種ContentType型別,如application/x-www-form-urlencoded或application/json,具體各種型別的資料格式,大家可以自行了解。

擴充套件4:MVC和WebApi都是在Http解析後執行的,也就是或,伺服器先解析了Http,然後才根據請求的Url解析跳轉到指定Controler和Action,然後再例項化Controler和Action時,在把相應的引數傳遞過去。

請求亂碼

在客戶端Http發起請求時,英文字母,數字會原樣傳送,而中文和其他字元,則直接把字串用BASE64加密,如:%E5%95%8A%20%E4%B8%8D。這種行為,我們稱之為字串轉義。

同理,在伺服器端,我們需要將請求的字串解析回來,如Uri.UnescapeDataString(msgSource)。

那為什麼會有亂碼?

我們會發現,亂碼出現的地方都是中文和特殊字元,那麼結合上文所述,我們就知道亂碼出現的原因了。

兩種情況,一種是框架沒有做解析,或者解析失敗,直接把客戶端的轉義後的請求發給了你;另一種是客戶端和伺服器的解析型別沒對上,進行了錯誤的解析。

不過,通常情況下,伺服器會替我們做好解碼的工作。

跨域

上文中,我們看到在輸出返回資料的時候,我們為HttpListenerResponse物件的Headers屬性增加了個鍵值對,如下:

response.Headers.Add("Access-Control-Allow-Origin", "*");

沒錯,這個是跨域的配置,我們在Response輸出時,進行了Access-Control-Allow-Origin配置,這樣,瀏覽器在接受到我們的返回訊息時,就不會阻止它們顯示了。

結語

立體的學習了Http後,我們才能更好,更快的學習Http協議,一些以前我們很難理解的解釋,也可以慢慢想通了,比如Connection: keep-alive,我們現在就能更好的理解了,它就是Http請求後,不去釋放Tcp物件,這樣,它下一次傳輸資料就不用新建記憶體了。

----------------------------------------------------------------------------------------------------

到此HTTP的立體學習已經介紹完了,程式碼已經傳到Github上了,歡迎大家下載。

程式碼已經傳到Github上了,歡迎大家下載。

Github地址:https://github.com/kiba518/HttpLearning

----------------------------------------------------------------------------------------------------

注:此文章為原創,任何形式的轉載都請聯絡作者獲得授權並註明出處!
若您覺得這篇文章還不錯,請點選下方的【推薦】,非常感謝!

https://www.cnblogs.com/kiba/p/13258817.html