demo : 線上Demo 此專案較不適合大型專案的開發
(1)(https://github.com/guodonglw/koa_demo) 此專案有cluster模組範例,可利用系統多核心開啟多進程(2)(https://github.com/guodonglw/koa-practice) 該項目可基本滿足一般頁面需求,專案關鍵字RESTful + koa + 中介軟體+ mysql + mongo,實際開發可依需求進行中間件的新增與修改
node
// 将项目拉到本地
git clone 项目地址
// cd到本地项目下
cd ../vueProject
// 安装项目运行需要的依赖包
npm install / cnpm install (注:如需运行cnpm install,需先安运行npm install cnpm安装cnpm)
// 若在npm install后,提示需要执行npm audit fix则继续执行该命令
npm audit fix
// 在本地开发时,运行项目
npm run dev / cnpm run dev
開發環境,執行完上述步驟後,瀏覽器造訪http://localhost:8082,可跳到對應頁面(推進chrome瀏覽器)
在開發環境中完成專案開發後,要將專案發佈到伺服器(如nginx伺服器),首先在./config/prod.env.js的BASE_URL單引號內填上請求位址(Server的介面位址,該處必須在雙引號中將url位址用單引號包住,因為需要直接回傳字串路徑時,就必須採用單引號把字串內容括起來,如BASE_URL:"'http://192.168.1.111:4000/api'"),在url後加埠號加'/ api',這是由於F2FAdminServer端介面統一用了'url' + ':' + '連接埠號碼' + '/api'的形式,在完成上述修改後,進行下面的操作。
// 项目打包
npm run build / cnpm run build
// 查看是否生成了dist文件夹
在文件夹下包括index.html文件和static文件,如作了标题旁的图片,可能还有logo.ico
// cd到dist文件夹下
cd ./dist/
// 将dist文件夹下的static的文件夹与index.html文件直接放在nginx服务器根目录下
// 配置nginx,在nginx.conf文件中修改所要监听的端口
// chrome浏览器访问对应的域名,如http://xxx.xxx.com:123/
如部署到个人服务器,没有域名,访问地址为http:// + ip + :端口号
跳到登入頁面後,輸入資料庫對應表(如admin)中對應的帳號/密碼(如:lilei/123456),若跳到首頁頁面,則部署成功,否則根據所出現的問題(按F12調出控制台進行檢視),解決出現的問題,然後重複上述步驟。
server端伺服器部署分為node.js伺服器和MySQL資料庫兩部分工作
方法一
wget https://nodejs.org/dist/v4.4.4/node-v4.4.4-linux-x64.tar.xz
tar -xvf node-v4.4.4-linux-x64.tar
方法二
sudo apt-get node
node安裝完成後,需使用npm安裝forever守護程式模組
// 全局安装
npm install -g forever
// 启动项目进程
forever start app.js
// 重启项目进程
forever restart app.js
//停止项目进程
forever stop app.js
如使用自己伺服器資料庫,需要安裝MySQL
// 数据库初始化
mysql –uroot –p </root/xxx.sql
// 安装项目依赖
npm install / cnpm install
// 若在npm install后,提示需要执行git audit fix则继续执行该命令
npm audit fix
// 临时启动项目(检查项目是否有错误)
node app.js
// 后台守护进程启动项目
forever start app.js
// vue项目config/prod.env.js修改(改为https的请求协议)
BASE_URL:"'https://xxx.xxx.xxx:111/api'"
// 项目打包(如果之前已经build过,需先执行rm -r dist)
npm run build
// dist文件夹下index.html与static放到nginx下
// 停止Server程序
forever stop app.js
// 将ssl的.crt,.key放到Server/cert目录下
// 安装必要模块
npm install http --save -d (加--save -d会将模块名写入package.json中,下次npm install即可安装该模块)
npm install https --save -d
npm install fs --save -d
// app.js开始部分添加代码
var http = require('http');
var https = require('https');
var fs = require('fs');
// Configuare https
const httpsOption = {
key : fs.readFileSync("./cert/.key"),
cert: fs.readFileSync("./cert/.crt")
}
// app.js末尾部分代码修改
http.createServer(app).listen(4001 ,function(){
console.log("Listening on port:" + 1000);
});
https.createServer(httpsOption, app).listen(
1001,function(){
console.log("Listening on port:" + 1001);
});
// 至此,https已经配置完成