说明

本章主要用于 DevOps 的前后端开发环境搭建说明。

本章中所用到的所有介质均可从以下介质库中获取：

介质地址：ftp://10.15.15.162/application/DEVOPS/DevOps-dev/，账号：devops_r，密码：wn_4oVR4

前端相关介质所在目录：portal/

后端相关介质所在目录：server/

---

后端搭建

安装普元 EOS 开发平台

1. 下载文件，文件路径：server/devops-ide.zip
2. 解压文件到任意文件夹，打开文件devops-ide/configuration/eos_studio_config/server.xml，修改如下信息：

<installPath>Tomcat所在根目录</installPath>

<externalConfigDir>外置目录存储位置</externalConfigDir>

为了方便说明，本文中将Tomcat所在根目录设置为E:/primeton/devops/apache-tomcat-8.5.73，外置目录存储位置设置为E:/primeton/devops/apache-tomcat-8.5.73/apps_config

配置开发环境

1. 启动IDE

2. 安装 JDK1.8，下载 server/jdk-8u181-windows-x64.exe 并执行安装

3. 配置 JDK 环境

   打开窗口-首选项-Java-编译器，修改相关配置如下：

   

   打开窗口-首选项-Java-已安装的JRE，修改相关配置如下并选中 JDK1.8 安装路径下的 jre 路径：

   

4. 配置 Maven，下载离线库：server/m2repo.zip并解压，下载 Maven Settings文件：server/settings.xml

   修改 Settings 文件，并将 localRepository 改为自己的本地路径。

   配置 Maven-User Settings 文件，选中修改后的文件，会自动加载已经修改过的 localRepository 路径。（这个路径会存放应用编译的依赖）

   

配置应用运行环境

1. 下载并导入应用代码（http://euler.git.primeton.com/devops/devops.git）。打开studio-文件-导入-General-现有项目到工作空间中，导入所有代码

   

2. 部署应用并清理。下载代码对应的应用war包（devops.war）解压到Tomcat应用目录下（使用根目录E:\primeton\devops\apache-tomcat-8.5.73\webapps\ROOT），执行studio-项目-清理

3. 运行应用，停止。查看自动生成的外置目录（配置目录，存放数据库配置，license等）

   目录路径为E:/primeton/devops/apache-tomcat-8.5.73/apps_config目录。

   每个应用对应一个外置目录，和 Tomcat 下应用目录一一对应，这里 DevOps 对应的目录为 ROOT

   

4. 拷贝修改运行配置文件和jar包。

   license文件：server/config/primetonlicense.xml 拷贝覆盖到外置目录E:\primeton\devops\apache-tomcat-8.5.73\apps_config\ROOT\license

   数据库配置：修改E:\primeton\devops\apache-tomcat-8.5.73\apps_config\ROOT\config\user-config.xml配置，具体如下：

   

   jar包依赖：下载server/config/c3p0-0.9.0.jar 文件并拷贝到 E:\primeton\devops\apache-tomcat-8.5.73\lib

5. 再次启动应用即可通过 127.0.0.1:8080 访问（代码文件会自动更新到 Tomcat 中，war包中默认带有前端）

---

前端搭建

安装环境

下载 portal/python-2.7.18.amd64.msi 执行默认安装

下载 portal/node-v14.17.5-win-x64.zip 解压到任意目录并配置 PATH 环境变量：

安装依赖

打开 cmd 命令（也可以使用 vscode 等工具的命令行）切换到前端代码目录（devops/devops-web）执行 build.sh 中相关命令

npm config set registry https://registry.npm.taobao.org
npm info underscore
npm install --unsafe-perm

配置运行

前端默认配置运行后访问后端 8081 端口，按需更改，默认为 8080。修改 vue.config.js 中 proxy 配置端口为 8080 即可。（修改后需要重新编译在运行才生效）

正常构建运行成功后，可使用 127.0.0.1:9527 访问前端。