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

kiba518發表於2020-07-07

前言

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

 

 

相關文章