Merge pull request #40 from millionfor/dev

Dev
This commit is contained in:
millionfor 2019-04-12 11:18:28 +08:00 committed by GitHub
commit 8aeb1b466b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 25 deletions

View File

@ -430,12 +430,22 @@
<section class="normal markdown-section">
<h1 id="&#x524D;&#x7AEF;&#x90E8;&#x7F72;&#x6587;&#x6863;">&#x524D;&#x7AEF;&#x90E8;&#x7F72;&#x6587;&#x6863;</h1>
<ul>
<li><h5 id="1-&#x5F00;&#x53D1;&#x73AF;&#x5883;&#x642D;&#x5EFA;">1. &#x5F00;&#x53D1;&#x73AF;&#x5883;&#x642D;&#x5EFA;</h5>
</li>
<li><h5 id="2-&#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;">2. &#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;</h5>
</li>
<li><h5 id="3-&#x624B;&#x52A8;&#x90E8;&#x7F72;">3. &#x624B;&#x52A8;&#x90E8;&#x7F72;</h5>
</li>
<li><h5 id="4-liunx&#x4E0B;&#x4F7F;&#x7528;node&#x542F;&#x52A8;&#x5E76;&#x4E14;&#x5B88;&#x62A4;&#x8FDB;&#x7A0B;">4. Liunx&#x4E0B;&#x4F7F;&#x7528;node&#x542F;&#x52A8;&#x5E76;&#x4E14;&#x5B88;&#x62A4;&#x8FDB;&#x7A0B;</h5>
</li>
</ul>
<h3 id="1&#x5F00;&#x53D1;&#x73AF;&#x5883;&#x642D;&#x5EFA;">1.&#x5F00;&#x53D1;&#x73AF;&#x5883;&#x642D;&#x5EFA;</h3>
<ul>
<li><h4 id="&#x5B89;&#x88C5;node">&#x5B89;&#x88C5;node</h4>
<li><h4 id="node&#x5B89;&#x88C5;">node&#x5B89;&#x88C5;</h4>
<p>Node&#x5305;&#x4E0B;&#x8F7D; (&#x6CE8;&#x610F;&#x7248;&#x672C; 8.9.4) <code>https://nodejs.org/download/release/v8.9.4/</code> </p>
</li>
<li><h4 id="&#x6784;&#x5EFA;&#x9879;&#x76EE;">&#x6784;&#x5EFA;&#x9879;&#x76EE;</h4>
<li><h4 id="&#x524D;&#x7AEF;&#x9879;&#x76EE;&#x6784;&#x5EFA;">&#x524D;&#x7AEF;&#x9879;&#x76EE;&#x6784;&#x5EFA;</h4>
<p>&#x7528;&#x547D;&#x4EE4;&#x884C;&#x6A21;&#x5F0F; <code>cd</code> &#x8FDB;&#x5165; <code>escheduler-ui</code>&#x9879;&#x76EE;&#x76EE;&#x5F55;&#x5E76;&#x6267;&#x884C; <code>npm install</code> &#x62C9;&#x53D6;&#x9879;&#x76EE;&#x4F9D;&#x8D56;&#x5305;</p>
</li>
</ul>
@ -459,8 +469,7 @@ API_BASE = http://192.168.220.204:12345
<li><p><code>npm run build</code> &#x9879;&#x76EE;&#x6253;&#x5305; (&#x6253;&#x5305;&#x540E;&#x6839;&#x76EE;&#x5F55;&#x4F1A;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x540D;&#x4E3A;dist&#x6587;&#x4EF6;&#x5939;&#xFF0C;&#x7528;&#x4E8E;&#x53D1;&#x5E03;&#x7EBF;&#x4E0A;Nginx)</p>
</li>
</ul>
<h3 id="2&#x81EA;&#x52A8;&#x90E8;&#x7F72;&#x65B9;&#x5F0F;">2.&#x81EA;&#x52A8;&#x90E8;&#x7F72;&#x65B9;&#x5F0F;</h3>
<h3 id="2&#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;">2.&#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;`</h3>
<h3 id="2&#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;">2.&#x81EA;&#x52A8;&#x5316;&#x90E8;&#x7F72;</h3>
<p>&#x5728;&#x9879;&#x76EE;<code>escheduler-ui</code>&#x6839;&#x76EE;&#x5F55;&#x7F16;&#x8F91;&#x5B89;&#x88C5;&#x6587;&#x4EF6;<code>vi install(&#x7EBF;&#x4E0A;&#x73AF;&#x5883;).sh</code></p>
<p>&#x66F4;&#x6539;&#x524D;&#x7AEF;&#x8BBF;&#x95EE;&#x7AEF;&#x53E3;&#x548C;&#x540E;&#x7AEF;&#x4EE3;&#x7406;&#x63A5;&#x53E3;&#x5730;&#x5740;</p>
<pre><code># &#x914D;&#x7F6E;&#x524D;&#x7AEF;&#x8BBF;&#x95EE;&#x7AEF;&#x53E3;
@ -469,8 +478,6 @@ esc_proxy=&quot;8888&quot;
# &#x914D;&#x7F6E;&#x4EE3;&#x7406;&#x540E;&#x7AEF;&#x63A5;&#x53E3;
esc_proxy_port=&quot;http://192.168.220.154:12345&quot;
</code></pre><p>&#x524D;&#x7AEF;&#x81EA;&#x52A8;&#x90E8;&#x7F72;&#x57FA;&#x4E8E;<code>yum</code>&#x64CD;&#x4F5C;&#xFF0C;&#x90E8;&#x7F72;&#x4E4B;&#x524D;&#x8BF7;&#x5148;&#x5B89;&#x88C5;&#x66F4;&#x65B0;`yum</p>
<p>&#x5728;&#x9879;&#x76EE;<code>escheduler-ui</code>&#x6839;&#x76EE;&#x5F55;&#x4E0B;&#xFF0C;&#x4FEE;&#x6539;install.sh&#x4E2D;&#x7684;&#x53C2;&#x6570;&#xFF0C;&#x6267;&#x884C;<code>./install(&#x7EBF;&#x4E0A;&#x73AF;&#x5883;).sh</code> </p>
<h3 id="3&#x624B;&#x52A8;&#x90E8;&#x7F72;&#x65B9;&#x5F0F;">3.&#x624B;&#x52A8;&#x90E8;&#x7F72;&#x65B9;&#x5F0F;</h3>
<p>&#x5728;&#x9879;&#x76EE;<code>escheduler-ui</code>&#x6839;&#x76EE;&#x5F55;&#x6267;&#x884C;<code>./install(&#x7EBF;&#x4E0A;&#x73AF;&#x5883;).sh</code> </p>
<h3 id="3&#x624B;&#x52A8;&#x90E8;&#x7F72;">3.&#x624B;&#x52A8;&#x90E8;&#x7F72;</h3>
<p>&#x5B89;&#x88C5;epel&#x6E90; <code>yum install epel-release -y</code></p>
@ -553,14 +560,12 @@ esc_proxy_port=&quot;http://192.168.220.154:12345&quot;
&#x2502; npm &#x2502; 0 &#x2502; N/A &#x2502; fork &#x2502; 6168 &#x2502; online &#x2502; 31 &#x2502; 0s &#x2502; 0% &#x2502; 5.6 MB &#x2502; root &#x2502; disabled &#x2502;
&#x2514;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2534;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2500;&#x2518;
Use `pm2 show &lt;id|name&gt;` to get more details about an app
## FAQ
#### 1. &#x4E0A;&#x4F20;&#x6587;&#x4EF6;&#x5927;&#x5C0F;&#x9650;&#x5236;
&#x7F16;&#x8F91;&#x914D;&#x7F6E;&#x6587;&#x4EF6; `vi /etc/nginx/nginx.conf`
</code></pre><h1 id="&#x66F4;&#x6539;&#x4E0A;&#x4F20;&#x5927;&#x5C0F;">&#x66F4;&#x6539;&#x4E0A;&#x4F20;&#x5927;&#x5C0F;</h1>
<p>client_max_body_size 1024m
```</p>
</code></pre><h2 id="&#x95EE;&#x9898;">&#x95EE;&#x9898;</h2>
<h4 id="1-&#x4E0A;&#x4F20;&#x6587;&#x4EF6;&#x5927;&#x5C0F;&#x9650;&#x5236;">1. &#x4E0A;&#x4F20;&#x6587;&#x4EF6;&#x5927;&#x5C0F;&#x9650;&#x5236;</h4>
<p>&#x7F16;&#x8F91;&#x914D;&#x7F6E;&#x6587;&#x4EF6; <code>vi /etc/nginx/nginx.conf</code></p>
<pre><code># &#x66F4;&#x6539;&#x4E0A;&#x4F20;&#x5927;&#x5C0F;
client_max_body_size 1024m
</code></pre>
</section>
@ -599,7 +604,7 @@ esc_proxy_port=&quot;http://192.168.220.154:12345&quot;
<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:01:32.517Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2019-04-10T07:14:01.407Z"},"basePath":".","book":{"language":""}});
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>

View File

@ -1,11 +1,20 @@
# 前端部署文档
- ##### 1. 开发环境搭建
- ##### 2. 自动化部署
- ##### 3. 手动部署
- ##### 4. Liunx下使用node启动并且守护进程
### 1.开发环境搭建
- #### 安装node
- #### node安装
Node包下载 (注意版本 8.9.4) `https://nodejs.org/download/release/v8.9.4/`
- #### 构建项目
- #### 前端项目构建
用命令行模式 `cd` 进入 `escheduler-ui`项目目录并执行 `npm install` 拉取项目依赖包
> 如果 `npm install` 速度非常慢
@ -14,6 +23,8 @@ Node包下载 (注意版本 8.9.4) `https://nodejs.org/download/release/v8.9.4/`
> 运行 `cnpm install`
> ##### !!!这里特别注意 项目如果在拉取依赖包的过程中报 " node-sass error " 错误,请在执行完后再次执行以下命令
```
npm install node-sass --unsafe-perm //单独安装node-sass依赖
@ -33,9 +44,8 @@ API_BASE = http://192.168.220.204:12345
- `npm run build` 项目打包 (打包后根目录会创建一个名为dist文件夹用于发布线上Nginx)
### 2.自动部署方式
### 2.自动化部署`
### 2.自动化部署
在项目`escheduler-ui`根目录编辑安装文件`vi install(线上环境).sh`
@ -51,11 +61,6 @@ esc_proxy_port="http://192.168.220.154:12345"
前端自动部署基于`yum`操作,部署之前请先安装更新`yum
在项目`escheduler-ui`根目录下修改install.sh中的参数执行`./install(线上环境).sh`
### 3.手动部署方式
在项目`escheduler-ui`根目录执行`./install(线上环境).sh`
@ -162,8 +167,11 @@ systemctl restart nginx
│ 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
## FAQ
```
## 问题
#### 1. 上传文件大小限制
编辑配置文件 `vi /etc/nginx/nginx.conf`
```