Cloud Studio

不一樣的本地與雲協作

協作新體驗

Cloud Studio 是基于浏覽器的內建式開發環境（IDE），為開發者提供了一個永不間斷的雲端工作站。使用者在使用 Cloud Studio 時無需安裝，随時随地打開浏覽器就能使用。

如果你用過 Codespaces 、DevCloud 、GitPod ( GitHub 的 Online IDE ) 、華為 CloudIDE 亦或是金蝶雲雲開發等功能那 Cloud Studio 你一定再熟悉不過。Cloud Studio 不僅內建了市面上所有 Online IDE 的優點，更适配了自家雲伺服器讓雲開發雲協作觸手可得，搭載自家研發的 Cloud Studio MetaWork 套件讓協作 0 距離。

如果你還在糾結是選擇 VS Code 的 Remote SSH 還是 Jetbrains 的 Code With Me 進行協作開發，那麼 Cloud Studio 一定是你的不二之選。

搭建項目的基本流程

首先登入到 Cloud Studio 的控制台界面中，登陸到你的控制台

image.png

使用基本模闆來建立一個工作空間

以Springboot模闆為例，在左邊欄的快速開始中選擇全部模闆 -> 選擇 Springboot 并建立

image-1660631362671

選擇後 Cloud Studio 就會為你開始部署一個搭載了 Cloud Studio 的 2C4G 的雲伺服器環境，部署完成後 Cloud Studio 會為你自動啟動該 Springboot 項目并實時展示 Web 頁面

image-1660632057387

接下來的操作就可普通開發 Springboot 項目一樣了。同樣的，你也可以像操作本地那樣使用Bash指令來配置 maven 或 gradle 的統一鏡像源，CS 拉取 maven 倉庫的速度還是比較可觀的。

Cloud Studio 預設誤操作 5 分鐘後會自動關閉系統資源以減少記憶體開銷。Cloud Studio 每個月為 2C4G 的機型提供了約 16.5 個小時的使用時長，對于短期開發使用者或團隊來說是一個不錯的選擇。

同樣的 CS 在建立空項目時可以從 Git 倉庫中拉取項目進行部署

image-1660634739410

使用協作

Cloud Studio 提供了一套非常完善的 Cloud Studio MetaWork 協作套件，在側邊欄中打開 Cloud Studio MetaWork 即可輕松開啟協作模式

image-1660632553969

邀請成員後隻需将邀請連結發送給他人即可，Cloud Studio MetaWork 同樣支援線上留言、視訊、語音通話等寫作方式，進一步提高了團隊協作開發的效率

image-1660632664807

使用已有的雲伺服器搭建Cloud Studio

這裡以 4C8G Linux 的輕量級騰訊雲伺服器作為示範

在建立工作空間中選擇雲主機

image-1660634849473

在填寫資訊時需要将SSH公鑰資訊進行複制

image-1660635127929

回到騰訊雲伺服器（這裡使用寶塔面闆示範），進入目錄 /root/.ssh 建立檔案 authorized_keys（沒有字尾）然後将剛剛複制的 ssh 公鑰加入該檔案中并儲存

image-1660635393994

打開終端并執行以下指令來重新整理 SSH 服務

cd /root/.ssh
service sshd restart

複制

SSH 服務重新整理完成後，回到 Cloud Studio 頁面内點選建立按鈕即可與雲伺服器完成連接配接。Cloud Studio 在初始完成後會在 /root 檔案夾下建立 /RemoteWorking 檔案夾，Cloud Studio 項目将被建立于此。

image-1660635734095

使用自己的雲伺服器搭建 Cloud Studio 不會扣除标準型機器的免費時長。

使用 Remote SSH 本地連接配接

雖然網頁端開發有大量優點，但仍然無法将本地項目或檔案随意拖入工作區。使用本地 VS Code 的 Remote SSH 插件可以有效解決這種問題來實作本地端開發。

在本地 VS Code 中安裝 Remote SSH 插件
在 Remote SSH 的 config 中配置你的主機 SSH 資訊

image-1660636087303

配置中的各鍵值含義如下：

Host是這個ssh資訊在你本地的顯示内容
HostName是你的遠端ssh的公網ip
User是你的遠端ssh的使用者名，如果遠端是Linux系統的話，這個就是你登入Linux的使用者名

【玩轉 Cloud Studio】不一樣的本地與雲協作不一樣的本地與雲協作
image-1660636201028
儲存後在側邊欄中輕點 Host 旁邊的視窗按鈕即可連接配接至你的主機

image-1660636290461

第一次連接配接讓你選擇作業系統并輸入密碼來驗證資訊

每次都需要密碼驗證就顯得非常麻煩，這裡使用 SSH 公鑰對來實作免密登陸：

在本地終端中輸入 ssh-keygen 一直回車就可以生成你的 SSH 公鑰（如果詢問是否覆寫則說明你之前生成過一次）

【玩轉 Cloud Studio】不一樣的本地與雲協作不一樣的本地與雲協作
image-1660636458050
紅色框中的就是你的公鑰檔案存放的位置
打開到該檔案夾中将 id_rsa.pub（pub 檔案類型的就可以）内的 ssh-rsa 資訊複制到雲主機的 authorized_keys 檔案中
同建立雲主機操作一樣在伺服器上輸入 service sshd restart 來重新整理你的 SSH 服務

image-1660636805299

至此免密登陸就配置完成了，在 VS Code 内打開到 /root/RemoteWorking/ 即可看到我們的 Cloud Studio 的工程檔案。兩者的存在是優勢互補的，Cloud Studio 使得多裝置多平台都可以完成項目開發。

通過幾天的 Cloud Studio 協作開發體驗下來可以感受到雲協作的友善與強大，後續我們團隊會借助于 Cloud Studio 來開發更多的項目。

【玩轉 Cloud Studio】不一樣的本地與雲協作不一樣的本地與雲協作