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

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

  • 一、CSDN云IDE平台介绍
    • 1.1 CSDN云IDE平台简介
    • 1.2 CSDN云IDE平台特点
  • 二、本次实践介绍
    • 2.1 本次实践介绍
    • 2.2 Etherpad简介
  • 三、登录CSDN云IDE平台
    • 3.1 登录CSDN开发云
    • 3.2 登录云IDE
    • 3.3 新建工作空间
    • 3.4 进入工作空间
  • 四、检查开发环境
    • 4.1 新建终端
    • 4.2 检查npm版本
  • 五、下载Etherpad源码
    • 5.1 下载Etherpad源码
    • 5.2 查看源码文件
  • 六、部署Etherpad
    • 6.1 进入源码目录
    • 6.2 启动Etherpad服务
    • 6.3 浏览器中测试打开
  • 七、在云IDE中测试服务
    • 7.1 打开并编辑preview.yml文件
    • 7.2 修改启动命令
    • 7.3 在云IDE中测试服务

一、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文件，点击刷新即可。

  • 在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/89825.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Java 中的集合类有哪些？如何分类的？

Java 中的集合类有哪些？如何分类的？

面试回答 Java 的整个集合框架中，主要分为 List、Set、Queue、Stack、Map 等五种数据结构。其中，前四种数据结构都是单一元素的集合，而最后的 Map 则是以 KV 对的形式使用。 从继承关系上讲，List、Set、Queue都是 Collection 的子…
阅读更多...
vscode c++编译时报错

vscode c++编译时报错

文章目录 1. 报错内容：GDB Failed with message;2. 报错内容：Unable to start debugging. 1. 报错内容：GDB Failed with message; 例如上图报错，一般就是编译器选择错误，有两种方法解决： 打开 tasks.json …
阅读更多...
React 全栈体系（三）

React 全栈体系（三）

第二章 React面向组件编程 四、组件三大核心属性3: refs与事件处理 1. 效果 需求: 自定义组件, 功能说明如下: 点击按钮, 提示第一个输入框中的值当第2个输入框失去焦点时, 提示这个输入框中的值 2. 理解 组件内的标签可以定义ref属性来标识自己 3. 编码 3.1 字符串形式…
阅读更多...
什么是计算机视觉,计算机视觉的主要任务及应用

什么是计算机视觉,计算机视觉的主要任务及应用

目录 1. 什么是计算机视觉 2. 计算机视觉的主要任务及应用 2.1 图像分类 2.1.1 图像分类的主要流程 2.2 目标检测 2.2.1 目标检测的主要流程 2.3 图像分割 2.3.1 图像分割的主要流程 2.4 人脸识别 2.4.1 人脸识别的主要流程 对于我们人类来说，要想认出身边…
阅读更多...
CUDA小白 - NPP(1) - NppCore

CUDA小白 - NPP(1) - NppCore

cuda小白 原文链接 NPP GPU架构近些年也有不少的变化，具体的可以参考别的博主的介绍，都比较详细。还有一些cuda中的专有名词的含义，可以参考《详解CUDA的Context、Stream、Warp、SM、SP、Kernel、Block、Grid》 先从最基本的开始&#xff0…
阅读更多...
VS插件DevExpress CodeRush v23.1 - 支持Visual Studio ARM

VS插件DevExpress CodeRush v23.1 - 支持Visual Studio ARM

DevExpress CodeRush是一个强大的Visual Studio .NET 插件，它利用整合技术，通过促进开发者和团队效率来提升开发者体验。CodeRush能帮助你以极高的效率创建和维护源代码。Consume-first 申明，强大的模板，智能的选择工具&#xff0…
阅读更多...
【力扣】216. 组合总和 III ＜回溯、回溯剪枝＞

【力扣】216. 组合总和 III ＜回溯、回溯剪枝＞

【力扣】216. 组合总和 III 找出所有相加之和为 n 的 k 个数的组合，且满足下列条件： 只使用数字 1 到 9，每个数字最多使用一次，返回所有可能的有效组合的列表 。该列表不能包含相同的组合两次，组合可以以任何顺序返回…
阅读更多...
Hbase文档--架构体系

Hbase文档--架构体系

阿丹： 基础概念了解之后了解目标知识的架构体系，就能事半功倍。 架构体系 关键组件介绍： HBase – Hadoop Database，是一个高可靠性、高性能、面向列、可伸缩的分布式存储系统，利用HBase技术可在廉价PC Server上搭建起…
阅读更多...
记录一次presto sql执行报错 Error executing query的解决办法

记录一次presto sql执行报错 Error executing query的解决办法

在执行presto sql 时报错截图如下： 查看后台执行报错日志： java.sql.SQLException: Error executing query at com.facebook.presto.jdbc.PrestoStatement.internalExecute(PrestoStatement.java:307) at com.facebook.presto.jdbc.PrestoStatement.exe…
阅读更多...
leetcode76. 最小覆盖子串(滑动窗口-java)

leetcode76. 最小覆盖子串(滑动窗口-java)

滑动窗口 最小覆盖子串滑动窗口代码 上期经典 最小覆盖子串 难度 - 困难 原题链接 - 最小覆盖字串 给你一个字符串 s 、一个字符串 t 。返回 s 中涵盖 t 所有字符的最小子串。如果 s 中不存在涵盖 t 所有字符的子串，则返回空字符串 “” 。 注意： 对于 t…
阅读更多...
学习pytorch5 常用的transforms

学习pytorch5 常用的transforms

常用的transforms 1. ToTensor()2. Normalize() 1. ToTensor() 2. Normalize() # 1. ToTensor 把PIL图片类型数据或ndarry numpy数据类型转换为tensor类型数据 from cv2 import imread from torchvision import transforms from torch.utils.tensorboard import SummaryWrit…
阅读更多...
Rust处理JSON

Rust处理JSON

基本操作 Cargo.toml: [package]name "json"version "0.1.0"edition "2021"# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html[dependencies]serde { version "1", features …
阅读更多...
【android12-linux-5.1】【ST芯片】驱动与HAL移植后数据方向异常

【android12-linux-5.1】【ST芯片】驱动与HAL移植后数据方向异常

ST的传感器驱动与HAL一直成功后，能拿到数据了，但是设备是横屏，系统默认是竖屏。就会出现屏幕自动转动时方向是错的的情况，设备横立展示的是竖屏，设备竖立展示的是横屏。 这个是PCB上设计的传感器贴片方向和横屏不一致…
阅读更多...
生成式人工智能的潜在有害影响与未来之路（三）

生成式人工智能的潜在有害影响与未来之路（三）

产品责任法的潜在适用 背景和风险 产品责任是整个二十世纪发展起来的一个法律领域，旨在应对大规模生产的产品可能对社会造成的伤害。这一法律领域侧重于三个主要危害：设计缺陷的产品、制造缺陷的产品和营销缺陷的产品。产品责任法的特点有两个要素&…
阅读更多...
Hadoop Yarn 配置多队列的容量调度器

Hadoop Yarn 配置多队列的容量调度器

文章目录 配置多队列的容量调度器多队列查看 配置多队列的容量调度器 首先，我们进入 Hadoop 的配置文件目录中（$HADOOP_HOME/etc/hadoop）； 然后通过编辑容量调度器配置文件 capacity-scheduler.xml 来配置多队列的形式。 默认只…
阅读更多...
【业务功能篇73】分布式ID解决方案

【业务功能篇73】分布式ID解决方案

业界实现方案 1. 基于UUID2. 基于DB数据库多种模式(自增主键、segment)3. 基于Redis4. 基于ZK、ETCD5. 基于SnowFlake6. 美团Leaf(DB-Segment、zkSnowFlake)7. 百度uid-generator() 1.基于UUID生成唯一ID UUID:UUID长度128bit，32个16进制字符，占用存储空…
阅读更多...
springcloud3 GateWay章节-Nacos+gateway（跨域，filter过滤等5

springcloud3 GateWay章节-Nacos+gateway（跨域，filter过滤等5

一 常用工具类 1.1 结构 1.2 跨域 Configuration public class CorsConfig {Beanpublic CorsWebFilter corsFilter() {CorsConfiguration config new CorsConfiguration();config.addAllowedMethod("*");config.addAllowedOrigin("*");config.addAllowe…
阅读更多...
gma 2 教程（二）数据操作：6.NumPy数组交互

gma 2 教程（二）数据操作：6.NumPy数组交互

gma 栅格数据集可以通过 ToArray 方法将栅格数据转为NumPy数组，也提供将NumPy数据转换为栅格数据（集）的方法。 读取NumPy数组到数据集 （一）函数简介  　（二）示例 保存NumPy数组到文件 &…
阅读更多...
Stable Diffusion 系列教程 | 如何获得更高清优质的AI绘画

Stable Diffusion 系列教程 | 如何获得更高清优质的AI绘画

目录 1 高清修复 1.1 原理 1.2 基本操作 1.3 优缺点 2 UpScale 放大脚本 2.1 原理 2.2 基本操作 2.3 优缺点 3 附加功能放大 3.1 原理 3.2 基本操作 3.3 优缺点 优化出图质量，产出更高清，分辨率更高，更有细节的绘画作品呢&#x…
阅读更多...
05-Numpy基础-用于数组的文件输入输出

05-Numpy基础-用于数组的文件输入输出

np.save和np.load是读写磁盘数组数据的两个主要函数。默认情况下，数组是以未压缩的原始二进制格式保存在扩展名为.npy的文件中的： 如果文件路径末尾没有扩展名.npy，则该扩展名会被自动加上。然后就可以通过np.load读取磁盘上的数组&#xff1…
阅读更多...
最新文章

Copyright @ 2022~2023