部署原因: 一般情况下我们自己写的商城后台管理系统只能在我们自己的计算机上运行,既然我们开发出来了这个东西,就要展现他的价值,那我们如何让别人看到我们的系统呢。这个时候就需要我们部署服务器,来实现我们的朋友或者面试官可以访问我们的开发网站。
这个主要是总结自己的学习笔记,原链接我后面会放出来,希望大家学习之后都会有所成长。
看了本篇文章可获得的收获: 会部署项目的服务器。 --------- 分割线--------------------
那么开始:
软件需要:Xshell postman
这里拿阿里云购买服务器举例子:
复制公网ip,打开xshell 新建会话在左上角的文件新建会话,然后主机:公网ip 输入用户名和密码
出现如下界面
点击产品与服务,找到云服务器ECS
看到以下界面:地域及可用地区选择香港
筛选 那栏前两个只选择第一个,最便宜了!!
根据图中的标注进行选择
然后一直点击下一步即可,一直到下图中标注的第三步系统配置部分,根据图中的标注进行信息的填写
后面就一直下一步就可以了,提交订单,就购买成功了。有疑问的话可以评论,或者看一下我后面放置的链接。
然后复制一下公网的ip地址,这里我们就获取到了服务器的ip地址
然后我们打开xshell,点击菜单栏的文件,新建一个会话,左侧列表会显示“连接”,将我们的ip地址填写进去,如图所示:
然后我们继续填写如图所示:
点击确定之后出现这样的界面就表示成功了:
然后我们搜索引擎搜索“宝塔”,复制第一个,如图所示:
这里提示一个需要注意的一点,xshell的复制粘贴快捷键需要自己设置,这里暂时先不讲如何设置,后续再出。
然后我们在面板输入复制的命令行:
等待运行完毕,复制如图所示的地址,在浏览器中打开:
登录时输入的账号密码就是和复制网址那里的,是一样的。 推荐安排的套件选择第一个,如图所示:
安装过程中可能需要手机号注册什么的,直接注册就可以了。
下面仔细看一下图:添加数据库,修改数据库名称和密码,后面要用。
然后导入我们的项目的数据库文件
开放窗口,如图所示:
这里提示一下,先将项目压缩在上传,然后再解压到当前目录
修改default.json文件修改ip地址和端口号,数据库改成那个mydb那里的名称和密码:
文件app.js中的端口号记得修改
然后去下载pm2,如图:
回到首页的位置,运行pm2,选择运行项目文件(解压后的文件)
然后按照我图中的标注进行信息的填写:
所有东西配置完毕,打开Postman测试一下我们的数据接口:
出现如图所示的界面表示我们操作成功:
然后去文件中修改main-prod.js文件的网址,如图所示:
重新打包一下 npm run build,然后在文件夹中我们压缩一下dist文件。
进入宝塔页面,根据图中的操作进行修改和填写:
找到菜单啦文件,将http下的所有文件都删除!都删除!都删除!(图片中的这个剩下的也删除了)
上传dist的压缩文件并解压到当前目录,就是http的目录下,如图:
最后我们在浏览器中输入网址,就可以通过互联网访问我们的网站了! 学习视频的原链接:www.bilibili.com/video/BV1vE…