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

原文宣布于我的个人博客上:原文点这里

  前面阅历历尽艰辛,终究把博客的一切东西都预备好了,如今就只等布置了。下面我引见下我的布置历程:

一、购置效劳器和域名

  假如需要域名(不必域名经由过程ip也能够接见,虽然不方便,但能够勤俭一年几十块钱的域名用度,哈哈),发起提早购置,由于域名备案的时候比较长。

  我是在阿里云上购置的效劳器和域名,效劳器是在阿里云手机端上购置的运动产物,半年¥9.9(半年后续费彷佛就是原价了!!!下面是购置的截图),域名是¥55一年(.com比较贵),点这里去遴选适宜你的效劳器吧~~《vue+express+mysql项目总结(node项目布置阿里云通用)》

二、效劳器环境搭建

  新购置的效劳器什么都没有,需要依据本身的需要搭建环境,我的博客效劳端是用node搭建的,所以我给效劳器搭建的是node环境,其他环境请自行百度~~~(我的效劳器是 CentOS 7)。

我的长途衔接东西是用的是:XShell,文件上传用的是:FileZilla。固然也能够用其他的东西,请自行下载~~

1. 格式化和挂载数据盘

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

  在教程的第6步实行完以后,我实行了这条敕令:mkdir /brand,建立了一个 brand 的文件夹来寄存我本身上传的东西,没有放在教程的谁人 /mnt 文件夹中,从第7步最先把 /mnt 换成 /brand 就好了。实行完这些后第一步就算是完成了,如今就能够在你的装置你所需要的东西了~~

2.装置数据库

原文地点《
centos7 mysql数据库装置和设置

  • 第二步的时刻先实行以下两行代码,然后直接按 要领二 举行mysql的装置。数据库长途东西我用的:Navicat Premium
# yum install mysql
# yum install mysql-devel

  根据教程实行终了后,假如有需要,能够修正数据库默许的寄存位置(请看下面教程),假如不想修正,就能够运用 Navicat Premium 长途上你的长途数据库上举行建库建表的操纵了。

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运用

为了防止上传的文件能够较大上传时候就,或许传输历程当中文件丧失,我平常是先在当地紧缩后传到效劳器再解压,所以需要用到这个

1、装置zip、unzip运用:

yum install zip unzip

2、紧缩和解压文件

  以下敕令均在你 '上传文件' 的目次下操纵
    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装置、设置、域名绑定

1、装置nginx

yum -y install nginx

2、启动nginx

service nginx star

3、接见(nginx默许是80端口)

假如涌现下图的内容,申明装置胜利。

《vue+express+mysql项目总结(node项目布置阿里云通用)》

4、域名绑定

进入文件夹 /etc/nginx/conf.d/,我在这个文件夹下面放了3个config文件,如图,离别绑定的前端(wen.conf)、后端(admin.conf)和效劳端(server.conf)的域名
《vue+express+mysql项目总结(node项目布置阿里云通用)》

个中一个设置如下图,其他相似

《vue+express+mysql项目总结(node项目布置阿里云通用)》

5、重启nginx

service nginx restart
(上面代码不可能够尝尝: nginx -s reload)
重启终了后就能够经由过程域名接见了~~~

到此为止,布置终了,能够兴奋的游玩了

迎接接见我的个人博客和github~新人写的代码烂的很,求大佬指导一二

线上博客地点点这里

Github点这里

(初版用vue写的,如今线上版本是react版本的,后端是用的node express),觉得代码烂的一笔。。。列位大佬门有木有好点的进修的资本引荐下。

    原文作者:重庆崽儿Brand
    原文地址: https://segmentfault.com/a/1190000013095046
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞