宝塔 前端项目部署上线

1,145 阅读2分钟

image.png

1.准备工作

1.1服务器和域名方面,要用拥有自己的服务器和域名。我这里用的是亚洲第三 阿里云

,其他云也可以,都是大同小异的。

image.png 按提示购买就行了【域名需要备案,时间大概是1~2周】。 1.2获取自己服务的密码(用于本地链接服务器,安装宝塔)。

购买完成后就可以在这里找到。点击 image.png

image.png 公网IP和密码复制一下,存起来,一会用它链接在本地链接服务器。 image.png 到这里,服务器和域名准备工作完成。

1.2宝塔配置

首先用一个本地集成端链接服务器我这里用的是xshell,想用的伙伴可以看我这篇文章里面有链接 前端电脑配置。 看图:

image.png 用户名一般都是root image.png 输入刚存的密码: image.png 这样就是链接成功了。

image.png 接下来安装宝塔:宝塔官网

image.png

image.png 我使用的是第一个:

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

在xshell执行命令:

image.png 一直回车,遇到y/n就选y。

会给出一个面板的地址,账户和密码。

b13109e258275a87ebe0fc8f366ad39.png 复制那个地址在浏览器打开,登录账户和密码。

安装这些软件,过程中可能会出现一个绑定的弹窗,绑定就好啦!

image.png 到此,宝塔方面配置完毕!

2.部署项目方面 (分服务器和项目包两方面)。

2.1服务器

整个服务器包压缩!

image.png 找到宝塔面板:

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 这样数据库就导入进来了!

接下来端口放行:放行你需要的端口号

image.png 接着配置服务器文件:

image.png 上传成功后更改里面的用户名和端口号,以及密码:(每个项目的配置文件不一样)

a2ae7d94ed98c9a529b1765b4279a80.png 接下来找到pm2管理器,配置:

image.png

image.png 输入即可!这样服务器就启动成功了,可以用软件测试一下!

2.2项目方面

打开项目,在配置文件里改ip:我的是main.js。

image.png 打包,命令行执行:

npm run build

会生成一个在目录里dist文件。 image.png

image.png 上传:解压!

image.png 所有的文件都要放到这个跟目录下!

image.png

2.3添加站点!

输入自己的域名,配置文件!

image.png

image.png

至此,可以用互联网访问我们的项目了,大功告成!

image.png

番外篇 :

宝塔动态认证以及绑定app

ssh链接之后命令行输入:bt

image.png 绑定:

image.png

image.png