資訊專欄INFORMATION COLUMN
摘要：你會(huì)看到如下信息然后輸入對(duì)應(yīng)上圖中的若出現(xiàn)類似上圖信息說明啟動(dòng)成功了接下來就能隨時(shí)訪問到接口了本文只對(duì)簡(jiǎn)單的介紹，詳細(xì)使用教程請(qǐng)自行百度此外項(xiàng)目的配置請(qǐng)看項(xiàng)目從創(chuàng)建到打包到云服務(wù)器指南潘小閑
一 創(chuàng)建koa2項(xiàng)目一 創(chuàng)建koa2項(xiàng)目
二 放到云服務(wù)器
為了節(jié)省開發(fā)成本，本文采用koa-generator腳手架來創(chuàng)建koa2項(xiàng)目
首先npm安裝腳手架
$ npm install -g koa-generator
這是腳手架自動(dòng)生成的目錄
打開package.json文件可以看到
簡(jiǎn)單介紹下這幾個(gè)快捷命令 start dev prd 和 test
start 命令是運(yùn)行項(xiàng)目
dev 中的nodemon是修改項(xiàng)目代碼后,服務(wù)器自動(dòng)重啟,讓我們的改動(dòng)生效
prd 中的pm2是node進(jìn)程管理工具(用來保持進(jìn)程，下文中放云服務(wù)器上時(shí)會(huì)用到)
test 自然是代碼測(cè)試配置
我們輸入 npm start 就可以看到項(xiàng)目成功運(yùn)行了
本文暫時(shí)不分析koa腳手架目錄和配置文件
ps: 在npm中，有四個(gè)常用的縮寫
npm start 是 npm run start npm stop 是 npm run stop 的簡(jiǎn)寫 npm test 是 npm run test 的簡(jiǎn)寫 npm restart 是 npm run stop && npm run restart && npm run start的簡(jiǎn)寫
其他自己配的命令都需要 npm run yourCommand
省略開發(fā)過程
二 放到云服務(wù)器注：本文以 centos 為例
推薦yum 源安裝(本文省略 yum 源配置,請(qǐng)自行百度或者看他人的博文)
1 )配置node 和 npm
首先 打開命令行 輸入 ssh root@yourIp 連上你的服務(wù)器
本文推薦用nvm方式安裝node
輸入如下安裝命令(目前最新版本是0.33.4，最新版本傳送門)
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.4/install.sh | bash
然后查看node版本
nvm ls-remote
由于koa2用了aynsc/await語法 推薦安裝高版本的node (注：本文安裝的是 V 7.8)
nvm install v7.8.0
安裝完后查看安裝的node版本
node -v npm -v
第一次安裝node nvm會(huì)默認(rèn)選擇你安裝的node版本也就是 7.8
如果你想再安裝其他版本
nvm install v x.x.x nvm use v x.x.x nvm alias default v x.x.x
安裝完后需要切換到你想要的版本 再將此版本設(shè)為默認(rèn)
2) 將我們寫好的koa2項(xiàng)目全部放到服務(wù)器上(除了node_modules文件夾)
3）云服務(wù)切換到你項(xiàng)目所在路徑
npm install 安裝相關(guān)依賴文件
接下來你可以npm run start 測(cè)試下你的koa2項(xiàng)目能不能跑起來
ps：這樣還不夠，因?yàn)橥顺龇?wù)器后node進(jìn)程就自動(dòng)關(guān)了，項(xiàng)目也就自動(dòng)關(guān)閉了
所以我們需要 pm2 來守護(hù)進(jìn)程
4）安裝pm2
我們選擇全局安裝pm2
npm install pm2 -g
安裝完成后云服務(wù)切換到你項(xiàng)目所在路徑
然后輸入 pm2 start ./bin/www --watch
解釋下這幾個(gè)參數(shù)
一般我們都是通過npm start啟動(dòng)應(yīng)用，其實(shí)就是調(diào)用node ./bin/www。那么，換成pm2就是 注意，這里用了--watch參數(shù)，意味著當(dāng)你的koa2應(yīng)用代碼發(fā)生變化時(shí)，pm2會(huì)幫你重啟服務(wù)。
你會(huì)看到如下信息
然后輸入 pm2 show 0對(duì)應(yīng)上圖中的id = 0
若出現(xiàn)類似上圖信息說明啟動(dòng)成功了
接下來就能隨時(shí)訪問到API接口了
ps：本文只對(duì)pm2簡(jiǎn)單的介紹，詳細(xì)使用教程請(qǐng)自行百度
此外React項(xiàng)目的配置請(qǐng)看 React項(xiàng)目從創(chuàng)建到打包到云服務(wù)器指南
by 潘小閑
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88483.html
摘要：一搭建項(xiàng)目二打包三云服務(wù)器設(shè)置一搭建項(xiàng)目這里采用官方提供的腳手架已自動(dòng)集成相關(guān)配置生成的項(xiàng)目目錄結(jié)構(gòu)如下為什么沒有配置文件的配置需要輸入命令將所有內(nèi)建的配置暴露出來。 一 搭建react項(xiàng)目 二 打包三 云服務(wù)器設(shè)置 一 搭建react項(xiàng)目: 這里采用react官方提供的腳手架 create-react-app (已自動(dòng)集成webpack相關(guān)配置) 生成的項(xiàng)目目錄結(jié)構(gòu)如下： sh...
摘要：前端項(xiàng)目使用搭建項(xiàng)目，這里就不發(fā)了安裝和配置或加載。目錄下文件修改來個(gè)請(qǐng)求，查看結(jié)果。 一。前端項(xiàng)目 1.使用vue-cli（vue2.0）搭建項(xiàng)目，這里就不發(fā)了. axios安裝和配置 ～ npm install axios 1. main.js或app.js加載axios。 import axios from axios Vue.prototype.$axios =...
摘要：對(duì)模塊進(jìn)行了打包，監(jiān)聽文件更改刷新等功能，創(chuàng)建了個(gè)服務(wù)，分別為靜態(tài)資源服務(wù)用于代理本地資源，與自刷新瀏覽器請(qǐng)求服務(wù)用于接受，請(qǐng)求，返回?cái)?shù)據(jù)服務(wù)用于收發(fā)消息。除了項(xiàng)目，還可以換成項(xiàng)目。項(xiàng)目地址如果覺得對(duì)你有所幫助，多謝支持 prince-cli 快速指南 這是一個(gè)為快速創(chuàng)建SPA所設(shè)計(jì)的腳手架，旨在為開發(fā)人員提供簡(jiǎn)單規(guī)范的開發(fā)方式、服務(wù)端環(huán)境、與接近native應(yīng)用的體驗(yàn)。使用它你能夠獲...
摘要：項(xiàng)目地址干貨求本腳手架主要致力于前端工程師的快速開發(fā)一鍵部署等快捷開發(fā)框架，主要目的是想讓前端工程師在一個(gè)阿里云服務(wù)器上可以快速開發(fā)部署自己的項(xiàng)目。 項(xiàng)目地址https://github.com/fanshyiis/... 干貨！求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本腳手架主要致力于...
閱讀 2274·2021-08-23 09:46
閱讀 927·2019-08-29 18:31
閱讀 1877·2019-08-29 17:04
閱讀 2469·2019-08-29 12:23
閱讀 1862·2019-08-26 14:05
閱讀 1088·2019-08-26 13:44
閱讀 3159·2019-08-26 12:23
閱讀 2211·2019-08-26 10:46
