本地项目部署到线上流程

2024-04-30 00:36

本文主要是介绍本地项目部署到线上流程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本地项目需要想要别人能正常访问,则需要通过部署在云服务器上,通过ip申请来访问,之前部署过一次没有记录,本次记录一下部署流程。

一、购买云服务器

云服务器有很多种,本次用的阿里云服务器,其他服务器大同小异,购买流程大致相同,根据自己所需,购买自己能用的配置。如果只是自己测试用的话,全部选择第一项,因为是最便宜的 。或者购买套餐,也是不错的选择。
本次演示的是购买一个阿里云服务器的99元/年套餐,2核2G40G,个人使用绰绰有余
在这里插入图片描述
选择配置:一般情况下地域选择离自己近的地区,操作系统看个人喜好,我选择的是CentOS
在这里插入图片描述
之后就是购买流程,直接略过。

二、安装和使用宝塔

2.1 查看公网ip

在云服务器ECS的概览上,可以找到上述购买的云服务器的公网ip,只要是联网状态,在cmd上也能正常ping得通
在这里插入图片描述
应该是套餐选择的原因,之前购买一个月的套餐,是没有附带公网ip的,所以需要购买弹性公网ip进行绑定,才能进行后续配置使用
在这里插入图片描述

2.2 xshell登录

2.2.1 打开xshell软件,配置主机名称

在这里插入图片描述

2.2.2 配置账号密码

在这里插入图片描述
由于购买的是套餐,没有经过密码配置的步骤,不清楚密码所以需要在实例中进行密码修改,自定义选择配置购买步骤应该有配置密码这一步。
在这里插入图片描述

2.2.3 连接远程服务器

双击连接,以下情况是连接成功状态
在这里插入图片描述

2.3 安装宝塔面板

进入宝塔官网,根据所安装的系统来选择
在这里插入图片描述
粘贴至xshell进行安装,此处不能ctrl+v来粘贴,用右键粘贴选项
在这里插入图片描述
等待安装,这里的安装面板时,选择y,然后继续等待安装
在这里插入图片描述
安装成功后,会显示访问的外网地址和登录所需要的账号密码(需要保存)
在这里插入图片描述

三、配置宝塔面板

3.1 配置端口

2.3步骤之后将宝塔面板部署在了10209端口上(根据实际端口进行配置),需要再云服务器上放开访问,否则是无法正常打开宝塔面板的

3.1.1 打开实例安全组

在这里插入图片描述

3.1.2 端口配置

配置目的端口10129,源的话设置0.0.0.0,表示任何地址都可以访问。
在这里插入图片描述
配置后续的mysql、前端8887服务和后端8889服务
在这里插入图片描述

3.2 登录宝塔面板

打开外网地址,输入账号密码
在这里插入图片描述
阅读之后才能进入面板
在这里插入图片描述
绑定手机号,没有账号进行注册即可
在这里插入图片描述
面板安全页面配置相关端口
在这里插入图片描述

3.3 安装所需服务

默认会推荐安装套件进行安装,一键安装相对简单一点,也可以在面板软件商店进行按需安装
在这里插入图片描述
所需安装:nginxmysqlpm2node版本管理,此处特别要注意版本问题,否则会出现各种奇奇怪怪的问题。
之后在首页调出面板
在这里插入图片描述

四、部署项目

4.1 部署数据库

4.1.1 创建数据库

输入数据库名和用户名,访问权限设置成所有人,也可以根据安全配置进行配置
在这里插入图片描述

4.1.2 导入sql文件

点击导入
在这里插入图片描述
从本地上传,选择自己的sql文件,导入后进行上传
在这里插入图片描述
之后进行导入
在这里插入图片描述
经过远程连接,结果正常
在这里插入图片描述

4.2 部署后端

后台安装node版本为v12.16.0
在这里插入图片描述
更换配置文件,连接到远程数据库中
在这里插入图片描述

4.2.1 上传目录

后端目录部署在文件\www\wwwroot
在这里插入图片描述
选择后端服务(express)
在这里插入图片描述
解压后端文件
在这里插入图片描述

4.2.2 运行服务

添加pm2上的项目,注意启动文件要选择app.js
在这里插入图片描述
启动成功
在这里插入图片描述

4.2.3 测试后端服务

使用postman进行接口测试,有返回就是成功了。
在这里插入图片描述

4.3 配置前端

4.3.1 上传项目

前端目录部署在文件\www\server,上传前端打包的vue项目
在这里插入图片描述

4.3.2 配置nginx

server上配置监听端口,前端端口为8887,如果不清楚nginx配置的可以转另一篇文件链接
当访问8887/api/时,会匹配到服务器8889/api/下
在这里插入图片描述

注意1:如果出现pm2找不到命令或者node找不到命令,需要检查是否安装好了环境,到pm2管理器上的模块管理上找,都有版本则是没问题的,需要先安装node,再安装pm2,不然可能会出现这种情况(别问我怎么知道!!!)

在这里插入图片描述

注意2:前端项目由于刚开始是使用vite.config.js代理配置,在服务器上的nginx重新配置

在这里插入图片描述

这篇关于本地项目部署到线上流程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/947555

相关文章

精选20个好玩又实用的的Python实战项目(有图文代码)

《精选20个好玩又实用的的Python实战项目(有图文代码)》文章介绍了20个实用Python项目,涵盖游戏开发、工具应用、图像处理、机器学习等,使用Tkinter、PIL、OpenCV、Kivy等库... 目录① 猜字游戏② 闹钟③ 骰子模拟器④ 二维码⑤ 语言检测⑥ 加密和解密⑦ URL缩短⑧ 音乐播放

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

使用IDEA部署Docker应用指南分享

《使用IDEA部署Docker应用指南分享》本文介绍了使用IDEA部署Docker应用的四步流程:创建Dockerfile、配置IDEADocker连接、设置运行调试环境、构建运行镜像,并强调需准备本... 目录一、创建 dockerfile 配置文件二、配置 IDEA 的 Docker 连接三、配置 Do

Spring Boot 中的默认异常处理机制及执行流程

《SpringBoot中的默认异常处理机制及执行流程》SpringBoot内置BasicErrorController,自动处理异常并生成HTML/JSON响应,支持自定义错误路径、配置及扩展,如... 目录Spring Boot 异常处理机制详解默认错误页面功能自动异常转换机制错误属性配置选项默认错误处理

在IntelliJ IDEA中高效运行与调试Spring Boot项目的实战步骤

《在IntelliJIDEA中高效运行与调试SpringBoot项目的实战步骤》本章详解SpringBoot项目导入IntelliJIDEA的流程,教授运行与调试技巧,包括断点设置与变量查看,奠定... 目录引言:为良驹配上好鞍一、为何选择IntelliJ IDEA?二、实战:导入并运行你的第一个项目步骤1

Spring Boot从main方法到内嵌Tomcat的全过程(自动化流程)

《SpringBoot从main方法到内嵌Tomcat的全过程(自动化流程)》SpringBoot启动始于main方法,创建SpringApplication实例,初始化上下文,准备环境,刷新容器并... 目录1. 入口:main方法2. SpringApplication初始化2.1 构造阶段3. 运行阶

使用Go实现文件复制的完整流程

《使用Go实现文件复制的完整流程》本案例将实现一个实用的文件操作工具:将一个文件的内容完整复制到另一个文件中,这是文件处理中的常见任务,比如配置文件备份、日志迁移、用户上传文件转存等,文中通过代码示例... 目录案例说明涉及China编程知识点示例代码代码解析示例运行练习扩展小结案例说明我们将通过标准库 os

MySQL 主从复制部署及验证(示例详解)

《MySQL主从复制部署及验证(示例详解)》本文介绍MySQL主从复制部署步骤及学校管理数据库创建脚本,包含表结构设计、示例数据插入和查询语句,用于验证主从同步功能,感兴趣的朋友一起看看吧... 目录mysql 主从复制部署指南部署步骤1.环境准备2. 主服务器配置3. 创建复制用户4. 获取主服务器状态5

Ubuntu 24.04启用root图形登录的操作流程

《Ubuntu24.04启用root图形登录的操作流程》Ubuntu默认禁用root账户的图形与SSH登录,这是为了安全,但在某些场景你可能需要直接用root登录GNOME桌面,本文以Ubuntu2... 目录一、前言二、准备工作三、设置 root 密码四、启用图形界面 root 登录1. 修改 GDM 配

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.