首頁  >  文章  >  web前端  >  淺談瀏覽器中本地運行Node.js的方法

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

青灯夜游
青灯夜游轉載
2021-05-25 10:06:102587瀏覽

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

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

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

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

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

大早上,我收到一封電子郵件,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中的所有計算都會在瀏覽器安全沙箱中立即發生,並且無法爆發到您的本機電腦上。該模型還釋放了一些關鍵的開發和調試優勢(在幾秒鐘內便會提供更多優勢)。

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

釋放瀏覽器的功能
  • #使用Chrome DevTools無縫進行Node.js偵錯

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

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

#運行伺服器,在你的瀏覽器中
    其實。 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的方法

#更多程式相關知識,請造訪:程式設計影片! !

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

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除