基于Node的Koa2项目从创建到打包到云服务器指南

lylwyy2016 发布于2019-08-21 16:23 / 3419人阅读

摘要：你会看到如下信息然后输入对应上图中的若出现类似上图信息说明启动成功了接下来就能随时访问到接口了本文只对简单的介绍，详细使用教程请自行百度此外项目的配置请看项目从创建到打包到云服务器指南潘小闲

一创建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服务器如何部署到云上

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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