浏览器运行 Node.js

zip11

你可以在 StackBlitz.com 上自己尝试一下：

WebAssembly 的出现让我们可以有能力编写基于 WebAssembly 的操作系统，这个操作系统的功能强大到可以完全在浏览器中运行 Node.js。

Google I/O 主题演讲中 stackblitz 向大家介绍了他们与 Next.js 和 Google 团队合作开发的在线 IDE WebContainers ，真的是非常惊艳。

WebContainers

WebContainers 允许你创建一个完整的 Node.js环境，它可以在毫秒内启动，并且可以实现一键联机和链接共享。这个环境具有 VS Code 强大的编辑功能，完整的终端，还有 npm 等功能。它也完全在你的浏览器中运行，这带来了一些关键的好处：
• 比本地环境快。构建速度比 yarn/npm 快 20％，包安装速度可以快 5倍。
• 支持在浏览器中调试 Node.js 。与 Chrome DevTools 的无缝集成可实现本机后端调试，无需安装扩展。
• 默认安全。所有代码执行都发生在浏览器的安全沙箱中，而不是在远程 VM 或本地二进制文件上。

同样，这些环境不需要在远程服务器上运行。而是每个环境都完全包含在你的 Web 浏览器中。没错：Node.js 运行时本身是第一次在浏览器内部本机运行。

旧版在线 IDE 在远程服务器上运行整个开发环境，并将结果通过 Internet 流回浏览器。这种方法的问题在于它太不安全了，而且几乎在所有方面都比你的本地计算机体验更差：首先需要耗时几分钟来启动容器，并且容易出现网络延迟，没有办法离线工作，经常导致网络超时，调试一个已经挂掉的容器几乎是不可能的。