本人最近在开发的react项目已经到了部署的阶段,我也是第一次上手docker,nginx,所以并不是很精通,这里仅仅是演示如何部署一个简单的前端react项目到服务器上,然后进行网页访问。
在这里,借此文记录一下整个部署过程, 主要是云服务器购买和简单使用,环境配置,以及项目打包等内容。
购买云服务器
云服务器是要有的,对于一个长期运行的应用来说,这也很有必要,而且我们需要有一个公网IP 供非局域网的用户访问。
因为我是学生,所以选择购买了腾讯云服务器(学生价一个月10块钱,外加8块可使用一个.cn的域名),价格相对比较便宜,且这样一台服务器对我个人已经够用了。
如果你也有需求,那么购买链接在这里,非广告。。。
我选择了最便宜的版本,买了6个月的云服务器,是CentOS系统版本的,还入手了一个.cn域名。
你打开实例控制台,就可以看到以下列表。
然后你就要注意系统会发送服务器的登录账号和密码信息给你。要留意右上角的铃铛?。
下一步就是重置服务器密码,换一个复杂好记的。
在实例列表中,点击更多可以找到重置按钮。按步骤来就可以更换密码啦。
连接云服务器
云服务器有了,我们就要考虑如何连接云服务器了。
在连接之前,我们要先保证实例(服务器)处于运行状态!!
一种可行的连接方法是通过腾讯云控制台来登录(内置了多种登录方法)。
但是个人并不是很推荐这种方法,因为不方便,你需要先微信扫码登录腾讯云平台,然后在进入控制台登录,比较麻烦。
个人建议是直接使用命令行ssh 连接服务器登录。
如果你是ubuntu等系统,有linux 终端,那么你可以直接通过ssh访问。
访问的方式是:
ssh root@0.0.0.0 # 0.0.0.0 替换成你的公网IP
然后第一次访问会提示以下信息,直接回复 yes
即可。
然后输入你的登录密码。
如果你是windows用户,那么我推荐你使用这个 ubuntu 子系统,在windows应用商店即可下载。
这相当于 windows 配置了一个linux终端。
这里有一个配置子系统的教程,供参考。