本地项目部署到线上流程

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

相关文章

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

SpringBoot配置Ollama实现本地部署DeepSeek

《SpringBoot配置Ollama实现本地部署DeepSeek》本文主要介绍了在本地环境中使用Ollama配置DeepSeek模型,并在IntelliJIDEA中创建一个Sprin... 目录前言详细步骤一、本地配置DeepSeek二、SpringBoot项目调用本地DeepSeek前言随着人工智能技

通过Docker Compose部署MySQL的详细教程

《通过DockerCompose部署MySQL的详细教程》DockerCompose作为Docker官方的容器编排工具,为MySQL数据库部署带来了显著优势,下面小编就来为大家详细介绍一... 目录一、docker Compose 部署 mysql 的优势二、环境准备与基础配置2.1 项目目录结构2.2 基

springboot集成Deepseek4j的项目实践

《springboot集成Deepseek4j的项目实践》本文主要介绍了springboot集成Deepseek4j的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录Deepseek4j快速开始Maven 依js赖基础配置基础使用示例1. 流式返回示例2. 进阶

CentOS 7部署主域名服务器 DNS的方法

《CentOS7部署主域名服务器DNS的方法》文章详细介绍了在CentOS7上部署主域名服务器DNS的步骤,包括安装BIND服务、配置DNS服务、添加域名区域、创建区域文件、配置反向解析、检查配置... 目录1. 安装 BIND 服务和工具2.  配置 BIND 服务3 . 添加你的域名区域配置4.创建区域

SpringBoot项目启动报错"找不到或无法加载主类"的解决方法

《SpringBoot项目启动报错找不到或无法加载主类的解决方法》在使用IntelliJIDEA开发基于SpringBoot框架的Java程序时,可能会出现找不到或无法加载主类com.example.... 目录一、问题描述二、排查过程三、解决方案一、问题描述在使用 IntelliJ IDEA 开发基于

SpringBoot项目使用MDC给日志增加唯一标识的实现步骤

《SpringBoot项目使用MDC给日志增加唯一标识的实现步骤》本文介绍了如何在SpringBoot项目中使用MDC(MappedDiagnosticContext)为日志增加唯一标识,以便于日... 目录【Java】SpringBoot项目使用MDC给日志增加唯一标识,方便日志追踪1.日志效果2.实现步