Odoo的“开发伴侣”——VscodeOnline

点击上方“神州数码云基地”,查看原文

付天愿

高级后端开发工程师

一枚擅长后端开发的钓鱼爱好者

特点一:跨平台

VSCodeOnline基于浏览器,可以实现跨多平台的访问。可以在任何PC、Pad或移动设备上不限工作环境地进行在线项目的开发。

也就是说,只要你的设备能够联网并且有一个浏览器,就能运行VSCodeOnline来进行需求开发,提升开发体验。

特点二:自定义

你可以通过安装各种VSCode插件将VSCodeOnline配置成适合自己的IDE,也可以配合多插件进行多语言多项目开发。

特点三:安全性

下面我们来看看

配置VSCodeOnline的三种方案

配置方案

方案一

微软官方提供一个VSCodeOnline的收费版本(含azure的服务器费用,属于捆绑销售)

由于微软服务器在国内打开非常卡,费用较贵,不推荐。

方案二

VSCode是基于node的electron框架开发的IDE工具,我们可以下载VSCode源代码,编译以后通过yarnweb来启动。

该方案配置难度大,不支持权限校验。安全性需要自己控制,配置较为繁琐。这个方案我们也不推荐。

方案三

通过Code-Server安装,也是我们推荐的方法。

下面是具体的

配置方法

基本方案:服务器安装

前提条件

需要一台有公网ip的linux服务器,可以使用阿里云或者腾讯云服务器

部署方案

在cdr/code-server的README中,提供了两份部署指南:

一份是用于部署在AWS等云服务的deploy

另一份则是我们要用的用于部署在本地服务器的脚本install.sh安装

首先介绍第一种方案,执行一键安装脚本。

Step1

服务基本配置编辑

code-server服务器安装目录/usr/lib/code-server

使用sh./bin/code-server启动服务。

若安装目录不相同可以用find-namecode-server这个命令找到。

编辑配置文件

vim~/.config/code-server/config.yaml

默认配置内容如下:

bind-addr:127.0.0.1:8080auth:passwordpassword:1a980e91db7a998a2a7c72efcert:false#第一行代表服务器的端口,127.0.0.1代表这是本机的ip,为了能在公网上运行,我们需要改成0.0.0.0。默认端口8080,你也可以改成自己的端口#第二行auth代表是否需要密码来校验权限,#第三行的password是自动生成的密码。这里你可以改成你自己常用的密码。

编辑好配置文件:

bind-addr:0.0.0.0:把中文替换成你自己喜欢的端口,默认8080auth:passwordpassword:把中文替换成你常用的密码cert:false

Step2

通过sh./bin/code-server启动服务,输出一下即可访问VSCodeOnline服务:

Step3

你可以在浏览器上输入你的ip+端口进行访问:

输入配置密码即可访问。

VSCode可以安装配置和运行调试代码,基本功能和桌面版VSCode相同。

/VSCodeOnline

Step4

后台启动服务,使用命令启动。关掉SSH链接服务器即关闭。

简单可以使用自定义启动脚本保持后台运行:

nohup./bin/code-server>nohup.out2>&1&

进阶方案:K8S云服务部署

K8S服务集群搭建好

使用Rancher进行部署

通过Rancher部署工作负载

设置工作负载名称,多人配置使用可以通过自定义规则。

这里我通过公司分配好的itcode进行设置即可:code-server-员工itcode、pullcode-server的官方镜像

网速较慢可以通过国内的镜像源pull,设置好pod资源deploy应用,选择已经创建好的命名空间即可。

端口映射配置

设置端口映射名称,默认容器端口为8080即可。

设置网络模式可根据K8S的集群可用的网络集群进行选择。

我们的方案通过Rancher配置了负载均衡规则,就选择集群IP作为参考,其他的模式可以根据自定义K8S方案自行选择配置即可。

设置环境变量,设置PASSWORD环境变量,即为pod应用的启动访问密码。

数据持久化设置

若还没新建PVC,可以通过添加卷方式或者通过Rancher资源的PVC设置,添加好数据卷。

数据卷容量根据开发使用需求可以分配code-server的持久化数据卷容量大小。

本方案选择已经提前配置好的PVC,挂载到对应pod应用容器默认路径即可,也就是:

/home/coder/project

Step5

其他可选配置

主机调度、健康检查、缩放/升级策略可根据自定义的K8S集群自行设置,配置完毕启动即可。

Step6

访问服务,查看pod资源已经是running状态即可。

即可通过Rancher设置好的集群IP+开放端口访问。Rancher也可以配置SSL也可以开放443端口访问。

通过配置负载均衡添加规则,规则名称保持code-server-员工itcode一致即可。

确保命令空间和工作负载pod应用是一致的,规则选择默认即可。

SSL/TLS证书这里我使用已经导入配置好的证书和对应域名,自定义K8S集群按照自己配置好的证书和域名使用即可。

通过Rancher的集群部署之后,

再配合公司内部的集群IP设置,

分配给员工个人专属的VscodeOnline开发环境,

提升员工项目开发体验,

下面以Odoo在线开发为例。

通过git克隆odoo项目:

安装Odoo项目依赖库:

pipinstall-rrequirements.txt

配置工作区启动debuglaunch.json文件。

pythonPath:配置容器的python环境路径

program:配置Odoo启动路径

args:配置Odoo启动参数,默认只需要加上conf项目配置路径即可,若第一次启动可以添加"-ibase"参数强制初始化数据库

通过VScode配置好启动文件,启动Odoo服务,即可断点调试开发项目

THE END
1.centos搭建codeserver配置HTTPS登录页自定义实现步骤其它综合功能预览 一、Code-Server Code-Server是一款网页版的IDE,相当于VSCode网页版(vscode.dev/),搭建完成后可以随时随地访问自己的代码 主要用途是让用户可以在任意设备和平台上使用基于web的IDE来进行编程工作。通过Code-Server可以使用浏览器访问远程服务器上的IDE,而无需在本地安装软件和配置开发环境。这对于不方便或不https://www.jb51.net/article/283544.htm
2.code中文翻译:关闭遥测相关功能,使其不再收集和发送相关数据信息。 --disable-update-check: 说明:禁用更新检查。若不添加此标志,code-server会每隔 6 小时对照最新的GitHub版本进行检查,并每周通知一次有新版本可用。 中文翻译:禁止进行版本更新检查操作。若未使用该标识,code-server软件将会每间隔 6 个小时去比对查看是https://www.emchaye.cn/docs/tutorial-debian/20241217-02/
3.如何使用codeserver和nextcloud设置远程开发环境在本教程中,我们将设置一个完整的远程工作环境,该环境能够使用nextcloud和code-server作为 Web 编辑器跨多个设备同步我们的工作区目录。 如果我们需要通过云服务器使用功能强大的计算机,或者只是为了让我们的环境随时随地都在互联网上,我们可以使用这个工作环境。 先决条件 在本教程中,您需要具有以下组件 一个 kuberneteshttps://devpress.csdn.net/cicd/62ed3ca47e66823466180b61.html
4.codeserver配置java开发环境完整教程调试支持:提供了与 Debugger for Java 扩展一起使用的调试功能。 如果安装了依赖该插件的插件,禁用时会提示: 2、Extension Pack for Java 微软开发的插件,这是一个包含多个 Java 相关插件的扩展包,包括 Java Language Support、Debugger for Java、Maven for Java 等,甚至包含了红帽的插件。 https://www.amjun.com/1086.html
5.im可以按照快速开始来部署应用服务和IM服务,然后打包移动端,就可以完成聊天和通话功能。 之后再部署开放平台服务、频道(公众号)服务、机器人服务、推送服务、Turn服务(音视频服务)来实现完整的应用功能,详情可以详细阅读文档。 联系我们 商务合作请微信联系: https://toscode.mulanos.cn/wfchat/im-server
6.codeserver配置codeserver部署访问VScode官网可以查看code-server的详细信息Visual Studio Code,code-server的功能和VScode是一样的,同样提供了功能强大的插件系统,这样是VScode风靡全球的根本。接下来我将介绍两种部署code-server的方式,及一些部署过程中的踩坑记录,以供大家学习交流。 环境 https://blog.51cto.com/u_16213653/10739826
7.codeserver详细安装code-server2.1650-vsc1.39.2-linux-x86_64.tar.gz。下载完成之后解压即可: 2、运行 输入指令./code-server--help,即可查看相关指令:直接输入指令./code-server即可启动codeserver: 这里监听的前言 因项目需要,需要一个在线的ide,用来查看、修改、部署代码,几番搜索、对比之后选择code-server这个在线ide,其githhttps://www.pianshen.com/article/49381619342/
8.玩转Lighthouse搞了一个浏览器版VSCodeServer下面介绍如何在轻量服务器上搭建一个基于浏览器的VS Code Server,其实只是整理了官方文档? 1. 整体介绍 本着能省就省同时兼顾安全的角度,部署使用了如下资源: 便宜云主机服务 轻量应用服务器(Ubuntu 20.04) 内网互联 函数服务 API网关 容器镜像服务(个人版) http://cloud.pinpaidadao.com/?developer/article/1986175?from=10680
9.MySQL高可用架构(MHA)与Atlas读写分离1.6.1 配置binlog-server 1)前期准备: > 1、准备一台新的mysql实例(db03),GTID必须开启。 > > 2、将来binlog接收目录,不能和主库binlog目录一样 2)停止mha masterha_stop --conf=/etc/mha/app1.cnf 3)在app1.cnf开启binlogserver功能 [binlog1] https://www.imooc.com/article/313246
10.使用阿里云服务器部署Codeserver文件中输入 export PATH=$PATH:/usr/local/go/bin 配置成功!!!完结撒花!!! 总结 使用Hexo进行文件的上传操作会方便很多 Hexo还可以实现管理网站等功能,有更多的发展空间哟 使用过程中阿里云的服务器连接很稳定,没有出现异常情况 Code-server上线以来,一直在稳定工作https://developer.aliyun.com/article/874099
11.code但是其属于一款客户端软件,在远程服务器上使用不如 code-server,code-server 是一款能够在网页上使用的 vscode,极大的方便程序开发人员快速访问与编码。本篇介绍如何在 ubuntu 18.04 上安装和配置,使其适用于 python 开发。 安装 bash 1 2 3 4 5 6https://xujinzh.github.io/2024/04/10/install-code-server/
12.code本文是作者对code-server使用说明的介绍,包括code-server使用说明的优势、实现细节、相关资料等,这些步骤可以帮助作者提高code-server使用说明的效率。因为开发Web IDE,了解到code-server。使用了有一段时间了,这里总结下code-server使用/定制遇到的一些问题 介绍 code-server即Web版Visual Studio Code。本身code-server的https://1991421.cn/2023/12/04/56ec13ec/
13.CodeServer网页版VSCode简介及部署实践一CodeServer介绍路径,这样在机器中需要code-server时,只需要拷贝运行即可,不需要在额外安装插件,进行软件配置服务器部署,容器集成:code-server只需要部署后,其他任何能够访问到部署机器的地方都可以通过code-server访问服务,相比传统IDE,更容易集成进服务器和容器内进行开发端口转发:code-server相比传统IDE和VSCode,自带有端口转发功能。https://juejin.cn/post/7356788983483858971
14.e4fea35b)·Commits·留学系统/LiuXueINSERT INTO resource (id, name, code, type, url, method, description, created_time, updated_time, created_by, updated_by) VALUES (101, '新增', 'user_manager:btn_add', 'button', '/user', 'POST', '新增用户功能', now(), now(), 'system', 'system'), (102, '编辑', 'user_https://git.ustc.edu.cn/liuxue/liuxue-server/-/commit/e4fea35b381b9bfb15b822628d35bcf6c70d2d8f
15.推荐一款支持在浏览器上运行VSCode的服务端神器Code接着就能在浏览器上看到你打开的 VS Code 环境了。 Code-Server 插件安装 Code-Server 目前还不支持在线安装插件,不过它提供了以 .VSIX 方式的安装,下面我们以 Python 插件为例演示插件的安装。 下载Python插件 在Github 中找到 Python 插件的 .VSIX 文件并下载。 https://cloud.tencent.com/developer/article/1475458
16.使用VisualStudioCode連線及查詢它支持擴充功能,包括用於查詢 SQL Server、Azure SQL Database、Azure SQL 受控實例、Microsoft Fabric 中 SQL 資料庫及其他平臺的 mssql 擴充功能 。 在本快速入門中,您將使用 Visual Studio Code 連線至 Azure SQL 資料庫或 Azure SQL 受控執行個體,然後執行 Transact-SQL 陳述式以查詢、插入、更新及刪除資料https://docs.microsoft.com/zh-tw/azure/sql-database/sql-database-connect-query-vscode
17.code由于笔记很多,需要快速的检索功能。 拆分标签展示 使用之前的软件虽然也能满足部分需求,但是在自由度上还是有不方便的地方。 比如joplin 虽然多端同步和移动端支持做的非常好,但是界面真的丑 现在使用code-server当替代方案,感觉除了移动端的支持弱一些,其他方面简直完美 https://www.jianshu.com/p/e4237be19ce0
18.Facebook登录Facebook,与好友、家人和认识的人分享和建立联系。https://m.facebook.com/
19.VSCode——LiveServer的简介安装与使用威武的大萝卜VS Code——Live Server的简介、安装与使用 基本概念 Live Server:一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 https://www.cnblogs.com/onesea/p/16856063.html