缘由
在此之前,博客的访问地址为 https://www.codelabo.cn/blog(当然现在页可以访问,因为做了重定向),改造成了目前的 https://blog.codelabo.cn,直观的区别就是使用了二级域名。
为什么需要这样呢?
起初,是打算直接用 https://www.codelabo.cn作为博客的访问地址的,后来想到把自己的其他项目也放到改域名下,所以决定改造成 主域名作为一个入口,分别进入到不同的项目,比如 https://www.codelabo.cn/blog、https://www.codelabo.cn/web、https://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/blog
和https://www.codelabo.cn/demo
完全是同一个网址,只是进到了不同的子页面,所以数据是完全共享的。
那么如何解决呢?
思考
其实各大网站都有这样的现象,因为业务繁多,主域名都只要一个,比如百度就一个https://www.baidu.com
,其他业务怎么描述的呢?
用到了二级域名,甚至是三级域名!
比如
- 百度知道:
https://zhidao.baidu.com
- 百度地图 :
http://map.baidu.com
还有很多都是这种表述方式
这也是二级域名最正确的使用方式
解决
那么我现在页决定使用二级域名。
二级域名的申请是免费的,我是在腾讯云购买的域名,可以在我的域名中进行申请
点击分配子域名至项目,然后又一个弹出框,填入你需要的二级域名名称,然后确定
成功后进入协作子域名,就可以看到刚才申请的域名了
当然现在还是不能使用的,需要先进行解析,进去添加解析,这里需要添加你的公网ip
然后看到解析正常,等几分钟就可以使用这个二级域名了
部署
以上完成了二级域名的申请和解析,那么如何把项目和这个域名来关联起来呢。
我这里用到了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
的安装和初步使用,打算最近专门整理分析一下,敬请期待~