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

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

??前面经历千辛万苦,终于把博客的所有东西都准备好了,现在就只等部署了。下面我介绍下我的部署过程:

一、购买服务器和域名

??如果需要域名(不用域名通过ip也可以访问,虽然不方便,但可以节约一年几十块钱的域名费用,哈哈),建议提前购买,因为域名备案的时间比较长。

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

二、服务器环境搭建

??新购买的服务器什么都没有,需要根据自己的须要搭建环境,我的博客服务端是用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端口)

如果出现下图的内容,说明安装成功。

4、域名绑定

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

5、重启nginx

service nginx restart
(上面代码不行可以试试: nginx -s reload)
重启完毕后就可以通过域名访问了~~~

到此为止,部署完毕,可以愉快的玩耍了

欢迎访问我的个人博客和github~新人写的代码烂的很,求大佬指点一二

线上博客地址点这里

Github点这里

(第一版用vue写的,现在线上版本是react版本的,后端是用的node express),感觉代码烂的一笔。。。各位大佬门有木有好点的学习的资源推荐下。

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12036806.html

时间: 2024-10-10 08:53:51

vue+express+mysql项目总结(node项目部署阿里云通用)的相关文章

NodeJS+Express+MySQL开发小记(2):服务器部署

http://borninsummer.com/2015/06/17/notes-on-developing-nodejs-webapp/ NodeJS+Express+MySQL开发小记(1)里讲过在本地搭建 NodeJS 网站的若干细节.本人最近在阿里云服务器上面按最低配租了4个月的云服务器,所以想试着把这个项目部署到云上.云服务器操作系统是Ubuntu 14.04 LTS.之前一直在Windows下做开发,对于Linux下的环境搭建.配置还不是很熟悉,搭建的过程中学到很多东西. 本文简单记

项目总结57:使用阿里云性能测试-电商系统并发测试

第一步:部署测试环境 1-单独部署测试服务,是为了尽量不影响正式环境,并尽量保证硬件和软件上,测试环境和正式环境一致 2-目前一共4台服务器:一台阿里云SLB服务器,一台RDS数据库服务器,两台ECS服务器(tomcat.redis.kafka,mongodb君部署在ECS服务器) 3-测试环境(完全模拟真实环境): 数据库:在RDS重新创建新的数据库,命名:xuegao_rds_test:数据库配置信息 Redis:在从服务器创建新的Redis客户端,端口号:6379: redis版本如下 [

【UEditor】 UEditor整合项目上传资源到阿里云服务器

目录 关于此文 下载源码 JSP代码 Java代码 阿里云jar包引入配置 成功啦! 回到顶部 关于此文 项目中要实现编辑器生成带格式的html文档,存入模板,最后生成html的URL,所以选择了UEditor. UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点. 之前没有接触过编辑器,从头开始摸索.看API,看网上的例子.之前,用的是UMeditor,是UEditor的mini版本.用的人少,例子也少.让我很苦恼.之后又换回了完整版

在Maven项目中,指定使用阿里云仓库下载jar包

Maven项目中,在pom.xml的</project>标签之前加入一下标签,指定使用阿里云仓库下载jar包. <!-- 使用aliyun maven --> <repositories> <repository> <id>aliyun</id> <name>aliyun</name> <url>http://maven.aliyun.com/nexus/content/groups/public&

趁阿里云宕机之际,我教妹子部署阿里云服务器,妹子邪恶的笑了

上一节教会妹子使用IDEA创建WEB应用之后,妹子的学习兴趣大增,有事没事都缠着我教她技术.看来学好技术好处非常多啊,欧耶!详情请看: 教妹子用IDEA创建web应用,部署到Tomcat服务器 最近阿里云宕机事件闹得沸沸扬扬,把我们的程序员兄弟弄的半夜起来加班修复,真是罪大恶极. 然而,伟大的哲学家认为,事物都是有两面性的.阿里云事件彻底启发了我,真的猛士要敢于直面淋漓的鲜血.程序员就应该迎难而上,到bug最多的地方去. 大家试想,如果我教会了妹子使用阿里云服务器,而阿里云又常常出问题,那妹子岂

教程:node服务端阿里云配制0到完成

前言:有许多前端朋友些完自己的node代码,不知道如何放到服务器上,在此做一下解释说明如何配置:其实这个服务器就是好比自己的电脑一样, 只不过是把桌面等熟悉的视图界面工具给简化了,只有电脑的盘符文件夹等,所有的操作都在一个小黑窗口远程操作该服务端的文件等服务端配置. 首先不要对它的操作使用的方式吓到,完全可当做是一个jump工具远程操作另一台电脑而已,其实实质上也是这样的. 第一步:开车先得有辆车,赶紧跑步去阿里云找个最便宜实惠的服务器拿来练练手. 直接去阿里云网站注册认证之后就可以挑选不同配置

项目架构优化后迁移阿里云实录

正在上传中---- 大概8月15号完成

安装部署阿里云的RAP系统

“RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率”--这个就是系统首页的介绍. 安装部署,官方已经给出了相应的文档,地址 https://github.com/thx/RAP/wiki/deploy_manual_cn 这里有war包直接部署的,也有构建项目部署的.作为码农,用了构建项目进行部署. 不过需要注意的是,要部署在Tomcat的Root目录下,即先清掉Root目录所有的文件及文件夹.

Mysql学习总结(32)——阿里云centos配置MySQL主从复制

1.安装jdk1.8 首先确定没有安装过jdk 2.yum –y list java*查询系统自带的jdk安装包情况. 3.安装jdk1.8 4. 验证安装结果. 安装mysql 1. rpm -Uvh http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm 2. yum -y install mysql-community-server 3.加入开机启动:systemctl enable mysqld 4. 启动mys