vue+express+mysql项目总结(node项目部署阿里云通用)

原文地址点这里html

  前面经历千辛万苦(菜鸟好多东西都第一次弄),终于把博客的全部东西都准备好了,如今就只等部署了。下面我介绍下个人部署过程:前端

1、购买服务器和域名

  若是须要域名(不用域名经过ip也能够访问,虽然不方便,但能够节约一年几十块钱的域名费用,哈哈),建议提早购买,由于域名备案的时间比较长。vue

  我是在阿里云上购买的服务器和域名,服务器是在阿里云手机端上购买的活动产品,半年¥9.9(半年后续费好像就是原价了!!!下面是购买的截图),域名是¥55一年(.com比较贵),点这里去挑选合适你的服务器吧~~ node

2、服务器环境搭建

  新购买的服务器什么都没有,须要根据本身的需要搭建环境,个人博客服务端是用node搭建的,因此我给服务器搭建的是node环境,其余环境请自行百度~~~(个人服务器是 CentOS 7)。mysql

个人远程链接工具是用的是:XShell,文件上传用的是:FileZilla。固然也能够用其余的工具,请自行下载~~react

1. 格式化和挂载数据盘

先放原文地址《 Linux 格式化和挂载数据盘》,照着教程一步一步来就行了。linux

  在教程的第6步执行完以后,我执行了这条命令:mkdir /brand,建立了一个 brand 的文件夹来存放我本身上传的东西,没有放在教程的那个 /mnt 文件夹中,从第7步开始把 /mnt 换成 /brand 就行了。执行完这些后第一步就算是完成了,如今就能够在你的安装你所须要的东西了~~nginx

2.安装数据库

原文地址《 centos7 mysql数据库安装和配置git

  • 第二步的时候先执行如下两行代码,而后直接按 方法二 进行mysql的安装。数据库远程工具我用的:Navicat Premium
# yum install mysql
# yum install mysql-devel
复制代码

  按照教程执行完毕后,若是有须要,能够修改数据库默认的存放位置(请看下面教程),若是不想修改,就可使用 Navicat Premium 远程上你的远程数据库上进行建库建表的操做了。github

2.1.修改数据库文件默认存放位置

1.检查mysql数据库存放目录

先登陆数据库
mysql -u root -p "password"

查看sql存储路径(查看datadir 那一行所指的路径)
show variables like '%dir%'; 
复制代码

2.中止mysql服务

service mysqld stop
复制代码

3.建立新的数据库存放目录

mkdir /data/mysql
复制代码

4.移动/复制以前存放数据库目录文件,到新的数据库存放目录位置

cp -R /usr/local/mysql/data/* /data/mysql/
复制代码

5.修改mysql数据库目录权限以及配置文件

chown mysql:mysql -R /data/mysql/

打开/etc下的my.cnf文件

vim /etc/my.cnf

将[mysqld]条目下的datadir和socket这两栏注释掉,并从新改新成你当前的路径,个人是在/home/data/目录下的,如下是个人修改内容供你们参考。

#datadir=/var/lib/mysql
datadir=/home/data/mysql
#socket=/var/lib/mysql/mysql.sock
socket=/home/data/mysql/mysql.sock)

在最后一行新增一个[mysql]的条目,并在下面新增如下内容:

[mysql]
socket=/home/data/mysql/mysql.sock

复制代码

6.启动数据库服务

service mysqld start

而后再执行第1步能够看到路径已经改了
复制代码
3.node环境的搭建

原文地址《 部署Node.js项目(CentOS)

  我按照教程执行完 步骤2 的第* 第4步*就没有按照它的教程作了。

  执行完 步骤2 的第* 第4步*,我安装了cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码

  cnpm安装完成后,建立软连接,使cnpm命令全局有效:

ln -s /root/node-v6.9.5-linux-x64/bin/cnpm /usr/local/bin/cnpm
复制代码

4.安装pm2 守护node进程

1.安装
cnpm install -g pm2

2.建立软连接,使cnpm命令全局有效:
ln -s /root/node-v6.9.5-linux-x64/bin/pm2 /usr/local/bin/pm2

3.运行
cd node/
pm2 start ./bin/www

复制代码

5.安装zip、unzip应用

为了不上传的文件可能较大上传时间就,或者传输过程当中文件丢失,我通常是先在本地压缩后传到服务器再解压,因此须要用到这个

一、安装zip、unzip应用:

yum install zip unzip

二、压缩和解压文件

  如下命令均在你 '上传文件' 的目录下操做
    cd /home #进入/home目录
  a、把/home目录下面的mydata目录压缩为mydata.zip
    zip -r mydata.zip mydata #压缩mydata目录
  b、把/home目录下面的mydata.zip解压到mydatabak目录里面
    unzip mydata.zip -d mydatabak
  c、把/home目录下面的abc文件夹和123.txt压缩成为abc123.zip
    zip -r abc123.zip abc 123.txt
  d、把/home目录下面的wwwroot.zip直接解压到/home目录里面
    unzip wwwroot.zip
  e、把/home目录下面的abc12.zip、abc23.zip、abc34.zip同时解压到/home目录里面
    unzip abc\*.zip
  f、查看把/home目录下面的wwwroot.zip里面的内容
    unzip -v wwwroot.zip
  g、验证/home目录下面的wwwroot.zip是否完整
    unzip -t wwwroot.zip
  h、把/home目录下面wwwroot.zip里面的全部文件解压到第一级目录
    unzip -j wwwroot.zip
复制代码

6.nginx安装、配置、域名绑定

一、安装nginx

yum -y install nginx
复制代码

二、启动nginx

service nginx star
复制代码

三、访问(nginx默认是80端口)

若是出现下图的内容,说明安装成功。

四、域名绑定

进入文件夹 /etc/nginx/conf.d/,我在这个文件夹下面放了3个config文件,如图,分别绑定的前端(wen.conf)、后端(admin.conf)和服务端(server.conf)的域名

其中一个配置以下图,其余相似

五、重启nginx

service nginx restart
(上面代码不行能够试试: nginx -s reload)
重启完毕后就能够经过域名访问了~~~
复制代码

到此为止,部署完毕,能够愉快的玩耍了

欢迎各位访问个人我的博客和github点个小星星

线上博客地址点这里

Github点这里

本身这个博客(初版用vue写的,如今线上版本是react版本的,后端是用的node express),感受代码烂的一笔。。。各位掘金大佬门有木有好点的学习的资源推荐下。

相关文章
相关标签/搜索