淺談瀏覽器中本地運行Node.js的方法

本篇文章跟大家介紹一下在瀏覽器中本地運行Node.js的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

【推薦學習：《nodejs 教學》】

一切要從收到一封郵件開始

大早上，我收到一封電子郵件，StackBlitz說正在與Next.js和Google的團隊合作開發一項新技術

• 幾年前， StackBlitz意識到網路正朝著關鍵的轉折點發展。 WebAssembly和新功能API的出現使編寫基於WebAssembly的作業系統似乎變得可能，該作業系統功能強大到可以完全在瀏覽器中運行Node.js。我們設想了一個比本地環境更快，更安全和一致的高級開發環境，以實現無縫的程式碼協作而無需設置本地環境

技術名為:WebContainers

• WebContainers可讓您建立完整的Node.js環境，這些環境可以在毫秒內啟動，並且一鍵即可立即連線和連結共用。該環境具有VS Code強大的編輯經驗，完整的終端，npm等功能。它還可以完全在您的瀏覽器中運行，從而帶來一些關鍵的好處：
• 比比本地環境快。與yarn / npm相比，建造速度最多可提高20％，而捲裝安裝速度則可快5倍以上。
• 瀏覽器中的Node.js偵錯。與Chrome DevTools的無縫整合可實現本機後端調試，無需安裝或擴充。
• 預設為安全。所有程式碼執行都發生在瀏覽器的安全沙箱中，而不是在遠端VM或本機二進位檔案上。

• 同樣，這些環境不在遠端伺服器上執行。而是，每個環境都完全包含在您的網頁瀏覽器中。沒錯：Node.js運行時本身第一次在瀏覽器中本機運行。

  從現在開始，WebContainers現在處於公開測試階段。目前支援包括Next.js，GraphQL和Vanilla Node.js，我們正在與其他開源專案合作以擴展支援

WebContainers

StackBlitz透過利用瀏覽器中數十年來的速度和安全性創新來解決這些問題。 StackBlitz中的所有計算都會在瀏覽器安全沙箱中立即發生，並且無法爆發到您的本機電腦上。該模型還釋放了一些關鍵的開發和調試優勢（在幾秒鐘內便會提供更多優勢）。

• #使用Chrome DevTools無縫進行Node.js偵錯
  事實證明，瀏覽器確實非常擅長調試Javascript。我知道，這令人震驚；）透過在瀏覽器中執行Node.js，與Chrome DevTools的整合即開即用。無需安裝，無需擴展，僅在瀏覽器中進行本機後端調試即可

其實。 WebContainers包含一個虛擬的TCP網路堆疊，該堆疊已對應到瀏覽器的ServiceWorker API，可讓您即時建立即時Node.js伺服器，即使您處於離線狀態也可以繼續工作。因為它完全在瀏覽器安全沙箱中運行，所以伺服器回應的延遲比本地主機（！）少，並且可以保護您的網頁伺服器免受本地主機抓取攻擊
• 毫秒級啟動時間
• 每個頁面載入時都有一個全新的環境
  • 再見rm -rf node_modules！ WebContainer的內建npm客戶端是如此之快，以至於它在​​每次頁面加載時都運行全新的安裝，從而確保您每次都能獲得一個乾淨的環境。如果您的環境確實出現問題，則可以像處理其他任何Web應用程式一樣恢復到乾淨的狀態：按一下「刷新」按鈕
• 使用StackBlitz，無論您是在火車上，在飛機上還是在雨中後座時，都可以在沒有互聯網連接的情況下繼續工作

使用StackBlitz新穎的計算模型，100％的代碼執行發生在瀏覽器安全沙箱中。與本地相比，這導致了更快，更少限制的開發環境，同時又提供了更高的安全性，這是非常罕見的組合。

• 實際上，預設的安全狀況是如此穩固，以至於我們的嵌入式軟體套件管理器是第一個可公開獲得的工具，可以解決五年多來未解決的Sam Saccone長期未解決的npm漏洞

• 同樣，這些環境不在遠端伺服器上運行。而是，每個環境都完全包含在您的網頁瀏覽器中。沒錯：Node.js運行時本身第一次在瀏覽器中本機運行

  寫在最後

• WebAssembly強大到足以編寫作業系統，但是這次WebContainers把這個技術使用方向放在了Node.js上，我覺得是有劃時代意義的
• 在我看來，這個技術在未來最主要應用方向是，可以使世界範圍內的軟體在以前無法運行的地方運行，以後電腦上可能只需要安裝一個谷歌瀏覽器

#更多程式相關知識，請造訪：程式設計影片！ ！

以上是淺談瀏覽器中本地運行Node.js的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！