【Linux应用部署篇】在CSDN云IDE平台部署Etherpad文档编辑器

一、CSDN云IDE平台介绍

1.1 CSDN云IDE平台简介

  • 官网网址:CSDN开发云IDE平台

  • CSDN云IDE平台是一个在线的集成开发环境,可用于编写、测试和部署代码。CSDN云IDE平台支持多种语言和框架,包括Java、Python、Node.js等,提供了丰富的编辑器、调试器和版本管理工具,帮助开发者快速创建和部署应用程序。CSDN云IDE平台在云端运行,开发者只需要一个浏览器,就可以任意地访问和使用该平台。CSDN云IDE平台还支持团队协作,可以轻松地共享代码和项目,提高团队的效率。

1.2 CSDN云IDE平台特点

CSDN云IDE平台有以下特点:

  • 一站式服务:平台提供了代码编写、调试、构建、部署等一系列工具和服务,用户只需要在一个平台上完成整个开发过程。

  • 多语言支持:平台支持多种编程语言,如Java、Python、C++等,用户可以根据自己的需求选择相应的语言进行开发。

  • 云端运行:平台基于云计算技术,用户可以在任何时间、任何地点,通过互联网接入平台进行开发和管理,无需担心硬件设备和环境的问题。

  • 团队协作:平台提供了多种协作工具和服务,支持多人同时协作开发项目,提高了团队协作效率。

  • 代码托管:平台与Git等常见代码托管平台集成,用户可以将代码托管在平台上,方便代码管理和版本控制。

  • 社区交流:平台内有大量开发者、技术专家和爱好者,用户可以通过平台参与讨论、分享经验和互动交流,提高技术水平和扩展人脉。

二、本次实践介绍

2.1 本次实践介绍

1.本次实践部署环境为CSDN开发云——云IDE平台;
2.本次实践主要用于学习及测试使用;
3.在CSDN云IDE平台环境下部署Etherpad文档编辑器。

2.2 Etherpad简介

  • Etherpad 允许您实时协作编辑文档,就像在浏览器中运行的实时多人编辑器一样。与您的朋友、同学或同事一起撰写文章、新闻稿、待办事项等,所有这些都在同一时间处理同一个文档。

三、登录CSDN云IDE平台

3.1 登录CSDN开发云

  • 登录CSDN后,点击我的云服务,进入CSDN开发云。

CSDN开发云

在这里插入图片描述

3.2 登录云IDE

  • 点击云IDE,进入云IDE管理页面。

在这里插入图片描述

在这里插入图片描述

3.3 新建工作空间

  • 点击新建工作空间

在这里插入图片描述

  • 填写工作空间名称,预置环境默认即可,代码来源,这里选择空,确认即可。
    在这里插入图片描述

3.4 进入工作空间

  • 点击启动进入IDE

在这里插入图片描述
在这里插入图片描述

四、检查开发环境

4.1 新建终端

  • 点击终端——新建终端

在这里插入图片描述

  • 新建bash终端

在这里插入图片描述
在这里插入图片描述

4.2 检查npm版本

  • 检查npm版本
npm -v

在这里插入图片描述

  • 检查node版本
node -v

在这里插入图片描述

五、下载Etherpad源码

5.1 下载Etherpad源码

  • 下载Etherpad源码
git clone https://gitcode.net/mirrors/ether/etherpad-lite.git

在这里插入图片描述

5.2 查看源码文件

  • 文件——打开文件夹——输入文件夹路径(默认/ide/workspace/workspace/etherpad-lite/),确认即可。

在这里插入图片描述

在这里插入图片描述

六、部署Etherpad

6.1 进入源码目录

root@ide-626421621cf1b603ec37b773-64e774edf624725f6e4a73a6:/ide/workspace/workspace/etherpad-lite# ls
CHANGELOG.md  CONTRIBUTING.md  Dockerfile  LICENSE  README.md  SECURITY.md  bin  doc  make_docs.js  node_modules  settings.json.docker  settings.json.template  src  start.bat  tests  var
root@ide-626421621cf1b603ec37b773-64e774edf624725f6e4a73a6:/ide/workspace/workspace/etherpad-lite# pwd
/ide/workspace/workspace/etherpad-lite

在这里插入图片描述

6.2 启动Etherpad服务

  • 启动Etherpad服务
src/bin/run.sh --root

在这里插入图片描述

6.3 浏览器中测试打开

在右下角的弹窗中,选择浏览器打开,自动跳转到本地浏览器打开。

在这里插入图片描述
在这里插入图片描述

七、在云IDE中测试服务

7.1 打开并编辑preview.yml文件

  • 打开——打开并编辑preview.yml文件

在这里插入图片描述

7.2 修改启动命令

在preview.yml文件中,修改应用启动命令以及启动端口

src/bin/run.sh --root
# preview.yml
autoOpen: true # 打开工作空间时是否自动开启所有应用的预览
apps:
  - port: 9001 # 应用的端口
    run: src/bin/run.sh --root # 应用的启动命令
    command: # 使用此命令启动服务,且不执行run
    preview: # 预览文件(文件路径),且不执行run和command命令
    root: ./ # 应用的启动目录
    name: my-first-app # 应用名称
    description: 我的第一个 App。 # 应用描述
    autoOpen: true # 打开工作空间时是否自动开启预览(优先级高于根级 autoOpen)

在这里插入图片描述

7.3 在云IDE中测试服务

在侧边栏打开preview.yml文件,点击刷新即可。

  • 在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/jks212454/article/details/132500390