在 ChromeOS 上開發網頁應用程式,與在其他作業系統上開發網頁應用程式幾乎相同。凡是可在 Linux 中執行的程式碼編輯器、IDE、工具或語言,都可在 ChromeOS 中執行。ChromeOS 甚至還提供專為網頁開發設計的功能。
程式碼編輯器和 IDE
任何可在 Linux 上執行的程式碼編輯器或 IDE,都可在 ChromeOS 上執行。ChromeOS 上的 Linux 是 Debian 安裝程式,而 Debian 的程式碼編輯器和 IDE 通常會透過下列三種方式之一安裝。舉例來說,Visual Studio Code 提供.deb檔案,您只要按兩下即可透過「檔案」應用程式安裝。IntelliJ 則提供 tar 檔案下載,內含可執行檔,您可以將檔案解壓縮到 Linux 容器並執行。Sublime Text 會要求你從apt安裝。
語言和工具
無論您的堆疊是 JAM 或 LAMP,或是您是 Python 或 Gopher,只要能在 Linux 上執行,就能在 ChromeOS 上執行。安裝語言和工具時,建議使用語言版本管理工具,簡化安裝和升級程序,並允許您在處理每個專案時,切換使用多個語言版本。RVM 是 Ruby 版本管理工具,也是最古老且最出色的語言版本管理工具之一,可讓您管理多個 Ruby 版本的 Ruby 和依附元件 (稱為 Gem)。大多數其他語言都有類似的版本管理工具。這個網站是以 Node.js 建構而成,支援 Volta 和 NVM,可管理 Node 版本。如果你偏好透過 Docker 管理語言和工具,也可以這麼做。
本機主機通道和通訊埠轉送
在 VM 中執行 ChromeOS 版 Linux 時,系統會自動將 Linux 環境中執行的伺服器轉送至主要的 Chrome 瀏覽器。也就是說,您可以使用所有喜愛的 Chrome 工具開發網頁應用程式,不必擔心如何測試建構內容。不過,有時您會想將電腦上的連接埠分享給相同網路上的其他裝置。如需這麼做,請參閱如何設定通訊埠轉送。
你喜愛的 Chrome
ChromeOS 也提供您熟悉且愛用的所有 Chrome 開發工具。由於 Linux 會將連接埠轉送至 Chrome,因此您可以充分運用 Chrome 開發人員工具的所有功能 (包括 Lighthouse),以及 Accessibility Insights of Web 等實用的 Chrome 擴充功能,開發應用程式。如要這麼做,請在 Linux 環境中啟動網路伺服器,然後在主要的 Chrome 瀏覽器中前往 localhost:PORT (將 PORT 替換為伺服器的通訊埠號碼)。如有需要,您也可以使用 penguin.linux.test 做為 localhost 的備援。
不只是 Chrome
在 ChromeOS 上開發網頁應用程式時,您可享有其他桌上型作業系統無法比擬的優勢,也就是平台層級的真正行動瀏覽器支援。在 ChromeOS 上開發網頁應用程式時,您不只能在 Chrome 中測試,透過 Google Play 商店,您可以安裝真正的行動瀏覽器,並用來測試網頁應用程式。您甚至可以安裝在 Linux 上執行的其他完整電腦版瀏覽器,並在其中進行測試。ChromeOS 使用者會在 Chrome 中使用您的網路應用程式,但我們瞭解建構可供所有人使用的網路應用程式的重要性,無論使用者選擇哪種瀏覽器。
在其他 Linux 瀏覽器中測試網頁應用程式相當簡單:按照 Linux 安裝說明安裝這些瀏覽器,然後像平常一樣使用,包括存取 localhost。不過,透過 Google Play 商店安裝的瀏覽器必須視為外部裝置。如要在這些瀏覽器中使用伺服器,請在「終端機」中執行 hostname -I,找出 IP 位址,然後在導覽時使用該 IP 位址取代 localhost,並記得一併加入通訊埠。