云上搭建个人网站,轻松做站长

记录一次使用云主机部署个人网站,并基于OSS+ CDN实现网站动静态分离的过程。

一、网站域名开通与备案

1、买域名

去阿里云买域名,并做好域名持有者实名认证。

2、域名解析及域名备案

按照《教你如何把域名解析到自己的服务器上-阿里云开发者社区 (aliyun.com)》 上的步骤,在阿里云上配置域名解析www A记录指到我的腾讯云主机IP上,过了一会可以访问主机80端口Nginx的index.html了。
结果,没过了一会就被封了,原因是域名没有做备案。所以接下来要去做备案。

ICP备案

域名需要在腾讯云进行备案。3月8日已提交审核。阿里云的域名、在腾讯云备案,因为云主机和内容服务是在腾讯云的。在腾讯云提交一堆备案资料,然后还要通过管局的审核。

3月10日管局发来了短信核验:

"【工业和信息化部】验证码:xxxxxx。您的新增备案已提交,核验链接:beian.miit.gov.cn,有效期1天【工信部ICP备案】"

验证码+手机号+身份证后6位提交后,正式进入管局审批流程。过了几天就通过了:

浙ICP备202200x0xx号 审核通过日期:2022-03-14

公安联网备案

也就是传说中的网安备案,在ICP备案并且网站上线运行之后,如果网站涉及商业运营那么还需要做信管局的增值电信业务许可备案、也就是EDI,如果只是像我们上面的测试网站一样,那么直接可以进到下一步、做公安的网安备案就可以了,这个要求在网站开通30日内办理。详见:《公安联网备案 (aliyun.com)》

把网站开办者信息之类的又要填写一遍,包括身份证持证照片这些也要上传。

操作是到全国互联网安全管理服务平台 (beian.gov.cn) 上,按照提示操作上传资料后,等待审核就行了,如下图。

网安审核中.png

等审核通过,把备案编号和html代码从网安那copy到自己的网站上就好了,相当于在网站首页底部加一个footer,显示备案信息:

<div style="width:300px;margin:0 auto; padding:20px 0;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011302000181" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="batb.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33011xxx000xxx号</p></a>
</div>

二、动静态分离网站架构——基于OSS + CDN

先看一下架构图(来自阿里云)


DNS+OSS.png

该架构的要点如下:

  • 将动态资源如Web程序、数据库等存放在云服务器ECS上。

  • 将静态资源如图片、音视频、静态脚本等存放在对象存储OSS上。

  • 将OSS作为CDN的源站,通过CDN加速分发,使用户通过CDN节点就近获得文件。

参考:使用CDN加速OSS访问 (aliyun.com)

我们来简单实践一下这个架构:

  • 首先在腾讯云的ECS主机上装Nginx然后放一个静态Html网页,网页上显示一个图片,图片放在阿里云的OSS上进行存储,然后使用阿里云的CDN对图片进行加速访问、CDN回源到阿里云OSS上。

  • 域名解析是在阿里云做,其中:A记录指向腾讯云上的主机,txt记录用来证明云主机归属、这样阿里云才会放心将域名解析到这个IP对应的主机上,CNAME记录则是指定网站的一个二级域名(比如cdn.wangan.xyz)指向到CDN加速域名去、CDN加速域名由阿里云CDN服务分配、作为二级域名的CNAME记录值。

  • 关于CDN回源,CDN一般可以搭配OSS云服务一同使用,这样就可以设置CDN静态资源回源到OSS服务上去而不是回源到网站主机那。所以笔者这里一同在阿里云也开通了OSS服务。

  • CDN解析过程:当用户访问到cdn.wangan.xyz二级域名下的静态资源时,域名会解析到上面提到的阿里云给分配的CDN加速域名cdn.wangan.xyz.w.kunlunaq.com去,后者直接从CDN缓存中返回静态资源给用户端实现加速,当缓存未命中时、由CDN节点发送回源请求到wangandouchuzioss.oss-cn-hangzhou.aliyuncs.com这个OSS域名(也是阿里云自动分配的)去、后者返回最新静态资源给CDN节点进行缓存。

最后,经过nginx在主机上的安装、以及一系列的备案流程我们的网站域名已经开放了,接下来我们上传一张图片到阿里云OSS上去。

1、OSS对象存储

使用云OSS对象存储比较方便,省去了自己搭建对象存储系统(比如基于FastFS或MinIO)的麻烦,阿里云上开通oss服务以后,新建一个bucket(类似目录)用来装对象,然后直接使用阿里云的OSS控制台就可以上传、下载对象了,比如图片。对于bucket的读写权限,一般设置公共读即可,也就是读是公开的、写需要密码。

而开发的话使用oss Java sdk即可,参见:前言 (aliyun.com)

对阿里云OSS的进一步学习,可以参考:
OSS阿里云_ OSS是什么意思对象储存OSS阿里云OSS学习路径图_OSS Learning Path - 阿里云 (aliyun.com)

2、CDN加速

需求:www.wangan.xyz 域名下的静态资源使用cdn加速域名cdn.wangan.xyz进行访问,并且回源指到阿里云oss上。

CDN域名cdn.wangan.xyz添加完成以后,阿里云自动给生成了CNAME记录值cdn.wangan.xyz.w.kunlunaq.com,需要把这个值设置到域名解析记录上去。有如下提示:

“您还需要完成加速域名的CNAME解析设置。您需要在域名解析中添加CNAME记录,CDN加速方能生效,请前往您的域名注册商添加CNAME。”

域名 cdn.wangan-douchuzi.xyz
CNAME记录值 cdn.wangan-douchuzi.xyz.w.kunlunaq.com
主机记录 cdn
记录类型 CNAME

按照如上要求,设置域名解析中的CNAME记录,即让我们自定义的CDN加速域名指向阿里云OSS,如下图:


cname2.png

这样等几分钟后,将原来的oss上的静态资源从https://wanganoss.oss-cn-hangzhou.aliyuncs.com/mz.jpg换成CDN加速域名http://cdn.wangan.xyz/mz.jpg来访问就可以了,命中就走缓存,没命中就回源到oss域名去。

可以用ping或者dig来验证cdn是否生效:

C:\Users\linyang>ping cdn.wangan-douchuzi.xyz

正在 Ping cdn.wangan.xyz.w.kunlunaq.com [122.xxx.x.230] 具有 32 字节的数据:
来自 122.xxx.x.230 的回复: 字节=32 时间=11ms TTL=54
来自 122.xxx.x.230 的回复: 字节=32 时间=11ms TTL=54
来自 122.xxx.x.230 的回复: 字节=32 时间=17ms TTL=54
来自 122.xxx.x.230 的回复: 字节=32 时间=11ms TTL=54

122.xxx.x.230 的 Ping 统计信息:
    数据包: 已发送 = 4,已接收 = 4,丢失 = 0 (0% 丢失),
往返行程的估计时间(以毫秒为单位):
    最短 = 11ms,最长 = 17ms,平均 = 12ms

可以看到,ping CDN加速域名最终是走到阿里云自动生成的CNAME上的。

最后,网站上使用这个图片就可以用CDN加速 + OSS回源了:

<img src="http://cdn.wangan.xyz/mz.jpg" />

参考资料:

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容