手摸手教你在阿里云服务器部署express项目

ispring 发布于2019-07-31 15:17 / 2816人阅读

摘要：首先声明，我是一名前端，之前没有接触过服务器，秉着好好学习积极向上的精神，最近弄了阿里云个服务器捣鼓，如以下教程中有不正确的地方，欢迎指出，欢迎轻喷。

首先声明，我是一名前端，之前没有接触过服务器，秉着好好学习积极向上的精神，最近弄了阿里云个服务器捣鼓，如以下教程中有不正确的地方，欢迎指出，欢迎轻喷。

一、购买服务器

到阿里云免费领取一个试用版的（新注册用户）
https://free.aliyun.com/ntms/...

这里就不多说了，领取了就好，领取不了就买一个吧，选centOS系统就行

二、连接服务器

直接通过阿里云控制后台连接

输入密码，登录进服务器

ps:如果不知道密码，可以点击如下图地方进行修改

通过xshell登录

我是windows系统，所以用xshell，mac的话就用iterm就可以连了，上网下载xshell（这里就自行百度吧，网上一堆的），打开xshell，新建会话

输入密码，好了，连接上服务器了，如下：

三、基础安装

安装git

之前上网一顿搜索，又说要下载啊，解压啊什么的，后来发现阿里云服务器自带了git安装包的了（反正我买的这个就有），直接上命令：

yum install git

安装node

我是使用nvm安装的，方便以后可以切换node的版本，首先使用git将源码克隆到本地的~/.nvm目录下，并检查最新版本。

git clone https://github.com/cnpm/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

然后激活NVM

echo ". ~/.nvm/nvm.sh" >> /etc/profile
source /etc/profile

然后安装node（我是安装目前的LTS版10.16.0）

nvm install v10.16.0

最后使用nodev10.16.0

nvm use v10.16.0

测试一下有没有安装成功

node -v

npm -v

如果有版本号的话，就证明安装成功了。
PS:这里有个小坑，你试一下输入 reboot 重启服务器？然后 node -v ？没了吧。每次重启服务器，都要用node use 版本号才能用node和npm，设置一下别名，这样就可以重启后直接用了

nvm alias default v10.16.0

四、上传项目

通过git拉取代码到服务器（这里是我放在git上的一个测试项目，就是用express脚手架直接搭出来的一个东西而已，啥也没有）

git clone https://github.com/SuperMrBean/test.git

通过winSCP上传项目

下载winSCP:https://winscp.net/eng/downlo...

直接登录上就可以往上面传东西啦，把你本地的express项目直接放上去吧

五、运行项目

首先要下载pm2（pm2是啥？自己百度一下吧，我也是这么过来的）

npm install -g pm2

然后cd到你的express项目里面

pm2 start ./bin/www

现在还没有可以访问，还要去阿里云控制台配置一下端口(因为express默认端口是3000，所以这里只配置3000的)

最后访问你的 公有ip:端口号，如：123.123.123.123:3000

云服务器超融合服务器手摸手阿里云服务器express项目阿里云部署django项目阿里云部署web项目

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

转载请注明本文地址：https://www.ucloud.cn/yun/46286.html

手摸手教你用 js 写一个 js 解释器

摘要：手摸手教你用写一个解释器用来编译看起来是个高大上的东西，实际原理其实很简单，无非就是利用对象属性可以用字符串表示这个特性来实现的黑魔法罢了。手摸手教你用 js 写一个 js 解释器用 js 来编译 js 看起来是个高大上的东西，实际原理其实很简单，无非就是利用 js 对象属性可以用字符串表示这个特性来实现的黑魔法罢了。之所以看起来那么深奥, 大概是由于网上现有的教程，都是动不...

hss01248 2019-08-23 17:04 评论0 收藏0
手摸手教你用canvas实现给图片添加平铺水印

摘要：最近项目中遇到一个需求，需要把一张图片加上平铺的水印类似这样的效果首先想到的是用完成这种功能，因为我之前也没有接触过，所以做这个功能的时候，就是一步一步的摸索中学习，过程还是挺的，接下来跟我一步步来实现这个功能以及发现一些的坑吧。最近项目中遇到一个需求，需要把一张图片加上平铺的水印类似这样的效果showImg(https://segmentfault.com/img/remote/...

崔晓明 2019-08-26 14:04 评论0 收藏0
手摸手教你使用WebSocket[其实WebSocket也不难]

摘要：缺点可能会导致丢失数据在断开重连的这段时间中，恰好双方正在通信。博客前端积累文档公众号以上参考资料教程理解心跳及重连机制协议分钟从入门到精通 showImg(https://segmentfault.com/img/remote/1460000016797888?w=1152&h=720); 在本篇文章之前，WebSocket很多人听说过，没见过，没用过，以为是个很高大上的技术，实际上...

jhhfft 2019-08-23 12:32 评论0 收藏0
手摸手教你使用WebSocket[其实WebSocket也不难]

摘要：缺点可能会导致丢失数据在断开重连的这段时间中，恰好双方正在通信。博客前端积累文档公众号以上参考资料教程理解心跳及重连机制协议分钟从入门到精通 showImg(https://segmentfault.com/img/remote/1460000016797888?w=1152&h=720); 在本篇文章之前，WebSocket很多人听说过，没见过，没用过，以为是个很高大上的技术，实际上...

W_BinaryTree 2019-08-05 15:16 评论0 收藏0
【中高级前端必备】手摸手教你撸一个脚手架

摘要：管理文件当前用户目录下文件的增删改查是配置文件是默认的配置发布将本脚手架发布至上。脚手架 vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的脚手架(或公司通用...

qpal 2019-08-05 17:43 评论0 收藏0