环境部署(测试环境部署)

  本篇文章为你整理了环境部署(测试环境部署)的详细内容,包含有linux环境部署 测试环境部署 联合国环境部署 软件测试环境部署 环境部署,希望能帮助你了解 环境部署。

   RuoYi 文档 分离版 微服务版 移动端版生态系统 生态系统

   RuoYi (opens new window) RuoYi-Vue (opens new window) RuoYi-Cloud (opens new window) RuoYi-App (opens new window)

   扩展列表

   RuoYi 项目扩展 RuoYi-Vue 项目扩展 RuoYi-Cloud 项目扩展 RuoYi-App 项目扩展

   我要提问 (opens new window) 常见问题 加入QQ群 (opens new window) GitHub (opens new window) Gitee (opens new window) 文档 分离版 微服务版 移动端版生态系统 生态系统

   RuoYi (opens new window) RuoYi-Vue (opens new window) RuoYi-Cloud (opens new window) RuoYi-App (opens new window)

   扩展列表

   RuoYi 项目扩展 RuoYi-Vue 项目扩展 RuoYi-Cloud 项目扩展 RuoYi-App 项目扩展

   我要提问 (opens new window) 常见问题 加入QQ群 (opens new window) GitHub (opens new window) Gitee (opens new window) 文档

   介绍快速了解环境部署准备工作运行系统后端运行前端运行必要配置部署系统后端部署前端部署环境变量Tomcat配置Nginx配置常见问题项目介绍后台手册前端手册组件文档插件集成项目扩展视频教程更新日志其它

   常见问题捐赠支持 # 环境部署 # 准备工作

JDK = 1.8 (推荐1.8版本)

 

  Mysql = 5.7.0 (推荐5.7版本)

  Redis = 3.0

  Maven = 3.0

  Node = 12

  

1
2
3
4
5
提示

 

  前端安装完node后,最好设置下淘宝的镜像源,不建议使用cnpm(可能会出现奇怪的问题)

   # 运行系统 前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vue (opens new window))下载解压到工作目录

   # 后端运行 1、导入到Eclipse,菜单 File - Import,然后选择 Maven - Existing Maven Projects,点击 Next 按钮,选择工作目录,然后点击 Finish 按钮,即可成功导入。
Eclipse会自动加载Maven依赖包,初次加载会比较慢(根据自身网络情况而定)
 

  2、创建数据库ry-vue并导入数据脚本ry_2021xxxx.sql,quartz.sql
 

  3、打开项目运行com.ruoyi.RuoYiApplication.java,出现如下图表示启动成功。

  

(♥◠‿◠)ノ゙ 若依启动成功 ლ(´ڡ`ლ)゙ 

 

   .-------. ____ __

   _ _ \ \ \ / /

   ( ) \ _. /

   (_ o _) / _( )_ .

   (_,_). __ ___(_ o _)

   \ \ (_,_)

   \ ` / `- /

   \ / \ /

   - `- `-..-

  

1
2
3
4
5
6
7
8
9
10
提示

 

  后端运行成功可以通过(http://localhost:8080 (opens new window))访问,但是不会出现静态页面,可以继续参考下面步骤部署ruoyi-ui前端,然后通过前端地址来访问。

   # 前端运行

# 进入项目目录

 

  cd ruoyi-ui

  # 安装依赖

  npm install

  # 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。

  npm install --registry=https://registry.npmmirror.com

  # 本地开发 启动项目

  npm run dev

  

1
2
3
4
5
6
7
8
9
10
11
4、打开浏览器,输入:(http://localhost:80 (opens new window)) 默认账户/密码 admin/admin123)
 

 

  若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

  建议使用Git克隆,因为克隆的方式可以和RuoYi随时保持更新同步。使用Git命令克隆

  

git clone https://gitee.com/y_project/RuoYi-Vue.git

 

  

1
提示

 

  因为本项目是前后端完全分离的,所以需要前后端都单独启动好,才能进行访问。
 

  前端安装完node后,最好设置下淘宝的镜像源,不建议使用cnpm(可能会出现奇怪的问题)

   # 必要配置 修改数据库连接,编辑resources目录下的application-druid.yml
  


# 数据源配置

 

  spring:

   datasource:

   type: com.alibaba.druid.pool.DruidDataSource

   driverClassName: com.mysql.cj.jdbc.Driver

   druid:

   # 主库数据源

   master:

   url: 数据库地址

   username: 数据库账号

   password: 数据库密码

  

1
2
3
4
5
6
7
8
9
10
11
修改服务器配置,编辑resources目录下的application.yml
    
 
# 开发环境配置

 

  server:

   # 服务器的HTTP端口,默认为80

   port: 端口

   servlet:

   # 应用的访问路径

   context-path: /应用路径

  

1
2
3
4
5
6
7
# 部署系统 提示

 

  因为本项目是前后端完全分离的,所以需要前后端都单独部署好,才能进行访问。

   # 后端部署 打包工程文件 在ruoyi项目的bin目录下执行package.bat打包Web工程,生成war/jar包文件。
 

  然后会在项目下生成target文件夹包含war或jar

  提示

  多模块版本会生成在ruoyi/ruoyi-admin模块下target文件夹

   部署工程文件 1、jar部署方式
 

  使用命令行执行:java –jar ruoyi.jar 或者执行脚本:ruoyi/bin/run.bat

  2、war部署方式
ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps

  

 packaging war /packaging 

 

  

1
提示

 

  多模块版本在ruoyi/ruoyi-admin模块下修改pom.xml

   SpringBoot去除内嵌Tomcat(PS:此步骤不重要,因为不排除也能在容器中部署war)

 !-- 多模块排除内置tomcat -- 

 

   dependency

   groupId org.springframework.boot /groupId

   artifactId spring-boot-starter-web /artifactId

   exclusions

   exclusion

   groupId org.springframework.boot /groupId

   artifactId spring-boot-starter-tomcat /artifactId

   /exclusion

   /exclusions

   /dependency

   !-- 单应用排除内置tomcat --

   exclusions

   exclusion

   artifactId spring-boot-starter-tomcat /artifactId

   groupId org.springframework.boot /groupId

   /exclusion

   /exclusions

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# 前端部署 当项目开发完毕,只需要运行一行命令就可以打包你的应用

 

  

# 打包正式环境

 

  npm run build:prod

  # 打包预发布环境

  npm run build:stage

  

1
2
3
4
5
构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.css、index.html 等静态文件。

 

  通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。

  outputDir 提示

  如果需要自定义构建,比如指定 dist 目录等,则需要通过 config (opens new window)的 outputDir 进行配置。

  publicPath 提示

  部署时改变页面js 和 css 静态引入路径 ,只需修改 vue.config.js 文件资源路径即可。

  

publicPath: ./ //请根据自己路径来配置更改

 

  

1
 
export default new Router({

 

   mode: hash, // hash模式

  

1
2
3
# 环境变量 所有测试环境或者正式环境变量的配置都在 .env.development (opens new window)等 .env.xxxx文件中。

 

  它们都会通过 webpack.DefinePlugin 插件注入到全局。

  环境变量必须以VUE_APP_为开头。如:VUE_APP_API、VUE_APP_TITLE

  你在代码中可以通过如下方式获取:

  

console.log(process.env.VUE_APP_xxxx)

 

  

1
扩展阅读:《Vue CLI - 环境变量和模式》 (opens new window)

 

  注意

  环境配置修改后,需要重新运行才会生效

  
# Tomcat配置 修改server.xml,Host节点下添加

  

 Context docBase= path= / reloadable= true source= / 

 

  

1
dist目录的文件夹下新建WEB-INF文件夹,并在里面添加web.xml文件

 

  

 ?xml version= 1.0 encoding= UTF-8 ? 

 

   web-app xmlns= http://xmlns.jcp.org/xml/ns/javaee

   xmlns:xsi= http://www.w3.org/2001/XMLSchema-instance

   xsi:schemaLocation= http://xmlns.jcp.org/xml/ns/javaee

   http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd

   version= 3.1 metadata-complete= true

   display-name Router for Tomcat /display-name

   error-page

   error-code 404 /error-code

   location /index.html /location

   /error-page

   /web-app

  

1
2
3
4
5
6
7
8
9
10
11
12
# Nginx配置
worker_processes 1;

 

  events {

   worker_connections 1024;

  http {

   include mime.types;

   default_type application/octet-stream;

   sendfile on;

   keepalive_timeout 65;

   server {

   listen 80;

   server_name localhost;

   charset utf-8;

   location / {

   root /home/ruoyi/projects/ruoyi-ui;

   try_files $uri $uri/ /index.html;

   index index.html index.htm;

   location /prod-api/ {

   proxy_set_header Host $http_host;

   proxy_set_header X-Real-IP $remote_addr;

   proxy_set_header REMOTE-HOST $remote_addr;

   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

   proxy_pass http://localhost:8080/;

   error_page 500 502 503 504 /50x.html;

   location = /50x.html {

   root html;

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
建议开启Gzip压缩 在http配置中加入如下代码对全局的资源进行压缩,可以减少文件体积和加快网页访问速度。

 

  

# 开启gzip压缩

 

  gzip on;

  # 不压缩临界值,大于1K的才压缩,一般不用改

  gzip_min_length 1k;

  # 压缩缓冲区

  gzip_buffers 16 64K;

  # 压缩版本(默认1.1,前端如果是squid2.5请使用1.0)

  gzip_http_version 1.1;

  # 压缩级别,1-10,数字越大压缩的越好,时间也越长

  gzip_comp_level 5;

  # 进行压缩的文件类型

  gzip_types text/plain application/x-javascript text/css application/xml application/javascript;

  # 跟Squid等缓存服务有关,on的话会在Header里增加 Vary: Accept-Encoding

  gzip_vary on;

  # IE6对Gzip不怎么友好,不给它Gzip了

  gzip_disable MSIE [1-6]\.

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
同时建议开启解压缩静态文件 如何使用Gzip解压缩静态文件

 

  
# 常见问题 如果使用Mac需要修改application.yml文件路径profile 如果使用Linux 提示表不存在,设置大小写敏感配置在/etc/my.cnf添加lower_case_table_names=1,重启MYSQL服务 如果提示当前权限不足,无法写入文件请检查application.yml中的profile路径或logback.xml中的log.path路径是否有可读可写操作权限 如遇到无法解决的问题请到Issues (opens new window)反馈,会不定时进行解答。

   快速了解 项目介绍

  以上就是环境部署(测试环境部署)的详细内容,想要了解更多 环境部署的内容,请持续关注盛行IT软件开发工作室。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: