离线搭建局域网内远程全栈开发环境

导言

在离线环境中以vscode为平台搭建远程全栈开发平台，涉及内容有

vscode远程登录
java、maven及相应依赖环境搭建
node环境搭建

具体过程

vscode远程登录

客户端操作

下载并安装vscode
- 前往 vscode历史版本下载页面进行下载安装即可
下载并安装相对应插件（使用Install from VSIX即可进行离线安装插件）
- Remote-SSH
  进入github页面进行下载，不然无法下载全量包
进行本地客户端
1. 首先确认使用winterminal/Xshell能够对服务器进行登录
2. 点击vscode左下角Open a Remote Window
3. 在软件上方弹出如下所示并选择Connect to Host，按照相应选择进行登录即可，在win下具体配置文件路径在**~/.ssh/config**
现阶段安装的系统默认开启sshd服务，可以直接登录，在同一局域网内不涉及22端口拒绝访问的问题，如果涉及敲入systemctl stop firewalld关闭防火墙
1. 见官网注释
VS Code will now open a new window (instance). You'll then see a notification that the "VS Code Server" is initializing on the SSH Host. Once the VS Code Server is installed on the remote host, it can run extensions and talk to your local instance of VS Code.
在服务器这边需要 "VS Code Server",在服务器的操作围绕这个server的安装

服务器端操作

简介

vscode server

The Visual Studio Code Server is a service you can run on a remote development machine, like your desktop PC or a virtual machine (VM). It allows you to securely connect to that remote machine from anywhere through a local VS Code client, without the requirement of SSH.
vscode server是使用vscode进行远程开发的必要条件，
思路

需要首先在本机研究具体插件的output，查看如何安装vscode server，再将所需材料上传于服务器上

具体步骤

在互联网环境查看Remote-SSH的output

[22:56:27.599] Using commit id "2ccd690cbff1569e4a83d7c43d45101f817401dc" and quality "stable" for server
[22:56:27.606] Install and start server if needed
...
...
[22:57:00.630] > Acquiring lock on /home/xxx/.vscode-server/bin/2ccd690cbff1569e4a83d7c43d45101f817401dc/vscode-remote-lock.soap.2ccd690cbff1569e4a83d7c43d45101f817401dc
[22:57:00.630] > Found old VS Code install 441438abd1ac652551dbe4d408dfcec8a499b8bf, attempting to clean up
[22:57:00.630] > Deleting old install from /home/xxx/.vscode-server/bin/441438abd1ac652551dbe4d408dfcec8a499b8bf
[22:57:00.630] > Deleting old log file from /home/xxx/.vscode-server/.441438abd1ac652551dbe4d408dfcec8a499b8bf.log
[22:57:00.631] > Installing to /home/xxx/.vscode-server/bin/2ccd690cbff1569e4a83d7c43d45101f817401dc...
> 6c3953981c10%%1%%
[22:57:00.631] > Downloading with wget
[22:57:01.178] > Download complete
...
...
[22:57:03.075] >  
> *
> * Visual Studio Code Server
> *
> * By using the software, you agree to
> * the Visual Studio Code Server License Terms (https://aka.ms/vscode-server-license) and
> * the Microsoft Privacy Statement (https://privacy.microsoft.com/en-US/privacystatement).
> *
> 
> 6c3953981c10: start
...
...

以上的output说明一些事情

使用vscode的commit id作为vscode server的识别号，并且需要进行安装
系统监测到了有旧的vscode server，对其进行卸载并重新安装，安装路径为 /home/xxx/.vscode-server/bin/%commid id%
output里出现了Visual Studio Code Server的启动界面
总结：需要把 /home/xxx/.vscode-server/bin/%commid id% 里的内容上传到服务器相同路径中，方可启动使用Remote-SSH
将本地文件打包上传到服务器中，重复在客户端中的操作即可顺利连接服务器，亦可参考该博客

vscode插件安装

前往官方网站下载插件并上传到服务器中，进入相应目录敲入命令即可

code --install-extension xxx.vsix

java及相应依赖环境搭建

导言

IDE配置完成后需要具体部署相应开发环境，首先搭建后端环境

java、maven及相应依赖环境搭建

前往官网下载所需jdk、maven软件包，下载时需要注意版本号以及包类型（二进制包或是源码包）

java、maven安装

将下载好的jdk、maven包上传于服务器中（如使用vscode的话可直接将包拖拽进入vscode中，即完成上传）
解压软件包
1. 寻找合适路径存放软件包，在本文章中存放于 /home/user/Desktop/software路径之下
2. 进入该文件目录并解压软件包，完成软件包的解压
```
tar -xvf xxx.tar.gz
```

配置jdk、maven路径并卸载系统自带java

卸载系统自带java（RHEL系统）

## 查看系统自带java包
rpm -aq | grep java
## 根据上一条命令内容卸载相应java包（系统某些包可能依赖于自带的java，在卸载包时不可检查包与包之间的依赖性）
rpm -e --nodeps %查出来的包名%

将jdk、maven加入环境变量

vi /etc/profile
...
...
# /etc/profile

# System wide environment and startup programs, for login setup
# Functions and aliases go in /etc/bashrc
...
...
export MAVEN_HOME=/home/user/Desktop/software/apache-maven-3.8.5

export JAVA_HOME=/home/user/Desktop/software/jdk-19.0.1

export PATH=$MAVEN_HOME/bin:$JAVA_HOME/bin:$PATH

更改系统开机自启项，添加如上三行（具体路径自行设置），并设置启用

source /etc/profile

敲入下列命令查看是否安装成功

(base) [user@192 software]$ java -version
openjdk version "11.0.19" 2023-04-18
OpenJDK Runtime Environment (Red_Hat-11.0.19.0.7-2.fc38) (build 11.0.19+7)
OpenJDK 64-Bit Server VM (Red_Hat-11.0.19.0.7-2.fc38) (build 11.0.19+7, mixed mode, sharing)
(base) [user@192 software]$ mvn -version
Apache Maven 3.8.5 (3599d3414f046de2324203b78ddcf9b5e4388aa0)
Maven home: /home/user/Desktop/software/apache-maven-3.8.5
Java version: 19.0.1, vendor: Oracle Corporation, runtime: /home/user/Desktop/software/jdk-19.0.1
Default locale: en_US, platform encoding: UTF-8
OS name: "linux", version: "6.3.8-200.fc38.x86_64", arch: "amd64", family: "unix"

maven项目依赖上传
1. 首先获取离线环境java项目中的pom文件
2. 配置互联网电脑中maven镜像源，更改 **%MAVEN_HOME%/conf/settings.xml中配置文件，参考阿里云maven配置指南，其中%MAVEN_HOME%**为maven安装路径
3. 在互联网电脑中依据pom文件下载对应的包
  
  在pom文件的对应目录下敲入命令
```
mvn package
```
  输入在离线环境中java项目所想要到达的生命周期，mvn会进行自动下载，下载路径参考 **%MAVEN_HOME%/conf/settings.xml文件配置<localRepository/>**配置项中进行配置
4. 在 **路径中找到下载的依赖并上传离线服务器中，在服务器上删除下载依赖中的所有_remote.repositories文件。如不删除该文件，maven会一直向remote repositories**寻找依赖，导致项目报错
  
  There are a number of bugs in 3.0.x though... The most critical being how offline is handled... Namely: when offline, maven 3.0.x thinks there are no repositories, so will always find a mismatch against the _maven.repositories file!!!
  删除命令为
```
find ~/.m2/repository -name _remote.repositories -exec rm -v {} \;
```

vscode中java插件配置

下载相应插件，参考 Extension pack of Java，推荐分开下，方便进行选项配置

📦 Language Support for Java™ by Red Hat 📦 Debugger for Java 📦 Test Runner for Java 📦 Maven for Java 📦 Project Manager for Java 📦 Visual Studio IntelliCode
下载时需注意进入github页面进行下载，直接在vscode下载不一定能下载到全量包
配置项主要集中在 Language Support for Java™ by Red Hat和Maven for Java两个之间
1. 安装相应拓展
2. 拓展配置
  1. Language Support for Java™ by Red Hat
    1. java.configuration.maven.userSettings 设置mavenuserSettings位置
    2. java.configuration.maven.globalSettings 设置globalSettings 位置
      以上都该设置成 %MAVEN_HOME%/conf/settings.xml
  2. Maven for Java
    1. maven.terminal.useJavaHome 设置成 true
    2. maven.executable.path 设置成maven安装路径
      至此即可进行java后端开发

node环境搭建

前往官网下载node.js
把二进制解压在需要安装的路径之下，解压方法同java安装

更改/etc/profile文件，添加以下语句并刷新

## 安装路径替换成实际安装路径
export PATH=%安装路径%/bin:$PATH
...
source /etc/profile

测试node安装是否成功
```
$ node -v

$ npm version

$ npx -v
```
正常输出及为成功

结果

完成了在离线环境中基于vscode平台的远程全栈开发环境

参考文章

Visual Studio Code Server简介

在vscode上使用ssh连接远程服务器

java安装

maven安装

maven setting.xml文件配置

maven依赖下载顺序

离线状态下，maven无法寻找到本地依赖该如何处理

posted @ 2023-08-04 09:02 五花肉炒河粉阅读(102) 评论(0) 收藏举报

刷新页面返回顶部

soapsu

离线搭建局域网内远程全栈开发环境

离线搭建局域网内远程全栈开发环境

导言

具体过程

vscode远程登录

客户端操作

服务器端操作

vscode插件安装

java及相应依赖环境搭建

导言

java、maven及相应依赖环境搭建

vscode中java插件配置

node环境搭建

结果

参考文章

公告