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