搭建个人网站【华为云服务器、阿里云域名】

1.购买一个属于自己的服务器

这里本人采用了新用户优惠,在华为云花费低价购买了1G1M 40G的ECS(弹性云服务器)
服务器需要手动设置安全组,最好选择开发端口多的,也可以人为设置(下面安装宝塔需要用到)

2.购买一个自己喜欢的域名

这里本人在阿里云有幸购得一域名,花费$9
域名需要进行备案,最好购买同一个服务商的商品

3.备案域名

服务器:华为云
域名:阿里云
备案:在华为云的管理后台中选择域名备案功能。
注:因为不是同一个服务商,虽然在阿里云进行购买的域名,但是备案需要在服务器所在的管理功能中进行备案。
选择备案基础:都已经进行实名(这个肯定是必要的),没有对域名进行解析(关闭域名的解析)
如何关闭域名的解析:在已购买的域名中,有一个“解析设置”功能,全部设置为禁用,如果购买后没有进行域名操作,可以省略。
备案时长:服务器我只用了两天,其他时间在“管局审核”停留时间较长。大概一个星期到两个星期左右的时间。

4.对服务器进行一定的操作

打开ECS弹性云服务器,找到对应的服务器,可以查看服务器的基本信息。
找到远程登陆按钮,进行远程登陆。
选择CloudShell登录,这个后期可以通过XShell进行操作
输入密码:xxxxxxxx,成功登录!!!!
注:一个小小的注意点,可能看到登录的终端存在字符间隔过大的现象,根据个人选择进行操作
通过Ctrl+滑轮缩放浏览器的方式可以还原

5.在登录的服务器中安装宝塔

官网:https://www.bt.cn/new/download.html
根据提示进行安装
安装后查看宝塔后保存他返回的信息!!!!!保存好
包括两个地址以及用户名和密码
保存到标签页在一定时间后不能再次通过标签页保存的网址打开,宝塔为安全考虑,需要用过外网地址or内网地址进行重新打开
注:如果遇到在外网打不开宝塔时,再次查看服务器的安全组的端口是否已经是打开状态,初学者统统打开准没错

6.宝塔

!!!不需要根据推荐下载软件!!!
找到对应的软件商店功能
下载对应的软件,我这里装了后台需要用到的redis、MySQL、Nginx
完成。。。。

7.域名备案通过后

对域名进行解析,解析到服务器所在的公网ip(在服务器的基本信息中有)
注:解析完成,就可以通过自己选择的域名访问到服务器(当然服务器中不存在页面),没有备案肯定不能访问

8.实例

本人eg:后端springboot+vue3_TS部署
nginx配置
直接在宝塔中找到nginx,点击设置,找到配置修改,这里直接复制我的配置

server{
  listen 80;
  server_name 139.159.176.211;
  
  location / {
    root /home/dist/web;
    index index.html index.htm;
  }
  location /NingApi/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://localhost:9000/;
  }
}
注:这是在nginx原有的基础上,在其下方进行添加的一个server,NingApi是配置的代理,
最重要的是proxy_pass http://localhost:9000/;nginx错误可能是配置项哪里有错误

找到宝塔中文件功能,找到home文件下,创建自定义文件名,这里我叫dist存放前后端文件。
前端

  • 打包npm run build

  • 注:前端vue在进行配置跨域时自定义了一个前缀,这里叫/NingApi/,在部署时可不删掉,删掉nginx配置不同

  • 此次在不删掉的情况下进行部署

后端

  • springboot打包
  • 注:无

后续

  • 将后端打包后的文件上传到dist中(自定义的文件夹),同时创建一个web存放前端打包文件。
  • 前端不需要进行操作
  • 后端需要将jar进行解压
  • 解压jar包
  • unzip xxxx
  • 运行jar包
  • nohup java -jar 项目名.jar &
  • 注:这里不采用jar -jar的方式运行,原因百度
  • 运行成功后结束

9.结束

在上传前后端文件并进行运行后,即可在服务器公网ip or 域名上进行访问

10.注意点

接口访问404查看nginx配置方面,前端配置方面。
可能遇到:404,数据库数据读取错误等!!!!

11.祝大家操作成功,年年发大财

祝大家操作成功,年年发大财

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

不写bug的柠宝

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

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

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

打赏作者

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

抵扣说明:

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

余额充值