侧边栏壁纸
博主头像
Dioxide-CN博主等级

茶边话旧,看几许星迢露冕,从淮海南来。

  • 累计撰写 50 篇文章
  • 累计创建 49 个标签
  • 累计收到 21 条评论

目 录CONTENT

文章目录

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

Dioxide-CN
2022-08-16 / 0 评论 / 2 点赞 / 108 阅读 / 2,010 字
温馨提示:
本文最后更新于 2022-08-16,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

image-1660629092827

不一样的本地与云协作

协作新体验

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-1660630615857

  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
  1. 保存后在侧边栏中轻点 Host 旁边的窗口按钮即可连接至你的主机
    image-1660636290461
    第一次连接让你选择操作系统并输入密码来验证信息

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

    1. 在本地终端中输入 ssh-keygen 一直回车就可以生成你的 SSH 公钥(如果询问是否覆盖则说明你之前生成过一次)
      image-1660636458050
    2. 红色框中的就是你的公钥文件存放的位置
    3. 打开到该文件夹中将 id_rsa.pub(pub 文件类型的就可以)内的 ssh-rsa 信息复制到云主机的 authorized_keys 文件中
    4. 同创建云主机操作一样在服务器上输入 service sshd restart 来刷新你的 SSH 服务

image-1660636805299

至此免密登陆就配置完成了,在 VS Code 内打开到 /root/RemoteWorking/ 即可看到我们的 Cloud Studio 的工程文件。两者的存在是优势互补的,Cloud Studio 使得多设备多平台都可以完成项目开发。
通过几天的 Cloud Studio 协作开发体验下来可以感受到云协作的方便与强大,后续我们团队会借助于 Cloud Studio 来开发更多的项目。

2

评论区