淺談前後端分離及RESTful API
一、綜述
前端、後端這兩個名詞無數次出現在專業應用當中。從最開始不懂得網站上的內容從何而來，到現在經手幾個專案後對前後端和網際網路有了專業上的粗淺認知，所學越多，需學越多。當專業課上還在講解著基於C#的ASP.NET開發中，如何拖動Button按鈕，如何“快速”構建出一個所謂的前端，如何點選進入相應的後端語句時，前後端分離技術早已橫行於世。顧名思義，前後端分離，就是前端程式碼和後端程式碼切割開來，由兩批不同的人來開發，他們只通過某個通道建立聯絡，這個通道就是“資料傳輸”。現階段，前端工程化開發逐漸完善並且成為前端開發主流，Vue、React、Angular等大前端框架讓開發者眼前一新，甚至之前想都不敢想的JS也可以基於Node生態，用來進行服務端開發。
二、為什麼使用前後端分離
1. 前後端分離的潮流與多端應用的開發密不可分。PC端，pad端，移動端App（安卓/IOS）的發展，使得前後端一體的開發模式十分笨重。
2. 基於Vue、React、Angular的SPA單頁應用流行，也助力了前後端分離的趨勢。
3. 在之前的前後端一體的開發中，前端人員和後端人員的開發職責和界限不清楚，他們要想完成整個開發必須相互滲透對方的技術棧，這就導致了很多小公司，前後端一個人來做，最後介面一塌糊塗，毫無使用者體驗。就比如PHP和JAVA的template比較複雜，會嵌入很多後端的語法，如果進行html重構，就會顯得非常複雜。
4. 在前後端一體的開發中，開發效率相對低下，前後端人員需要相互等待，更多的情況下，前端工程師會一直配合後端，使得他們能做的事情非常有限，只是源源不斷提供靜態的html。
5. 後臺開發語言和模板語言高度耦合，導致開發語言嚴重依賴。（如Python到JAVA的重構）
三、前後端分離的缺點
1. 做前後端分離，學習門檻會增加。對於前端開發人員來說，以前很多後端來完成的事情，如模板語法，依據資料的顯示全部交由前端處理，無論是使用者體驗還是資料互動，前端工程師必須進行精心地設計。在前端工程化的專案中，路由，效能優化，懶載入等等顯得更為重要。
2. 資料依賴導致文件的重要性增加。在以往的前後端一體的開發模式中，後端開發人員是不需要太多考慮各項資料互動的欄位和介面怎麼定義，也不需要特別清楚地去記錄各個介面。但在前後端分離的開發中，介面文件是必須的，它直接影響了前端開發的效率以及準確度。
3. 前端工程師的工作量明顯增加。這也就是為什麼在大前端時代，前端工程師會崛起，薪資會增加的原因！
4. SEO的難度增大。因為如果使用前後端分離的模式，就意味著，所有的資料互動採用的是Ajax或者通過網路請求，一般的爬蟲我們可以使用urllib或者Scrapy或者Request，使用request爬取的時候只能爬取到原始碼，無法爬取到資料。SSR也就體現的尤為重要。
5. 後端開發者模式遷移的成本增加。
四、什麼是RESTful API
一句話：RESTful API是目前前後端分離的最佳實踐，它是一套標準，一個規範，而不是一個框架。
標準對於開發者來說是十分重要的，就像HTTP、HTML這些都是標準。
在前後端分離的時候，我們會設計API，如果我們在設計的時候依據RESTful準則，那麼這套API這可以稱作RESTful API。
1. RESTful API輕量，直接通過http或者https，不需要額外的協議，一般有四種常用操作post/get/put/delete。
2. RESTful API面向資源，一目瞭然，具有自解釋性。
3. RESTful API資料的描述十分簡單，基於Json或XML的資料格式進行資料傳輸。
再談幾個概念：
1.資源（Resources）
REST的名稱"表現層狀態轉化"中，省略了主語。"表現層"其實指的是"資源"（Resources）的"表現層"。
所謂"資源"，就是網路上的一個實體，或者說是網路上的一個具體資訊。它可以是一段文字、一張圖片、一首歌曲、一種服務，總之就是一個具體的實在。你可以用一個URI（統一資源定位符）指向它，每種資源對應一個特定的URI。要獲取這個資源，訪問它的URI就可以，因此URI就成了每一個資源的地址或獨一無二的識別符。
所謂"上網"，就是與網際網路上一系列的"資源"互動，呼叫它的URI。
2.表現層（Representation）
"資源"是一種資訊實體，它可以有多種外在表現形式。我們把"資源"具體呈現出來的形式，叫做它的"表現層"。
比如，文字可以用txt格式表現，也可以用HTML格式、XML格式、JSON格式表現，甚至可以採用二進位制格式；圖片可以用JPG格式表現，也可以用PNG格式表現。
URI只代表資源的實體，不代表它的形式。嚴格地說，有些網址最後的".html"字尾名是不必要的，因為這個字尾名錶示格式，屬於"表現層"範疇，而URI應該只代表"資源"的位置。它的具體表現形式，應該在HTTP請求的頭資訊中用Accept和Content-Type欄位指定，這兩個欄位才是對"表現層"的描述。
3.狀態轉化（State Transfer）
訪問一個網站，就代表了客戶端和伺服器的一個互動過程。在這個過程中，勢必涉及到資料和狀態的變化。
網際網路通訊協議HTTP協議，是一個無狀態協議。這意味著，所有的狀態都儲存在伺服器端。因此，如果客戶端想要操作伺服器，必須通過某種手段，讓伺服器端發生"狀態轉化"（State Transfer）。而這種轉化是建立在表現層之上的，所以就是"表現層狀態轉化"。
客戶端用到的手段，只能是HTTP協議。具體來說，就是HTTP協議裡面，四個表示操作方式的動詞：GET、POST、PUT、DELETE。它們分別對應四種基本操作：GET用來獲取資源，POST用來新建資源（也可以用於更新資源），PUT用來更新資源，DELETE用來刪除資源。
綜合上面的解釋，我們總結一下什麼是RESTful架構：
（1）每一個URI代表一種資源；
（2）客戶端和伺服器之間，傳遞這種資源的某種表現層；
（3）客戶端通過四個HTTP動詞，對伺服器端資源進行操作，實現"表現層狀態轉化"。