本地项目上线流程

以下是自己一个项目的本地上传至线上的总结

新建服务器实例

首先,你需要在各大云服务器平台选购一台合适的服务器

这里我选用的是阿里云(window2008 server版)

为什么系统选2008而不是2012版?

因为2008相对于2012占用的资源较少,当然如果你服务器配置高的话,就不用担心了

关闭服务器实例后,在服务器选项更多中选择更换系统 

 配置服务器账号密码并等待安装系统

启动服务器

点击启动实例

服务器控制台提供了远程连接实例功能,但是是介于网页版,部分功能及操作还不够全面,所以我们移步到自己电脑自带的远程桌面连接,并记住公网ip地址,用户名及开机密码

 输入ip,用户名,密码点击连接

 配置服务器

开机后,就可以直接开始配置node,Java,Nginx之类的了

简述一下Nginx(node在https://blog.csdn.net/time_____/article/details/84565042有介绍)

下载安装Nginx最新版

在目录nginx-1.15.8\conf\下找到nginx.conf文件,用编辑器打开,为自己的项目添加代理(这里我用的是Vue,端口号2048,root是Nginx主目录下一级文件名,index是vue文件夹下的入口页面)

本地项目打包上线

其实这个过程就是把本地请求的url改成服务器私有ip地址

 

 这里有一个服务器需要配置安全组,目的是为了开放接口以供调用,否则刚才配置的2048端口号无法访问

之后将本地项目baseurl修改为服务器私有ip地址

之后使用npm run build将项目打包在build文件夹中生成了打包后文件

复制文件夹到Nginx主目录下命名为vue

后端上线

与前端同理

将项目上传至服务器后运行(这里我是nodejs,所以切换到项目目录下运行node server)

在Nginx主目录下打开cmd运行start nginx,即可打开Nginx服务器

线上访问

最后在我们浏览器中访问服务器的ip加地址

最后,我们的项目就上传完毕 

### AcWingkob 项目部署上线配置教程 #### 准备工作 为了成功将AcWingkob项目部署到生产环境,需先完成一系列准备工作。确保本地开发环境中项目的正常运行是至关重要的前提条件[^1]。 #### 配置服务器环境 选择合适的云服务提供商来托管应用程序,并创建虚拟机实例作为目标服务器。安装必要的依赖项和服务端软件包,如Node.js、npm/yarn等构建工具以及数据库管理系统MySQL/MongoDB等[^2]。 #### 构建与打包应用 在源码根目录下执行`yarn install` 或 `npm install`命令以下载并安装所有必需的JavaScript库文件;接着通过`yarn build` 或者 `npm run build` 来编译前端资源为静态HTML/CSS/JS 文件以便于后续发布操作[^3]. ```bash # 安装依赖 $ yarn install # 执行构建过程 $ yarn build ``` #### 数据迁移与初始化设置 对于采用关系型数据库的应用程序来说,在正式投入使用前还需要考虑数据表结构的设计及其初始状态填充等问题。可以利用Sequelize CLI这样的ORM框架辅助实现自动化脚本化处理方式来进行版本控制下的增量更新作业[^4]. #### 设置反向代理 Nginx是一个高性能HTTP和反向代理web服务器,非常适合用来做负载均衡器或API网关角色。编辑其配置文件/etc/nginx/sites-available/default (Ubuntu系统路径),添加location匹配规则指向实际业务逻辑所在的监听地址即可[^5]: ```nginx server { listen 80; server_name localhost; location /api/ { proxy_pass http://localhost:3000/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } ``` #### 启动服务进程 最后一步就是让整个Web App能够持续在线提供访问支持啦!推荐使用PM2这类专门针对Nodejs设计的过程管理工具来保持后台常驻任务稳定可靠地运转下去[^6]: ```bash # 使用pm2启动node app $ pm2 start npm
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿宇的编程之旅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值