介绍
- 今天教大家一个简单的方法部署自己写的网站让别人能够访问;当然了方法很多,在这里我只介绍其中一种,也是最容易上手的;接下来我们以
腾讯云
为例来一步一步操作;如果你使用的是阿里云的话,方法类似
1、打开对象储存
- 首先登录腾讯云的控制台打开对象储存
2、创建一个储存桶
3、上传文件
- 上传你的网站文件,可以是vue或者react打包文件,这里我上传一个测试的html文件,进入文件详情
4、复制链接
- 复制对象地址,粘贴在浏览器地址栏中,或者发给你的朋友
5、效果
- 网站成功打开,到这里网站就部署成功了
补充(以下内容选修)
这时你就会发现了,链接太长了不好记,那么我们就来给这个网页配置一个域名。域名的购买和备案这里就不赘述了,移步
腾讯官方文档。以下内容建立在你有一个域名,并且已经备案的情况下
6、迁移路径
- 为了规范,我将test.html修改为index.html,
并将index.html放入hello文件夹下
7、配置静态网站
- 打开左侧菜单的
静态网站
,将静态网站状态设置为开启状态,将索引文档设置为你的index.html所在的路径我这里是放在hello文件夹下所以设置为hello/index.html。
8、自定义源站域名
- 打开左侧菜单的域名与传输管理,找到里面的
自定义源站域名
,点击添加域名,在输入框中输入你的域名,将源站类型设置为静态网站源站
,复制CNAME
值待会有用,点击保存。
9、进入域名解析页
- 在域名列表里点击解析,进入解析页面
10、添加解析记录
- 点击添加记录,主机记录选择
www或者@
,这是两条记录,一条www,就是可以通过www.gongyaotw.cn
访问;另一条就是@,配置了可以通过gongyaotw.cn
访问;所以以上两条记录一般都会配置;记录类型选择CNAME
;记录值就是我们在第八步复制的CNAME值粘贴进来,点击保存
11、保存
- 我这里添加了两条记录值,保存时提示你需要10分钟生效,但是一般1~5分钟就生效了
12、打开域名
- 打开
gongyaotw.cn
和www.gongyaotw.cn
,完美!!