docker 部署 WEB IDE

豆瑞瑞

已于 2024-09-29 18:09:57 修改

阅读量688

点赞数 2

CC 4.0 BY-SA版权

文章标签： linux

于 2024-09-29 17:14:36 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_63594548/article/details/142639794

简介

问题描述：GitCode 的 Web IDE 不满足个人使用需求
如何解决：在本机或云服务器部署 Web IDE

如何解决

拉取容器镜像

docker pull coder/code-server

运行

docker run -d --name vscode -p 8080:8080 -p 8443:8443 -e PASSWORD="123456" linuxserver/code-server

其他

WEB IDE 可以通过拖拽的方式上传文件到服务器
WEB IDE 对 Markdown 的渲染可能存在一些问题
对于 Edge 浏览器云服务器部署的 VS code 如果想要访问剪切板需要搭配 SSL 证书，SSL 证书需要服务器有域名,也就是只能上传文件不能复制文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

豆瑞瑞

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

打造在线编程环境-Web IDE

weixin_45212301的博客

06-24

1653

打造在线编程环境一、配置1.阿里云ECS服务器2. SSH控制台二、操作1.安装Docker容器环境2.部署Web IDE 一、配置 1.阿里云ECS服务器此处使用的是阿里云高校计划赠送的服务器，只要你是学生或者教师，就有机会跟我一起学习使用服务器哦！当然也可以进入购买页面来购买ECS服务器 2. SSH控制台这里有很多种选择，比如 Windows系统自带的的PowerShell、跨平台的PuTTY、阿里云自带的云控制台、二、操作 1.安装Docker容器环境我用的阿里云自带的云控制台

Docker 部署网页版 vscode (code-server)

m0_73096566的博客

04-22

4021

Docker 部署网页版 vscode (code-server)

参与评论您还未登录，请先登录后发表或查看评论

构建WebIDE编辑器系列三 -- docker下安装Cloud9(C9)

shopping.w

07-16

1448

参考文章https://post.smzdm.com/p/alpo08eo/ C9即Cloud9 一套在线编程的环境,不是那个Cloud9(游戏战队)啦,百度搜搜的第一个往往不是你最想要的那个,????. Cloud9连amazon都在用的啦不信你看https://aws.amazon.com/cn/cloud9/ 其实这个是文章开头博主写的第一篇,我也是最开始用的这个但是对比后面的cs 觉得这个不如cs好用,纯个人感觉,不接受反驳不接受"嘴炮",总之. 之前搭建好了远程的Jupyter 可以很

构建WebIDE编辑器系列二 -- docker下创建code-server

shopping.w

07-16

794

参考文章:https://post.smzdm.com/p/aekz3q4q/ 之前搭建好了远程的Jupyter 可以很英姿飒爽的编写代码了,可是那只能编写编译python这怎么行呢,博主我可是用java语言在揾食呢?终于等来了上次我参考的博主发的又一篇文章了....安装请参考开篇的那篇文章.这里我简单的写写我想写的 1 安装完首次进入安装后的"系统"里用docker命令进入 ... 呵呵然后安装需要的一些东西 sudo apt-get install -y gcc su...

构建WebIDE编辑器系列一 -- docker下创建数据分析 jupyter/datascience-notebook + tensorflow

shopping.w

07-16

2540

本文最初参考https://post.smzdm.com/p/az5expz0/ 本博主的资源 "服务器"一台有动态公网ip 博主开始也觉得 jupyter 好用但是你懂的. 我就想能不能整个jupyter服务器需要时直接输入ip即可开始coding ... 但我又懒,一次不经意间看到了本文开头的那篇文章.这这这不就是我想要的吗?! 所以立马也参考自己搭建了一个 1 docker下搜索datascience-notebook 找到jupyter/datascience-noteboo...

docker学习笔记(五) ——IDE远程连接docker

xiayz的博客

02-15

1064

文章目录一、配置docker可以远程连接二、IDE配置连接1.进入IDE配置搜索docker2. 添加docker总结一、配置docker可以远程连接进入docker配置文件 vim /lib/systemd/system/docker.service 修改访问权限 -H tcp://0.0.0.0:2375 3. 完整配置 ExecStart=/usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock

projector-docker:使用Docker远程运行JetBrains IDE

03-18

如何在Docker中运行JetBrains IDE并通过Web浏览器访问它？首先，使用所需的IDE提取图像： docker pull registry.jetbrains.team/p/prj/containers/projector-clion docker pull registry.jetbrains.team/p/prj/...

docker部署Selenium-Grid

qq_43911915的博客

04-12

5702

前言：什么是Selenium-Grid？在了解Selenium-Grid之前，我们先来了解什么是Selenium？ Selenium 支持 Web 浏览器的自动化，它提供一套测试函数，用于支持 Web 自动化测试。函数非常灵活，能够完成界面元素定位、窗口跳转、结果比较等功能。支持多种浏览器、多种编程语言（Java、C#、Python、Ruby、PHP 等）、支持多种操作系统（Windows、Linux、IOS、Android 等）、开源免费。它主要由三个工具组成：WebDriver、IDE、Grid。 S

【Spring Boot】基于Spring Boot 3.2和Java 17的现代化Web应用开发教程：涵盖安全认证、数据持久化及Docker部署

06-13

此外，文章还介绍了Docker容器化部署和应用监控的方法，帮助开发者实现应用的高效管理和运维。适合人群：具备一定编程基础，尤其是对Java和Spring框架有一定了解的研发人员，特别是工作1-3年的开发人员。使用场景...

【unraid】安装pycharm web IDE docker应用

aphoneringing的博客

11-14

309

unraid中安装pycharm web IDE 的docker应用，可以在网页端打开pycharm写python代码

sapwebide-docker:启动正在运行的 SAP Web IDE 本地安装的 Dockerfile

06-09

Docker 中的 SAP Web IDE 本地安装该项目的目的是在独立的、可重复的环境中轻松快速地运行 SAP Web IDE，而不考虑平台或其他依赖项。这是通过构建一个预先安装了以下内容的 Docker 容器来实现的： Debian Linux (Wheezy) Oracle Java JRE 8 Eclipse猎户座日蚀导演 SAP Web IDE 1.8 本地安装这是在 SAP Mobile 技术背景下对微服务和 DevOps 概念进行一般探索的一部分。然而，这不是“合适的”微服务，因为 SAP Web IDE 的微服务实现将分解为更细粒度的服务。重要的这仅用于实验和演示目的。它不适用于生产用途。生成的 Docker 容器不应分发或发布在公共存储库上，因为它包含专有组件。内容快速设置目标机器上唯一需要的是 Docker 运行时。在 Mac 或 Win

Intellij IDEA Dockerfile书写插件

08-07

Intellij IDEA Dockerfile书写插件，方便IDE书写Dockerfile，直接导入重启即可使用

docker安装web版vscode

qq_45411088的博客

10-18

269

【代码】docker安装web版vscode。

Docker&&K8s 学习系列 (3) --IDE操作容器内部

eswang的优快云博客

06-27

2059

最近一直纠结一些开发环境的问题，docker大法虽好，但是一直用vim写，或者在本地写重新构建image也不是个事啊，就想着有没有一种办法能直接在容器中写代码并更新，最好还可以用IDE。果然，微软牛逼。VScode中的remote container完美的解决了我的问题。方法很简单，把学习过程分享一下。镜像构建首先还是制作一个简单的image，Dockerfile如下： FROM ...

web ide

longtails的博客

06-11

2364

web ide 在做项目中，遇到一个这样的场景，当我们把系统服务搭建好，给用户显示的时候，如果用命令行一步步的走，感觉会把他们弄晕，另外，交付系统，还得一步步的写操作流程，遇到一点问题，就还得补充进去，所以我就想，能不能搭建一个web-ide,用户直接把代码复制上去，点点点，就能完成系统的完整体验。当然，还有就是Web-ide对于移动办公、合作开发也有帮助，比如我想把我的代码给别人看，直接在他电...

初试 Coding.net 在线IDE——WebIDE

最新发布

guchuanhang的专栏

08-05

428

本文介绍了Linux系统管理中的三个重要工具：systemctl用于管理系统服务，包括启动/停止服务和设置开机自启；journalctl用于查看systemd日志，支持按服务筛选和实时跟踪；以及基本日志查看和端口占用检查方法。文中还讲解了.service文件的存放位置差异，提供了常用命令参考和实用技巧，如查看Nginx进程启动时间、日志关键字搜索等。这些工具和技巧能有效帮助管理员进行日常系统维护和故障排查。

dockerdesktop部署web项目

03-24

### 如何使用 Docker Desktop 部署 Web 项目 #### 准备工作在开始之前，需要确保已经成功安装了 Docker Desktop 并启动服务。可以通过访问 Docker 官网的 Docker Desktop 下载页面来获取适用于操作系统的安装程序[^1]。 #### 创建 Dockerfile 文件为了构建自定义的 Docker 镜像，通常会创建一个名为 `Dockerfile` 的文件。可以手动新建一个空白文件并命名为 `Dockerfile` 或者通过 IDE 提供的功能快速生成该文件[^4]。以下是基于 Nginx 和 ASP.NET Core 的两个常见场景： ##### 场景一：Nginx 静态网站部署如果要部署静态网页或者简单的 HTML/CSS/JavaScript 应用，可以选择以官方 Nginx 镜像为基础镜像，并将项目的资源复制进去。 ```dockerfile # 使用官方 Nginx 镜像作为基础环境 FROM nginx:alpine # 将本地目录中的 html 资源拷贝至容器内的 /usr/share/nginx/html/ COPY ./html /usr/share/nginx/html/ # 暴露端口 EXPOSE 80 # 启动命令，默认由 Nginx 镜像提供 CMD ["nginx", "-g", "daemon off;"] ``` 此方法适合于仅需展示前端内容而无需复杂逻辑的应用[^2]。 ##### 场景二：ASP.NET Core Web API 部署对于更复杂的后端应用，比如 .NET 6 Web API，则需要额外配置数据库连接字符串以及调整网络设置以便能够正确访问宿主机上的 SQL Server 数据库实例。 ```dockerfile # 构建阶段 - 设置开发环境 FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build-env WORKDIR /app # 复制 csproj 文件并恢复依赖项 COPY *.csproj ./ RUN dotnet restore # 编译应用程序代码 COPY . . RUN dotnet publish -c Release -o out # 发布阶段 - 切换到轻量级运行时图像 FROM mcr.microsoft.com/dotnet/aspnet:6.0 WORKDIR /app ENV ConnectionStrings__DefaultConnection="Server=host.docker.internal,1433;Database=mydb;User Id=sa;Password=P@ssw0rd;" COPY --from=build-env /app/out . # 开放指定端口号给外部请求进入容器内部的服务监听地址 ENTRYPOINT ["dotnet", "MyApp.dll"] # 映射容器内服务对外暴露接口映射关系 EXPOSE 5000/tcp ``` 这里特别注意的是设置了环境变量 `dyConnectionStr` 来指向宿主机上的 SQL Server 实例，利用了 `host.docker.internal` 特殊域名解析机制实现跨平台兼容性支持[^3]。 #### 测试与验证完成上述步骤之后就可以测试整个流程是否顺畅无误啦！ - **拉取所需的基础镜像** 如果还没有下载目标使用的底层操作系统版本或者其他组件的话，请先执行相应的 pull 命令加载进来。 ```bash docker pull nginx:latest ``` - **构建自己的定制化镜像** 根据前面准备好的 Dockerfile 执行下面这条语句即可打包成新的 image 形象 ```bash docker build -t mywebproject:v1 . ``` - **运行新建立起来的 container** 接下来就是实际启动这个刚刚制作完毕的新容器咯！记得把 `-p` 参数设定好对应的真实物理机器 port number ，这样才能让外界顺利连入虚拟空间里的 web server 啊~ ```bash docker run -d -p 8080:80 --name my-running-app mywebproject:v1 ``` 最后一步便是确认一切运转正常喽~ 只需要用浏览器打开 http://localhost:8080 即可看到效果啦！ ---