本地项目部署到线上流程

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

相关文章

mysql_mcp_server部署及应用实践案例

《mysql_mcp_server部署及应用实践案例》文章介绍了在CentOS7.5环境下部署MySQL_mcp_server的步骤,包括服务安装、配置和启动,还提供了一个基于Dify工作流的应用案例... 目录mysql_mcp_server部署及应用案例1. 服务安装1.1. 下载源码1.2. 创建独立

MySQL游标和触发器的操作流程

《MySQL游标和触发器的操作流程》本文介绍了MySQL中的游标和触发器的使用方法,游标可以对查询结果集进行逐行处理,而触发器则可以在数据表发生更改时自动执行预定义的操作,感兴趣的朋友跟随小编一起看看... 目录游标游标的操作流程1. 定义游标2.打开游标3.利用游标检索数据4.关闭游标例题触发器触发器的基

Nginx服务器部署详细代码实例

《Nginx服务器部署详细代码实例》Nginx是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务,:本文主要介绍Nginx服务器部署的相关资料,文中通过代码... 目录Nginx 服务器SSL/TLS 配置动态脚本反向代理总结Nginx 服务器Nginx是一个‌高性

JAVA项目swing转javafx语法规则以及示例代码

《JAVA项目swing转javafx语法规则以及示例代码》:本文主要介绍JAVA项目swing转javafx语法规则以及示例代码的相关资料,文中详细讲解了主类继承、窗口创建、布局管理、控件替换、... 目录最常用的“一行换一行”速查表(直接全局替换)实际转换示例(JFramejs → JavaFX)迁移建

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

解决idea启动项目报错java: OutOfMemoryError: insufficient memory

《解决idea启动项目报错java:OutOfMemoryError:insufficientmemory》:本文主要介绍解决idea启动项目报错java:OutOfMemoryError... 目录原因:解决:总结 原因:在Java中遇到OutOfMemoryError: insufficient me

python项目环境切换的几种实现方式

《python项目环境切换的几种实现方式》本文主要介绍了python项目环境切换的几种实现方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 如何在不同python项目中,安装不同的依赖2. 如何切换到不同项目的工作空间3.创建项目

SpringBoot项目整合Netty启动失败的常见错误总结

《SpringBoot项目整合Netty启动失败的常见错误总结》本文总结了SpringBoot集成Netty时常见的8类问题及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一、端口冲突问题1. Tomcat与Netty端口冲突二、主线程被阻塞问题1. Netty启动阻

python项目打包成docker容器镜像的两种方法实现

《python项目打包成docker容器镜像的两种方法实现》本文介绍两种将Python项目打包为Docker镜像的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目录简单版:(一次成功,后续下载对应的软件依赖)第一步:肯定是构建dockerfile,如下:第二步

Python + Streamlit项目部署方案超详细教程(非Docker版)

《Python+Streamlit项目部署方案超详细教程(非Docker版)》Streamlit是一款强大的Python框架,专为机器学习及数据可视化打造,:本文主要介绍Python+St... 目录一、针对 Alibaba Cloud linux/Centos 系统的完整部署方案1. 服务器基础配置(阿里