You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
655 lines
26 KiB
655 lines
26 KiB
|
|
<!DOCTYPE HTML> |
|
<html lang="zh-hans" > |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> |
|
<title>环境搭建 · 调度系统-EasyScheduler</title> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
<meta name="description" content=""> |
|
<meta name="generator" content="GitBook 3.2.3"> |
|
<meta name="author" content="YIGUAN"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/style.css"> |
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.css"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/gitbook-plugin-insert-logo-link/plugin.css"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/gitbook-plugin-highlight/website.css"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/gitbook-plugin-search/search.css"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="gitbook/gitbook-plugin-fontsettings/website.css"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="styles/website.css"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="HandheldFriendly" content="true"/> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"> |
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="gitbook/images/apple-touch-icon-precomposed-152.png"> |
|
<link rel="shortcut icon" href="gitbook/images/favicon.ico" type="image/x-icon"> |
|
|
|
|
|
<link rel="next" href="前端部署文档.html" /> |
|
|
|
|
|
|
|
</head> |
|
<body> |
|
|
|
<div class="book"> |
|
<div class="book-summary"> |
|
|
|
|
|
<div id="book-search-input" role="search"> |
|
<input type="text" placeholder="输入并搜索" /> |
|
</div> |
|
|
|
|
|
<nav role="navigation"> |
|
|
|
|
|
|
|
<ul class="summary"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="chapter " data-level="1.1" data-path="./"> |
|
|
|
<a href="./"> |
|
|
|
|
|
Easyscheduler简介 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.2" > |
|
|
|
<span> |
|
|
|
|
|
前端部署文档 |
|
|
|
</span> |
|
|
|
|
|
|
|
<ul class="articles"> |
|
|
|
|
|
<li class="chapter " data-level="1.2.1" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html#前端项目环境构建及编译"> |
|
|
|
|
|
环境搭建 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.2.2" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html#安装及配置"> |
|
|
|
|
|
安装及配置 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.2.3" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html#项目生产环境配置"> |
|
|
|
|
|
项目生产环境Nginx配置 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.2.4" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html#前端项目发布"> |
|
|
|
|
|
前端项目发布 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.2.5" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html#问题"> |
|
|
|
|
|
问题 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.3" > |
|
|
|
<span> |
|
|
|
|
|
后端部署文档 |
|
|
|
</span> |
|
|
|
|
|
|
|
<ul class="articles"> |
|
|
|
|
|
<li class="chapter " data-level="1.3.1" data-path="后端部署文档.html"> |
|
|
|
<a href="后端部署文档.html#部署文档"> |
|
|
|
|
|
后端部署文档 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.4" data-path="系统使用手册.html"> |
|
|
|
<a href="系统使用手册.html#使用手册"> |
|
|
|
|
|
系统使用手册 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.5" data-path="系统架构设计.html"> |
|
|
|
<a href="系统架构设计.html#系统架构设计"> |
|
|
|
|
|
系统架构设计 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6" > |
|
|
|
<span> |
|
|
|
|
|
前端开发文档 |
|
|
|
</span> |
|
|
|
|
|
|
|
<ul class="articles"> |
|
|
|
|
|
<li class="chapter active" data-level="1.6.1" data-path="前端部署文档.html"> |
|
|
|
<a href="前端部署文档.html"> |
|
|
|
|
|
开发环境搭建 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.2" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#项目目录结构"> |
|
|
|
|
|
项目目录结构 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.3" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#系统功能模块"> |
|
|
|
|
|
系统功能模块 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.4" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#路由和状态管理"> |
|
|
|
|
|
路由和状态管理 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.5" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#规范"> |
|
|
|
|
|
规范 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.6" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#接口"> |
|
|
|
|
|
接口 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.6.7" data-path="前端开发文档.html"> |
|
|
|
<a href="前端开发文档.html#扩展开发"> |
|
|
|
|
|
扩展开发 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
<li class="chapter " data-level="1.7" > |
|
|
|
<span> |
|
|
|
|
|
后端开发文档 |
|
|
|
</span> |
|
|
|
|
|
|
|
<ul class="articles"> |
|
|
|
|
|
<li class="chapter " data-level="1.7.1" data-path="任务插件开发.html"> |
|
|
|
<a href="任务插件开发.html#任务插件开发"> |
|
|
|
|
|
自定义任务插件文档 |
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
|
|
<li class="divider"></li> |
|
|
|
<li> |
|
<a href="https://www.gitbook.com" target="blank" class="gitbook-link"> |
|
本书使用 GitBook 发布 |
|
</a> |
|
</li> |
|
</ul> |
|
|
|
|
|
</nav> |
|
|
|
|
|
</div> |
|
|
|
<div class="book-body"> |
|
|
|
<div class="body-inner"> |
|
|
|
|
|
|
|
<div class="book-header" role="navigation"> |
|
|
|
|
|
<!-- Title --> |
|
<h1> |
|
<i class="fa fa-circle-o-notch fa-spin"></i> |
|
<a href="." >环境搭建</a> |
|
</h1> |
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="page-wrapper" tabindex="-1" role="main"> |
|
<div class="page-inner"> |
|
|
|
<div id="book-search-results"> |
|
<div class="search-noresults"> |
|
|
|
<section class="normal markdown-section"> |
|
|
|
<h1 id="前端部署文档">前端部署文档</h1> |
|
<ul> |
|
<li><h5 id="1-开发环境搭建">1. 开发环境搭建</h5> |
|
</li> |
|
<li><h5 id="2-自动化部署">2. 自动化部署</h5> |
|
</li> |
|
<li><h5 id="3-手动部署">3. 手动部署</h5> |
|
</li> |
|
<li><h5 id="4-liunx下使用node启动并且守护进程">4. Liunx下使用node启动并且守护进程</h5> |
|
</li> |
|
</ul> |
|
<h3 id="1开发环境搭建">1.开发环境搭建</h3> |
|
<ul> |
|
<li><h4 id="node安装">node安装</h4> |
|
<p>Node包下载 (注意版本 8.9.4) <code>https://nodejs.org/download/release/v8.9.4/</code> </p> |
|
</li> |
|
<li><h4 id="前端项目构建">前端项目构建</h4> |
|
<p>用命令行模式 <code>cd</code> 进入 <code>escheduler-ui</code>项目目录并执行 <code>npm install</code> 拉取项目依赖包</p> |
|
</li> |
|
</ul> |
|
<blockquote> |
|
<p>如果 <code>npm install</code> 速度非常慢 </p> |
|
<p>可以转淘宝镜像命令行输入 <code>npm install -g cnpm --registry=https://registry.npm.taobao.org</code></p> |
|
<p>运行 <code>cnpm install</code> </p> |
|
<h5 id="!!!这里特别注意-项目如果在拉取依赖包的过程中报--node-sass-error--错误,请在执行完后再次执行以下命令">!!!这里特别注意 项目如果在拉取依赖包的过程中报 " node-sass error " 错误,请在执行完后再次执行以下命令</h5> |
|
<pre><code>npm install node-sass --unsafe-perm //单独安装node-sass依赖 |
|
</code></pre></blockquote> |
|
<p>在项目<code>escheduler-ui</code>根目录<code>.env</code>添加代理的端口地址</p> |
|
<pre><code># 前端代理的接口地址(例) |
|
API_BASE = http://192.168.220.204:12345 |
|
|
|
# 如果您需要用ip访问项目可以把 "#" 号去掉(例) |
|
#DEV_HOST = 192.168.6.132 |
|
</code></pre><p>运行</p> |
|
<ul> |
|
<li><p><code>npm start</code> 项目开发环境 (启动后访问地址 <a href="http://localhost:8888/#/" target="_blank">http://localhost:8888/#/</a>)</p> |
|
</li> |
|
<li><p><code>npm run build</code> 项目打包 (打包后根目录会创建一个名为dist文件夹,用于发布线上Nginx)</p> |
|
</li> |
|
</ul> |
|
<h3 id="2自动化部署">2.自动化部署</h3> |
|
<p>在项目<code>escheduler-ui</code>根目录编辑安装文件<code>vi install(线上环境).sh</code></p> |
|
<p>更改前端访问端口和后端代理接口地址</p> |
|
<pre><code># 配置前端访问端口 |
|
esc_proxy="8888" |
|
|
|
# 配置代理后端接口 |
|
esc_proxy_port="http://192.168.220.154:12345" |
|
</code></pre><p>前端自动部署基于<code>yum</code>操作,部署之前请先安装更新`yum</p> |
|
<p>在项目<code>escheduler-ui</code>根目录执行<code>./install(线上环境).sh</code> </p> |
|
<h3 id="3手动部署">3.手动部署</h3> |
|
<p>安装epel源 <code>yum install epel-release -y</code></p> |
|
<p>安装Nginx <code>yum install nginx -y</code></p> |
|
<h4 id="命令">命令</h4> |
|
<ul> |
|
<li><p>启用 <code>systemctl enable nginx</code></p> |
|
</li> |
|
<li><p>重启 <code>systemctl restart nginx</code></p> |
|
</li> |
|
<li><p>状态 <code>systemctl status nginx</code></p> |
|
</li> |
|
</ul> |
|
<blockquote> |
|
<h4 id="创建静态页面存放目录">创建静态页面存放目录</h4> |
|
<pre><code>mkdir /data2_4T/escheduler_front/escheduler/server |
|
</code></pre><h4 id="配置文件地址">配置文件地址</h4> |
|
<pre><code>/etc/nginx/conf.d/escheduler.conf |
|
</code></pre><h4 id="配置信息">配置信息</h4> |
|
<pre><code>server { |
|
listen 8888;# 访问端口 |
|
server_name localhost; |
|
#charset koi8-r; |
|
#access_log /var/log/nginx/host.access.log main; |
|
location / { |
|
root /data2_4T/escheduler_front/escheduler/server; # 静态文件目录 |
|
index index.html index.html; |
|
} |
|
location /escheduler { |
|
proxy_pass http://192.168.220.181:12345; # 接口地址 |
|
proxy_set_header Host $host; |
|
proxy_set_header X-Real-IP $remote_addr; |
|
proxy_set_header x_real_ipP $remote_addr; |
|
proxy_set_header remote_addr $remote_addr; |
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; |
|
proxy_http_version 1.1; |
|
proxy_connect_timeout 4s; |
|
proxy_read_timeout 30s; |
|
proxy_send_timeout 12s; |
|
proxy_set_header Upgrade $http_upgrade; |
|
proxy_set_header Connection "upgrade"; |
|
} |
|
#error_page 404 /404.html; |
|
# redirect server error pages to the static page /50x.html |
|
# |
|
error_page 500 502 503 504 /50x.html; |
|
location = /50x.html { |
|
root /usr/share/nginx/html; |
|
} |
|
} |
|
</code></pre><h4 id="重启nginx服务">重启Nginx服务</h4> |
|
<pre><code>systemctl restart nginx |
|
</code></pre></blockquote> |
|
<h4 id="前端项目发布">前端项目发布</h4> |
|
<p>前端在开发环境(dev)中运行 <code>npm run build</code> 命令,生成打包文件(dist)包</p> |
|
<p>再拷贝到服务器 <code>/data2_4T/escheduler_front/escheduler/server</code>(服务器静态页面存放目录)</p> |
|
<p>访问地址 <code>http://localhost:8888/#/</code> </p> |
|
<h3 id="4liunx下使用node启动并且守护进程">4.Liunx下使用node启动并且守护进程</h3> |
|
<p>安装pm2 <code>npm install -g pm2</code></p> |
|
<p>在项目<code>escheduler-ui</code>根目录执行 <code>pm2 start npm -- run dev</code> 启动项目</p> |
|
<h4 id="命令">命令</h4> |
|
<ul> |
|
<li><p>启用 <code>pm2 start npm -- run dev</code></p> |
|
</li> |
|
<li><p>停止 <code>pm2 stop npm</code></p> |
|
</li> |
|
<li><p>删除 <code>pm2 delete npm</code></p> |
|
</li> |
|
<li><p>状态 <code>pm2 list</code></p> |
|
</li> |
|
</ul> |
|
<pre><code> |
|
[root@localhost escheduler-ui]# pm2 start npm -- run dev |
|
[PM2] Applying action restartProcessId on app [npm](ids: 0) |
|
[PM2] [npm](0) ✓ |
|
[PM2] Process successfully started |
|
┌──────────┬────┬─────────┬──────┬──────┬────────┬─────────┬────────┬─────┬──────────┬──────┬──────────┐ |
|
│ App name │ id │ version │ mode │ pid │ status │ restart │ uptime │ cpu │ mem │ user │ watching │ |
|
├──────────┼────┼─────────┼──────┼──────┼────────┼─────────┼────────┼─────┼──────────┼──────┼──────────┤ |
|
│ npm │ 0 │ N/A │ fork │ 6168 │ online │ 31 │ 0s │ 0% │ 5.6 MB │ root │ disabled │ |
|
└──────────┴────┴─────────┴──────┴──────┴────────┴─────────┴────────┴─────┴──────────┴──────┴──────────┘ |
|
Use `pm2 show <id|name>` to get more details about an app |
|
</code></pre><h2 id="问题">问题</h2> |
|
<h4 id="1-上传文件大小限制">1. 上传文件大小限制</h4> |
|
<p>编辑配置文件 <code>vi /etc/nginx/nginx.conf</code></p> |
|
<pre><code># 更改上传大小 |
|
client_max_body_size 1024m |
|
</code></pre> |
|
|
|
</section> |
|
|
|
</div> |
|
<div class="search-results"> |
|
<div class="has-results"> |
|
|
|
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1> |
|
<ul class="search-results-list"></ul> |
|
|
|
</div> |
|
<div class="no-results"> |
|
|
|
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<a href="前端部署文档.html#安装及配置" class="navigation navigation-next navigation-unique" aria-label="Next page: 安装及配置"> |
|
<i class="fa fa-angle-right"></i> |
|
</a> |
|
|
|
|
|
|
|
</div> |
|
|
|
<script> |
|
var gitbook = gitbook || []; |
|
gitbook.push(function() { |
|
gitbook.page.hasChanged({"page":{"title":"环境搭建","level":"1.2.1","depth":2,"next":{"title":"安装及配置","level":"1.2.2","depth":2,"anchor":"#安装及配置","path":"前端部署文档.md","ref":"前端部署文档.md#安装及配置","articles":[]},"previous":{"title":"前端部署文档","level":"1.2","depth":1,"ref":"","articles":[{"title":"环境搭建","level":"1.2.1","depth":2,"anchor":"#前端项目环境构建及编译","path":"前端部署文档.md","ref":"前端部署文档.md#前端项目环境构建及编译","articles":[]},{"title":"安装及配置","level":"1.2.2","depth":2,"anchor":"#安装及配置","path":"前端部署文档.md","ref":"前端部署文档.md#安装及配置","articles":[]},{"title":"项目生产环境Nginx配置","level":"1.2.3","depth":2,"anchor":"#项目生产环境配置","path":"前端部署文档.md","ref":"前端部署文档.md#项目生产环境配置","articles":[]},{"title":"前端项目发布","level":"1.2.4","depth":2,"anchor":"#前端项目发布","path":"前端部署文档.md","ref":"前端部署文档.md#前端项目发布","articles":[]},{"title":"问题","level":"1.2.5","depth":2,"anchor":"#问题","path":"前端部署文档.md","ref":"前端部署文档.md#问题","articles":[]}]},"dir":"ltr"},"config":{"plugins":["expandable-chapters","insert-logo-link","livereload"],"styles":{"website":"./styles/website.css"},"pluginsConfig":{"livereload":{},"insert-logo-link":{"src":"http://geek.analysys.cn/static/upload/236/2019-03-29/379450b4-7919-4707-877c-4d33300377d4.png","url":"https://github.com/analysys/EasyScheduler"},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"fontsettings":{"theme":"white","family":"sans","size":2},"highlight":{},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"expandable-chapters":{}},"theme":"default","author":"YIGUAN","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"调度系统-EasyScheduler","language":"zh-hans","gitbook":"3.2.3","description":"调度系统"},"file":{"path":"前端部署文档.md","mtime":"2019-04-12T03:16:34.222Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2019-04-10T07:14:01.407Z"},"basePath":".","book":{"language":""}}); |
|
}); |
|
</script> |
|
</div> |
|
|
|
|
|
<script src="gitbook/gitbook.js"></script> |
|
<script src="gitbook/theme.js"></script> |
|
|
|
|
|
<script src="gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-insert-logo-link/plugin.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-livereload/plugin.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-search/search-engine.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-search/search.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-lunr/lunr.min.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-lunr/search-lunr.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-sharing/buttons.js"></script> |
|
|
|
|
|
|
|
<script src="gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script> |
|
|
|
|
|
|
|
</body> |
|
</html> |
|
|
|
|