三分钟,用云开发实现域名重定向

2021-04-29 17:22:51 浏览数 (1)

大家好,我是鱼皮,今天分享 域名重定向 小知识,以及我在腾讯云云开发 CloudBase 中实现域名重定向的实践。

痛点的诞生

之前,我开发了一个编程导航网站,将网站放到了腾讯云云开发上,用云托管(容器)的方式部署和维护。还购买了一个域名code-nav.cn,并且在云开发后台访问服务中,将该域名的子域名www.code-nav.cn和存放网站文件的容器相关联,配置如图:

云开发网站访问配置云开发网站访问配置

然后,大家就能通过网址www.code-nav.cn访问该网站了。

访问网站访问网站

但是,很快,我就发现了一个严重的问题。

有不少同学想要访问我的网站,但是,由于他们输入的网址是code-nav.cn,省略了网址前缀www,导致网站无法访问。也让我流失了一批用户。

初战-域名配置

要解决这个问题,其实很简单,之前是配置www子域名指向容器,那在云开发后台再加一条配置,直接将购买的域名(父域名)code-nav.cn也指向容器,不就成了么?

配置如下:

云开发网站访问配置云开发网站访问配置

这样,无论用户是否输入www前缀,都能够访问到我们的网站啦!

访问网站访问网站

看似非常完美,但目前,网站其实还存在一定问题

现存问题

首先,带 www 与不带 www 其实是两个不同的网址,虽然对用户来说,感觉是访问了同一个网站。但对于搜索引擎,小蜘蛛们会把他们识别为两个不同的网站,并且分别收录这两个路径下网站的内容,导致权重分散。虽然对流量小的网站来说影响不大,但对于大站点,这是必须要处理的问题。

此外,访问code-nav.cn(不带 www)的用户反映,网站上的数据无法加载。这是因为,腾讯云云开发的 WEB 安全域名限制,只有在白名单内的域名才允许访问云资源(数据、文件等),因此,还要在安全配置中,补上code-nav.cn域名。

云开发安全配置云开发安全配置

虽然现在访问正常了,但如果业务中还有一些和 www 网址强相关的逻辑,比如判断用户访问的网址必须是www.code-nav.cn才允许登录,那么你还要去修改代码,考虑稍有不周,就会导致一些功能出现问题。

为解决这些问题,我们可以使用重定向技术。

重定向

重定向是一个很广泛的概念,即通过各种方法将各种网络请求重新定个方向转到其它位置,比如网页重定向、域名重定向、数据报文重定向等。

在网站开发中,重定向的应用场景太多了,比如用户未登录时,将它输入的网址自动跳转为登录页;用户访问旧版网址时,自动跳转到新版网页。重定向不仅是导游,也是一名霸道的保安。

因此,很多大站点都会采用重定向技术。比如访问谷歌google.com,按 F12 查看开发者控制台,可以看到网址通过 302 重定向,自动跳转为了www..com

重定向重定向

那问题就来了,啥是 302 重定向?

不妨看一看常见的重定向 HTTP 状态码。

重定向 HTTP 状态码
和重定向有关的 HTTP 状态码主要是 301、302、303、307、308,最常用的是 301 和 302,可以看看 MDN 官方对它们的解释。

301 是永久重定向(Moved Permanently)说明请求的资源已经被 永久 移动到了由 Location 头部指定的 url 上,是固定的不会再改变,搜索引擎会根据该响应修正。

而 302 是暂时性转移(Moved Temporarily,或者 Found),表明请求的资源被 暂时 移动到了由 Location 头部指定的 URL 上。浏览器会重定向到这个 URL, 但是搜索引擎不会对该资源的链接进行更新。

虽然 301 和 302 都能够将用户输入的网址 A, 改为重定向后的网址 B,但他们还是有区别的:

  • 搜索引擎区别:301 表示原地址 A 的资源已被移除,永远无法访问,搜索引擎抓内容时会将网址 A 全部替换为 B;而 302 表示网址 A 还活着,搜索引擎会在抓取网址 B 新内容的同时,保留网址 A 的记录。
  • 安全性:302 跳转有网站劫持的风险,导致网站被盗用。

再战 —— 云开发重定向实践

了解重定向之后,来试试怎么实现重定向,以及如何在云开发中实现域名重定向。

实现重定向的方式有很多,很大程度上依赖于你使用的 web 服务器,比如 Nginx、Apache、Tomcat 等,一般在服务器中添加几条配置即可。

我的编程导航网站是以容器的方式,部署在云开发提供的云托管功能上的。我把开发好的网站文件和提供 web 服务的 Nginx 服务器一起打包,做成了容器,于是,可以将每个容器当成一个小服务器,独立运行。

要支持重定向,只需要修改下 Nginx 的配置。比如这里我选择给整个网站添加 301 永久重定向,配置文件如下:

代码语言:javascript复制
server {
  listen 80;
  # gzip config
  gzip on;
  ...

  root /usr/share/nginx/html;
  include /etc/nginx/mime.types;

  # 添加重定向
  if ($http_host ~ "^code-nav.cn") {
    rewrite  ^(.*)    https://www.code-nav.cn permanent;
  }
}

不必手写和记忆 Nginx 配置,直接使用可视化界面生成即可:

Nginx 可视化配置Nginx 可视化配置

详情参见这篇文章:轻松搞定 Nginx 配置代码的神器!其他的服务器配置也可以自行查阅文档,这里不再赘述。

然后,在云托管上创建新版本,发布新的容器,就大功告成啦!

新建版本新建版本

查看下效果,访问code-nav.cn,网站重定向到了www.code-nav.cn,完美!

查看网络请求查看网络请求

最后,回顾下在腾讯云云开发中实现域名重定向的完整过程,包括如下步骤:

1、在 访问服务 中添加父域名到网站的指向(云托管等)

2、在 安全配置 中添加父域名到白名单中

3、在 web 服务器中添加重定向配置

4、新建版本,部署发布

整个流程还是非常简单的~ 有需要的同学快去试试吧!

产品介绍

云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为开发者提供高可用、自动弹性扩缩的后端云服务,包含计算、存储、托管等serverless化能力,可用于云端一体化开发多种端应用(小程序,公众号,Web 应用,Flutter 客户端等),帮助开发者统一构建和管理后端服务和云资源,避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。

开通云开发:<https://console.cloud.tencent.com/tcb?tdl_anchor=techsite>

产品文档:<https://cloud.tencent.com/product/tcb?from=12763>

技术文档:<https://cloudbase.net?from=10004>

技术交流群、最新资讯关注微信公众号【腾讯云云开发】

0 人点赞