【玩转 Cloud Studio】不一样的本地与云协作

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 一定是你的不二之选。

搭建项目的基本流程

1. 首先登录到 Cloud Studio 的控制台界面中，登陆到你的控制台

image.png

1. 使用基本模板来创建一个工作空间

以Springboot模板为例，在左边栏的快速开始中选择全部模板 -> 选择 Springboot 并创建

image-1660631362671

选择后 Cloud Studio 就会为你开始部署一个搭载了 Cloud Studio 的 2C4G 的云服务器环境，部署完成后 Cloud Studio 会为你自动启动该 Springboot 项目并实时展示 Web 页面

image-1660632057387

1. 接下来的操作就可普通开发 Springboot 项目一样了。同样的，你也可以像操作本地那样使用Bash命令来配置 maven 或 gradle 的统一镜像源，CS 拉取 maven 仓库的速度还是比较可观的。

Cloud Studio 默认误操作 5 分钟后会自动关闭系统资源以减少内存开销。Cloud Studio 每个月为 2C4G 的机型提供了约 16.5 个小时的使用时长，对于短期开发用户或团队来说是一个不错的选择。

1. 同样的 CS 在创建空项目时可以从 Git 仓库中拉取项目进行部署

image-1660634739410

使用协作

Cloud Studio 提供了一套非常完善的 Cloud Studio MetaWork 协作套件，在侧边栏中打开 Cloud Studio MetaWork 即可轻松开启协作模式

image-1660632553969

邀请成员后只需将邀请链接发送给他人即可，Cloud Studio MetaWork 同样支持在线留言、视频、语音通话等写作方式，进一步提高了团队协作开发的效率

image-1660632664807

使用已有的云服务器搭建Cloud Studio

这里以 4C8G Linux 的轻量级腾讯云服务器作为演示

1. 在新建工作空间中选择云主机

image-1660634849473

1. 在填写信息时需要将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 插件可以有效解决这种问题来实现本地端开发。

1. 在本地 VS Code 中安装 Remote SSH 插件
2. 在 Remote SSH 的 config 中配置你的主机 SSH 信息

image-1660636087303

配置中的各键值含义如下：

• Host是这个ssh信息在你本地的显示内容
• HostName是你的远程ssh的公网ip
• User是你的远程ssh的用户名，如果远程是Linux系统的话，这个就是你登录Linux的用户名
  

  image-1660636201028
• 保存后在侧边栏中轻点 Host 旁边的窗口按钮即可连接至你的主机

image-1660636290461

第一次连接让你选择操作系统并输入密码来验证信息

1. 每次都需要密码验证就显得非常麻烦，这里使用 SSH 公钥对来实现免密登陆：

• 在本地终端中输入 ssh-keygen 一直回车就可以生成你的 SSH 公钥（如果询问是否覆盖则说明你之前生成过一次）
  

  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 来开发更多的项目。