本地项目上线流程

简介: 本地项目上线流程

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


新建服务器实例

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


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


2.png


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


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


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


2.png


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


启动服务器

点击启动实例


2.png


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


2.png2.png


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

2.png



配置服务器

开机后,就可以直接开始配置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文件夹下的入口页面)

2.png



本地项目打包上线

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

2.png


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


2.png2.png2.png


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


2.png


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


2.png


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


后端上线

与前端同理


2.png


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


2.png


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


2.png


线上访问

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


2.png


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


相关文章
|
3月前
|
监控 安全 测试技术
从开发到测试再到发布,全方位解析项目上线的完美路程!
从开发到测试再到发布,全方位解析项目上线的完美路程!
123 0
|
测试技术 开发工具 UED
|
1月前
|
弹性计算 监控 测试技术
云效常见问题之应用交付生产环境部署设置发布的时间窗口如何解决
云效(CloudEfficiency)是阿里云提供的一套软件研发效能平台,旨在通过工程效能、项目管理、质量保障等工具与服务,帮助企业提高软件研发的效率和质量。本合集是云效使用中可能遇到的一些常见问题及其答案的汇总。
22 2
|
3月前
上线需求范围不明确该怎么办?
上线需求范围不明确该怎么办?
|
4月前
|
运维 Devops 专有云
云效需求评审功能上线!无需拉会,线上就能评!
云效上线了需求评审功能,无需拉会,即可在线发起需求评审。评审的建议也可记录存档,供产品经理参考和修改。
315 1
|
4月前
|
前端开发 JavaScript Devops
DevOps发版失败,发版仿佛回到了石器时代
DevOps发版失败,发版仿佛回到了石器时代😣
|
6月前
|
Kubernetes 监控 jenkins
基于K8S实现代码自动化上线
基于K8S实现代码自动化上线
|
监控 前端开发 测试技术
让项目顺利上线:做好转测试与上线准备
转测试是项目上线前最后一道坎,需求全部做完并自测后,项目就进入了转测试阶段
408 0
让项目顺利上线:做好转测试与上线准备
|
11月前
|
测试技术
测试一个项目的流程
测试一个项目的流程
|
监控 测试技术
如何做好项目上线工作?
项目测试达标后,就需要启动上线了。
596 0
如何做好项目上线工作?