打造在线编程环境

部署 Web IDE

1、WebIDE是什么?

Coding WeblDE(https://ide.coding.net) 是 Coding 自主研发的在线集成开发环境 (IDE)。用户可以通过 WebIDE 创建项目的工作空间,进行在线开发,调试等操作,同时 WebIDE 集成了 Git 代码版本控制,支持绝大部分 Git 托管。

2、使用容器服务

容器服务简化了容器管理集群的搭建工作,整合了阿里云虚拟化、存储、网络和
安全能力,是 Docker 云端最佳运行环境。我们使用镜像市场中自带 Docker 容器的镜像。
在这里插入图片描述

3、部署过程:

1) 使用 PuTTY 作为传输终端

PuTTY 是自由的跨平台 Telnet/SSH 客户端,同时在 Win32 和Unix 系统下模拟 xterm 终端。其主要作者是 Simon Tatham。由 Larry Li 维护并开源的中文版:
下载地址:PuTTY
打开 Putty.exe 设置服务器ip、端口、用户名,双击保存即可。

2)安装WebIDE

双击保存的会话,输入密码后即可登入 SSH运行下面的代码以安装容器化的 WebIDE( 在命令行界面点击右键即可粘贴并运行 ):

# 拉取WedIDE项目
git clone https://github.com/Coding/WebIDE.git

# 进入目录
cd WebIDE

# 使用docker启动ide
./ide.sh docker run
# 容器服务运行完成

3)测试联通性

在浏览器中输入 IP 地址和端口,即可进入 WebIDE 的界面
在这里插入图片描述

4)使用 WebIDE

我们这里使用在 Github 的一个 DEMO 来演示如何操作

  1. 登录后我们先查看一下 IDE 的公钥,点击 Show public key
  2. 在 Github 的 Settings 中添加公钥
  3. 将 Github 仓库的 ssh 地址复制到 WebIDE 中,点击 Creating
  4. 点击 open 打开 ecsdemo
  5. 新建一个 测试文件
    在这里插入图片描述
  6. 保存后课在版本中进行提交
  7. 确认后再点击推送
  8. 在 Github 仓库中即可看到推送过来的文件
    在这里插入图片描述

第二种方案code

docker run -d -p 0808:8080 --name codeIDE -v "$PWD:/home/coder/project" -u "$(id -u):$(id -g)" codercom/code-server:latest
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值