简介
22 |23 | LiveNode是一个基于Node.js轻巧的web服务，帮助前端开发者解决本地跨域，代码刷新，以及SPA(单页应用)前后端服务分离，并且可以用于生产环境项目部署。 24 |
25 |
14 | 
15 |
16 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/src/css/style.css:
--------------------------------------------------------------------------------
1 | body{padding: 0;margin: 0px}
2 | .container{width: 500px; margin: 0 auto;padding-top: 10%;padding-bottom: 100px}
3 | .logo{width: 500px; margin: 0 auto}
4 | .title{color: #33333d;font-size: 16px;font-weight: 500;text-align: center}
5 | .page{background-color: #fdfdfd;border-top: 1px solid #eee;padding-top: 100px;padding-bottom: 100px}
6 | .page .content{width: 800px; margin: 0 auto;}
7 | .page .content h1{color: #222c36}
8 | .page .content p{color: #33333d;font-size: 15px;letter-spacing: .5px}
9 | .notfound{width: 80%; margin: 0 auto;display: block}
10 | .binlive-logo{width: 80px;position: fixed;right: 20px; top: 20px;z-index: 99}
11 | .code{font-size: 14px;color: #333;border: 1px solid #f2f3f3; background-color: #f6f8fa;padding: 10px;padding-left: 20px;border-radius: 3px}
12 | .title-link{text-decoration: none;color: #00a2ae;display: inline-block}
13 | .title-link:hover{color: #0b737b}
14 | .link-logo{width: 20px;text-decoration:none;float: left;margin: 0px 4px;}
15 | .document span{float: left}
16 | .document{overflow: hidden}
17 | @media (max-width: 600px) {
18 | body{zoom: 0.4}
19 | }
20 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | ## 简介
5 |
6 | LiveNode是一个基于Node.js轻巧的web服务，帮助前端开发者解决本地跨域，代码刷新，以及SPA(单页应用)前后端服务分离，并且可以用于生产环境项目部署。
7 |
8 |
9 |
10 | ## 安装
11 | 全局安装livenode脚手架工具
12 | ```
13 | npm install livenode-cli -g
14 | ```
15 |
16 |
17 | ## 初始化
18 | 创建项目
19 | ```
20 | livenode init
21 | ```
22 | 根据提示输入项目文件名称(不输入则生成默认名称)
23 | ```
24 | project name:
25 | ```
26 | 输入要创建的项目模版(不输入内容即生成多页项目模板，输入 spa 则生成单页面应用项目模版)
27 | ```
28 | project templat:
29 | ```
30 | cd进入生成的项目目录后，安装项目所需依赖
31 | ```
32 | npm install
33 | ```
34 | ## 项目说明
35 | `src` 目录为项目容器目录，html、css、js等代码放入该目录即可。(注意!不可修改src目录名称)
36 |
37 | `config.js` 为服务配置文件
38 |
39 | |参数 |值 |描述 |
40 | | ------------ | ------------ | ------------ |
41 | | port | 必填(number) | 服务端口 |
42 | | reload |(boolean) | 在开发环境下是否自动刷新代码 |
43 | | spaHistory |(boolean) | 项目是否为spa(单页面应用)的history模式 |
44 | | notFound | (string) | 多页服务中404页面位置，如'/404.html' |
45 | | proxyTable | (array) | 代理接口转发服务 |
46 |
47 |
48 | ### FAQ
49 | - 当spaHistory设为true时，此时不应设置notFound参数(设置为''字符串即可)，同理假如设置notFound参数后，spaHistory模式即失效。
50 | - reload为开发环境下的代码修改自动刷新浏览器，上线执行npm build启动服务时默认会关闭该功能。
51 | - proxyTable为服务转发设置，可以处理本地开发接口跨域调试，也可在线上生产环境中处理前后端分离，转发代理后端接口服务。
52 |
53 | ### proxyTable
54 | 配置接口转发代理
55 | ```js
56 | const proxyTable = [
57 | {
58 | host: 'http://www.binlive.cn',
59 | api: '/api/testApi'
60 | }, {
61 | host: 'http://www.example.cn',
62 | api: '/example'
63 | }
64 | ];
65 | ```
66 | `host` 为接口域名地址，`api` 为接口地址，可以配置多个接口转发。
67 | 如需代理restfull API，例如接口为http://www.binlive.cn/api/testApi 和 http://www.binlive.cn/api/testApi2 等接口，只需设置api为
68 | ```js
69 | {
70 | host: 'http://www.binlive.cn',
71 | api: '/api'
72 | }
73 | ```
74 |
75 | ## 服务命令
76 | ```
77 | npm start
78 | ```
79 | 启动开发环境下的node.js服务(⚠️如果已经执行过一次npm start命令，需要先执行npm stop关闭服务，才可以再用 npm start启动服务，或者可以直接用npm restart 重启服务)
80 | ```
81 | npm restart
82 | ```
83 | 重启node.js服务，在开发环境下修改`config.js`配置文件后需要执行该命令重启服务
84 | ```
85 | npm run build
86 | ```
87 | 启动生产环境下的node.js服务，在生产环境下修改配置文件不需要再执行npm restart命令重启，npm run build会默认监听配置文件修改并自动重启服务。
88 | ```
89 | npm stop
90 | ```
91 | 停止node.js服务
92 | ```
93 | npm run list
94 | ```
95 | 查看node.js服务的状态
96 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
14 |
15 | 
17 | 23 | LiveNode是一个基于Node.js轻巧的web服务，帮助前端开发者解决本地跨域，代码刷新，以及SPA(单页应用)前后端服务分离，并且可以用于生产环境项目部署。 24 |
25 |全局安装LiveNode脚手架工具
31 |npm install livenode-cli -g
32 |创建项目
38 |livenode init
39 |根据提示输入项目文件名称(不输入则生成默认名称)
40 |project name: my-project
41 |输入要创建的项目模版(不输入内容即生成多页项目模板，输入 spa 则生成单页面应用项目模版)
42 |project templat: spa
43 |cd进入生成的项目目录后，安装项目所需依赖
44 |cd my-project
45 |npm install
46 |npm start
52 |启动开发环境下的node.js服务
53 |npm restart
54 |重启node.js服务，在开发环境下修改config.js配置文件后需要执行该命令重启服务
55 |npm build
56 |启动生产环境下的node.js服务，在生产环境下修改配置文件不需要再执行npm restart命令重启，npm build会默认监听配置文件修改并自动重启服务。
57 |npm stop
58 |停止node.js服务
59 |npm run list
60 |查看node.js服务的状态
61 |
70 | 
74 |