营销型网站 案例,怎么制作网页视频,备案一个网站为什么需要域名,小学生编程网课前十名三分钟#xff0c;带你学习和实践域名重定向大家好#xff0c;我是鱼皮#xff0c;今天分享 重定向 小知识#xff0c;以及我在腾讯云云开发中实现域名重定向的实践。孽起之前#xff0c;我开发了一个编程导航网站#xff0c;将网站放到了腾讯云云开发上#xff0c;用云… 三分钟带你学习和实践域名重定向大家好我是鱼皮今天分享 重定向 小知识以及我在腾讯云云开发中实现域名重定向的实践。孽起之前我开发了一个编程导航网站将网站放到了腾讯云云开发上用云托管容器的方式部署和维护。还购买了一个域名 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 才允许登录那么你还要去修改代码考虑稍有不周就会导致一些功能出现问题。为解决这些问题我们可以使用 重定向 技术。重定向重定向是一个很广泛的概念即通过各种方法将各种网络请求重新定个方向转到其它位置比如网页重定向、域名重定向、数据报文重定向等。在网站开发中重定向的应用场景太多了比如用户未登录时将它输入的网址自动跳转为登录页用户访问旧版网址时自动跳转到新版网页。重定向不仅是导游也是一名霸道的保安。因此很多大站点都会采用重定向技术。比如访问百度 baidu.com按 F12 查看开发者控制台可以看到网址通过 302 重定向自动跳转为了 www.baidu.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 永久重定向配置文件如下server {listen 80;# gzip configgzip 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 配置代码的神器其他的服务器配置也可以自行查阅文档这里不再赘述。然后在云托管上创建新版本发布新的容器就大功告成啦新建版本查看下效果访问 code-nav.cn网站重定向到了 www.code-nav.cn完美查看网络请求总结最后回顾下在腾讯云云开发中实现域名重定向的完整过程包括如下步骤在 访问服务 中添加父域名到网站的指向云托管等在 安全配置 中添加父域名到白名单中在 web 服务器中添加重定向配置新建版本部署发布整个流程还是非常简单的~如果本文对大家有帮助请一定要给个 点赞 在看 支持呀❤️往期推荐完了最近被她们迷住了气炸又一次被编辑器坑了我工作中不可或缺的宝贝们
