OpenVSCode云端IDE加入Rainbond一体化开发体系

March 16, 2022 · 7 min read

OpenVSCode 是一款基于Web 界面的在线IDE 代码编辑器，只需要PC端存在浏览器即可使用，更轻量，高效，简洁，其基础功能完全继承了微软出品的 VS Code ，可以通过安装扩展的方式继续加强代码编辑能力。Rainbond 开源应用商店推出的 OpenVSCode 预安装了 gitlab-workflow 扩展用于对接私有化代码仓库 Gitlab，同时预装了常见语言运行环境（目前版本集成了Golang , Node.js , python , java ），可以在 Terminal 终端中快速调试业务代码。

Rainbond 有能力快速搭建一体化开发环境，通过对接代码仓库 webhook 机制，完成业务从代码开始，到最终上线的全流程。通过纳入 OpenVSCode 云端 IDE，可以将 Rainbond 一体化开发体系全部托管于云端，开发人员只需要一个浏览器，即可完成代码从编辑到上线的全流程。

为了实现上述的目标，本文会按照操作顺序逐次讲解：

一键安装 OpenVSCode 和 Gitlab

借助 Rainbond 内置的开源应用商店，一键安装 OpenVSCode 和 Gitlab ，是搭建一体化开发体系最快捷的方式。

OpenVSCode 对接 Gitlab

借助 OpenVSCode 自带的扩展机制，完成与 Gitlab 的对接，可以获取 Gitlab 中的代码仓库。

编码与调试

在 OpenVSCode 的帮助下，基于浏览器完成各种有关编码与调试的高级操作。

Gitlab 对接 Rainbond

通过 Oauth2.0 协议打通 Rainbond 与 Gitlab，方便地将 Gitlab 中的项目部署到 Rainbond 中去，并自动配置 Webhook 。

代码提交触发自动构建

验证整个场景的效果，从 OpenVSCode 提交代码后，完成 Rainbond 上部署项目的自动发布上线。

一键安装 OpenVScode 和 Gitlab

一体化开发体系中所引用的 OpenVSCode 和 Gitlab 都已经加入 Rainbond 开源应用商店，供用户一键安装部署。

在开源应用商店中搜索，点击安装即可一键部署 Gitlab 应用，注意选择 14.8.2 版本：

在开源应用商店中搜索，点击安装即可一键部署 OpenVSCode 应用，目前提供 1.64.2 版本：

整体拓扑：

OpenVSCode 对接 Gitlab

Rainbond 提供的 OpenVSCode 默认集成了 Gitlab-workflow 扩展，该扩展为 OpenVSCode 提供了对接 Gitlab 代码仓库的能力，开发人员可以直接查看 Gitlab 中托管的代码仓库，并一键克隆到工作空间中。

OpenVSCode对接Gitlab仓库
- 通过对接代码仓库，可以更加快速的拉取，提交代码，并且可以通过IDE进行代码的调试功能
- 填写 Gitlab 对应的 URL（如果是平台部署的 Gitlab 则为http访问的域名）以及 token即可
- 对接成功以后，可以直接克隆仓库代码在终端进行编码、调试、推送等功能。
Gitlab 获取 Token
- 在GitLab中，单击右上角并选择“首选项”在左侧边栏中。选择访问令牌，然后选择“添加个人访问令牌”
- 权限：api , read_user