摘要:你会看到如下信息然后输入对应上图中的若出现类似上图信息说明启动成功了接下来就能随时访问到接口了本文只对简单的介绍,详细使用教程请自行百度此外项目的配置请看项目从创建到打包到云服务器指南潘小闲
一 创建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 潘小闲
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/88483.html
摘要:一搭建项目二打包三云服务器设置一搭建项目这里采用官方提供的脚手架已自动集成相关配置生成的项目目录结构如下为什么没有配置文件的配置需要输入命令将所有内建的配置暴露出来。 一 搭建react项目 二 打包三 云服务器设置 一 搭建react项目: 这里采用react官方提供的脚手架 create-react-app (已自动集成webpack相关配置) 生成的项目目录结构如下: sh...
摘要:前端项目使用搭建项目,这里就不发了安装和配置或加载。目录下文件修改来个请求,查看结果。 一。前端项目 1.使用vue-cli(vue2.0)搭建项目,这里就不发了. axios安装和配置 ~ npm install axios 1. main.js或app.js加载axios。 import axios from axios Vue.prototype.$axios =...
摘要:对模块进行了打包,监听文件更改刷新等功能,创建了个服务,分别为静态资源服务用于代理本地资源,与自刷新浏览器请求服务用于接受,请求,返回数据服务用于收发消息。除了项目,还可以换成项目。项目地址如果觉得对你有所帮助,多谢支持 prince-cli 快速指南 这是一个为快速创建SPA所设计的脚手架,旨在为开发人员提供简单规范的开发方式、服务端环境、与接近native应用的体验。使用它你能够获...
摘要:项目地址干货求本脚手架主要致力于前端工程师的快速开发一键部署等快捷开发框架,主要目的是想让前端工程师在一个阿里云服务器上可以快速开发部署自己的项目。 项目地址https://github.com/fanshyiis/... 干货!求star showImg(https://segmentfault.com/img/remote/1460000017886870); 本脚手架主要致力于...
阅读 2216·2021-08-23 09:46
阅读 890·2019-08-29 18:31
阅读 1835·2019-08-29 17:04
阅读 2427·2019-08-29 12:23
阅读 1836·2019-08-26 14:05
阅读 1056·2019-08-26 13:44
阅读 3111·2019-08-26 12:23
阅读 2166·2019-08-26 10:46