基于Node的Koa2項目從創建到打包到云服務器指南

lylwyy2016 發布于2019-08-21 16:23 / 3458人閱讀

摘要：你會看到如下信息然后輸入對應上圖中的若出現類似上圖信息說明啟動成功了接下來就能隨時訪問到接口了本文只對簡單的介紹，詳細使用教程請自行百度此外項目的配置請看項目從創建到打包到云服務器指南潘小閑

一創建koa2項目
二放到云服務器

一創建koa2項目

為了節省開發成本，本文采用koa-generator腳手架來創建koa2項目

首先npm安裝腳手架

$ npm install -g koa-generator

這是腳手架自動生成的目錄

打開package.json文件可以看到

簡單介紹下這幾個快捷命令 start dev prd 和 test

start 命令是運行項目

dev 中的nodemon是修改項目代碼后,服務器自動重啟,讓我們的改動生效

prd 中的pm2是node進程管理工具(用來保持進程，下文中放云服務器上時會用到)

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

省略開發過程

二放到云服務器

注：本文以 centos 為例

推薦yum 源安裝(本文省略 yum 源配置,請自行百度或者看他人的博文)

1 )配置node 和 npm

首先打開命令行輸入 ssh root@yourIp 連上你的服務器

本文推薦用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

安裝完后需要切換到你想要的版本再將此版本設為默認

2) 將我們寫好的koa2項目全部放到服務器上(除了node_modules文件夾)

3）云服務切換到你項目所在路徑

npm install 安裝相關依賴文件

接下來你可以npm run start 測試下你的koa2項目能不能跑起來

ps：這樣還不夠，因為退出服務器后node進程就自動關了，項目也就自動關閉了
所以我們需要 pm2 來守護進程

4）安裝pm2

我們選擇全局安裝pm2

npm install pm2 -g

安裝完成后云服務切換到你項目所在路徑

然后輸入 pm2 start ./bin/www --watch

解釋下這幾個參數

一般我們都是通過npm start啟動應用，其實就是調用node ./bin/www。那么，換成pm2就是

注意，這里用了--watch參數，意味著當你的koa2應用代碼發生變化時，pm2會幫你重啟服務。

你會看到如下信息

然后輸入 pm2 show 0對應上圖中的id = 0

若出現類似上圖信息說明啟動成功了

接下來就能隨時訪問到API接口了

ps：本文只對pm2簡單的介紹，詳細使用教程請自行百度

此外React項目的配置請看 React項目從創建到打包到云服務器指南

by 潘小閑

云服務器 GPU云服務器 node部署到云vps node部署到云主機從服務器到云計算 node.js服務器如何部署到云上

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88483.html

React項目從創建到打包到云服務器指南

摘要：一搭建項目二打包三云服務器設置一搭建項目這里采用官方提供的腳手架已自動集成相關配置生成的項目目錄結構如下為什么沒有配置文件的配置需要輸入命令將所有內建的配置暴露出來。一搭建react項目二打包三云服務器設置一搭建react項目: 這里采用react官方提供的腳手架 create-react-app (已自動集成webpack相關配置) 生成的項目目錄結構如下： sh...

yintaolaowanzi 2019-07-25 15:02 評論0 收藏0
vue+koa2+mongo前后端分離restful，配置和部署到云

摘要：前端項目使用搭建項目，這里就不發了安裝和配置或加載。目錄下文件修改來個請求，查看結果。一。前端項目 1.使用vue-cli（vue2.0）搭建項目，這里就不發了. axios安裝和配置～ npm install axios 1. main.js或app.js加載axios。 import axios from axios Vue.prototype.$axios =...

miracledan 2019-06-26 17:42 評論0 收藏0
使用prince-cli，輕松構建高性能React SPA項目~

摘要：對模塊進行了打包，監聽文件更改刷新等功能，創建了個服務，分別為靜態資源服務用于代理本地資源，與自刷新瀏覽器請求服務用于接受，請求，返回數據服務用于收發消息。除了項目，還可以換成項目。項目地址如果覺得對你有所幫助，多謝支持 prince-cli 快速指南這是一個為快速創建SPA所設計的腳手架，旨在為開發人員提供簡單規范的開發方式、服務端環境、與接近native應用的體驗。使用它你能夠獲...

roundstones 2019-08-23 10:29 評論0 收藏0
ONE-sys 整合前后端腳手架 koa2 + pm2 + vue-cli3.0 + element

摘要：項目地址干貨求本腳手架主要致力于前端工程師的快速開發一鍵部署等快捷開發框架，主要目的是想讓前端工程師在一個阿里云服務器上可以快速開發部署自己的項目。項目地址https://github.com/fanshyiis/... 干貨！求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本腳手架主要致力于...

劉福 2019-07-25 14:37 評論0 收藏0