关于对整站进行二级域名的改造

简介: 关于对整站进行二级域名的改造

缘由


在此之前,博客的访问地址为 https://www.codelabo.cn/blog(当然现在页可以访问,因为做了重定向),改造成了目前的 https://blog.codelabo.cn,直观的区别就是使用了二级域名。


为什么需要这样呢?


起初,是打算直接用 https://www.codelabo.cn作为博客的访问地址的,后来想到把自己的其他项目也放到改域名下,所以决定改造成 主域名作为一个入口,分别进入到不同的项目,比如 https://www.codelabo.cn/bloghttps://www.codelabo.cn/webhttps://www.codelabo.cn/demo...类似这样的分支。


这部分完全可以在koa2里面完成,我用到了koa-mount,这个库可以用来实现将路径指向不同的服务。

app.use(mount('/blog', blog));
app.use(mount('/demo', demo));
app.use(mount('/portal', portal));
app.use(mount('/web', web));


然后就达到了我的目的,不同的地址指向不同的项目。

就这样持续了一个多月。


后来发现一个问题,由于只是相对路径不一样,域名完全一致,所以这些项目的storage是完全共享的,比如我在blog页面登录了,把一些登录信息存到了localstorage,然后demo里面也有登录,如果字段和blog一致,就会造成数据被覆盖的问题。


这应该算是自己规划的不足吧,在浏览器看来https://www.codelabo.cn/bloghttps://www.codelabo.cn/demo完全是同一个网址,只是进到了不同的子页面,所以数据是完全共享的。


那么如何解决呢?


思考


其实各大网站都有这样的现象,因为业务繁多,主域名都只要一个,比如百度就一个https://www.baidu.com,其他业务怎么描述的呢?


用到了二级域名,甚至是三级域名!


比如


还有很多都是这种表述方式

这也是二级域名最正确的使用方式


解决


那么我现在页决定使用二级域名。


二级域名的申请是免费的,我是在腾讯云购买的域名,可以在我的域名中进行申请

image.png


点击分配子域名至项目,然后又一个弹出框,填入你需要的二级域名名称,然后确定

image.png


成功后进入协作子域名,就可以看到刚才申请的域名了

image.png


当然现在还是不能使用的,需要先进行解析,进去添加解析,这里需要添加你的公网ip

image.png


然后看到解析正常,等几分钟就可以使用这个二级域名了

image.png


部署


以上完成了二级域名的申请和解析,那么如何把项目和这个域名来关联起来呢。

我这里用到了nginx,后面会分享一下nginx的使用。


你可以把二级域名当成一个全新的域名一样,直接进行分配就行,比如

nginx.conf文件中添加如下配置

server {
       listen       443;#https默认端口
       server_name  demo.codelabo.cn;#域名
       ssl on;
       ssl_certificate      ../ssl/1_demo.codelabo.cn_bundle.crt;#htpps证书
       ssl_certificate_key  ../ssl/2_demo.codelabo.cn.key;
       ssl_session_timeout  5m;
       ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
       ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
       ssl_prefer_server_ciphers  on;
       location / {
           root   /usr/local/src/web-app/www/demo;
           index  index.html index.htm;
           expires 1d;
       }
    }


这里用的是https,所以默认端口是443,如果是http,默认端口就是80,默认端口在浏览器可以省略不写


然后重启nginx,使配置生效

nginx -s reload


这样就完成了二级域名的部署。


小节


总的来说,这次改造还是很有成就感的,尤其是对我们这些前端来说,从刚开始对服务器半点都不懂,逐步摸索,到最终上线,这些过程还是很有意义的。


关于nginx的安装和初步使用,打算最近专门整理分析一下,敬请期待~

相关文章
|
1天前
|
弹性计算 运维 搜索推荐
三翼鸟携手阿里云ECS g9i:智慧家庭场景的效能革命与未来生活新范式
三翼鸟是海尔智家旗下全球首个智慧家庭场景品牌,致力于提供覆盖衣、食、住、娱的一站式全场景解决方案。截至2025年,服务近1亿家庭,连接设备超5000万台。面对高并发、低延迟与稳定性挑战,全面升级为阿里云ECS g9i实例,实现连接能力提升40%、故障率下降90%、响应速度提升至120ms以内,成本降低20%,推动智慧家庭体验全面跃迁。
|
2天前
|
数据采集 人工智能 自然语言处理
3分钟采集134篇AI文章!深度解析如何通过云无影AgentBay实现25倍并发 + LlamaIndex智能推荐
结合阿里云无影 AgentBay 云端并发采集与 LlamaIndex 智能分析,3分钟高效抓取134篇 AI Agent 文章,实现 AI 推荐、智能问答与知识沉淀,打造从数据获取到价值提炼的完整闭环。
343 90
|
9天前
|
人工智能 自然语言处理 前端开发
Qoder全栈开发实战指南:开启AI驱动的下一代编程范式
Qoder是阿里巴巴于2025年发布的AI编程平台,首创“智能代理式编程”,支持自然语言驱动的全栈开发。通过仓库级理解、多智能体协同与云端沙箱执行,实现从需求到上线的端到端自动化,大幅提升研发效率,重塑程序员角色,引领AI原生开发新范式。
815 156
|
2天前
|
数据采集 缓存 数据可视化
Android 无侵入式数据采集:从手动埋点到字节码插桩的演进之路
本文深入探讨Android无侵入式埋点技术,通过AOP与字节码插桩(如ASM)实现数据采集自动化,彻底解耦业务代码与埋点逻辑。涵盖页面浏览、点击事件自动追踪及注解驱动的半自动化方案,提升数据质量与研发效率,助力团队迈向高效、稳定的智能化埋点体系。(238字)
244 156
|
3天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
10天前
|
机器人 API 调度
基于 DMS Dify+Notebook+Airflow 实现 Agent 的一站式开发
本文提出“DMS Dify + Notebook + Airflow”三位一体架构,解决 Dify 在代码执行与定时调度上的局限。通过 Notebook 扩展 Python 环境,Airflow实现任务调度,构建可扩展、可运维的企业级智能 Agent 系统,提升大模型应用的工程化能力。
|
人工智能 前端开发 API
前端接入通义千问(Qwen)API:5 分钟实现你的 AI 问答助手
本文介绍如何在5分钟内通过前端接入通义千问(Qwen)API,快速打造一个AI问答助手。涵盖API配置、界面设计、流式响应、历史管理、错误重试等核心功能,并提供安全与性能优化建议,助你轻松集成智能对话能力到前端应用中。
795 154