摘要:緣由在此之前,博客的訪問(wèn)地址為當(dāng)然現(xiàn)在頁(yè)可以訪問(wèn),因?yàn)樽隽酥囟ㄏ?,改造成了目前的,直觀的區(qū)別就是使用了二級(jí)域名。
緣由
在此之前,博客的訪問(wèn)地址為 https://www.codelabo.cn/blog(當(dāng)然現(xiàn)在頁(yè)可以訪問(wèn),因?yàn)樽隽酥囟ㄏ颍脑斐闪四壳暗?https://blog.codelabo.cn,直觀的區(qū)別就是使用了二級(jí)域名。
為什么需要這樣呢?
起初,是打算直接用 https://www.codelabo.cn作為博客的訪問(wèn)地址的,后來(lái)想到把自己的其他項(xiàng)目也放到改域名下,所以決定改造成 主域名作為一個(gè)入口,分別進(jìn)入到不同的項(xiàng)目,比如 https://www.codelabo.cn/blog、https://www.codelabo.cn/web、https://www.codelabo.cn/demo...類(lèi)似這樣的分支。
這部分完全可以在koa2里面完成,我用到了koa-mount,這個(gè)庫(kù)可以用來(lái)實(shí)現(xiàn)將路徑指向不同的服務(wù)。
app.use(mount("/blog", blog)); app.use(mount("/demo", demo)); app.use(mount("/portal", portal)); app.use(mount("/web", web));
然后就達(dá)到了我的目的,不同的地址指向不同的項(xiàng)目。
就這樣持續(xù)了一個(gè)多月。
后來(lái)發(fā)現(xiàn)一個(gè)問(wèn)題,由于只是相對(duì)路徑不一樣,域名完全一致,所以這些項(xiàng)目的storage是完全共享的,比如我在blog頁(yè)面登錄了,把一些登錄信息存到了localstorage,然后demo里面也有登錄,如果字段和blog一致,就會(huì)造成數(shù)據(jù)被覆蓋的問(wèn)題。
這應(yīng)該算是自己規(guī)劃的不足吧,在瀏覽器看來(lái)https://www.codelabo.cn/blog和https://www.codelabo.cn/demo完全是同一個(gè)網(wǎng)址,只是進(jìn)到了不同的子頁(yè)面,所以數(shù)據(jù)是完全共享的。
那么如何解決呢?
思考其實(shí)各大網(wǎng)站都有這樣的現(xiàn)象,因?yàn)闃I(yè)務(wù)繁多,主域名都只要一個(gè),比如百度就一個(gè)https://www.baidu.com,其他業(yè)務(wù)怎么描述的呢?
用到了二級(jí)域名,甚至是三級(jí)域名!
比如
百度知道:https://zhidao.baidu.com
百度地圖 : http://map.baidu.com
還有很多都是這種表述方式
這也是二級(jí)域名最正確的使用方式
解決那么我現(xiàn)在頁(yè)決定使用二級(jí)域名。
二級(jí)域名的申請(qǐng)是免費(fèi)的,我是在騰訊云購(gòu)買(mǎi)的域名,可以在我的域名中進(jìn)行申請(qǐng)
點(diǎn)擊分配子域名至項(xiàng)目,然后又一個(gè)彈出框,填入你需要的二級(jí)域名名稱(chēng),然后確定
成功后進(jìn)入?yún)f(xié)作子域名,就可以看到剛才申請(qǐng)的域名了
當(dāng)然現(xiàn)在還是不能使用的,需要先進(jìn)行解析,進(jìn)去添加解析,這里需要添加你的公網(wǎng)ip
然后看到解析正常,等幾分鐘就可以使用這個(gè)二級(jí)域名了
部署以上完成了二級(jí)域名的申請(qǐng)和解析,那么如何把項(xiàng)目和這個(gè)域名來(lái)關(guān)聯(lián)起來(lái)呢。
我這里用到了nginx,后面會(huì)分享一下nginx的使用
你可以把二級(jí)域名當(dāng)成一個(gè)全新的域名一樣,直接進(jìn)行分配就行,比如
在nginx.conf文件中添加如下配置
server { listen 443;#https默認(rèn)端口 server_name demo.codelabo.cn;#域名 ssl on; ssl_certificate ../ssl/1_demo.codelabo.cn_bundle.crt;#htpps證書(shū) 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,所以默認(rèn)端口是443,如果是http,默認(rèn)端口就是80,默認(rèn)端口在瀏覽器可以省略不寫(xiě)
然后重啟nginx,使配置生效
nginx -s reload
這樣就完成了二級(jí)域名的部署。
小節(jié)總的來(lái)說(shuō),這次改造還是很有成就感的,尤其是對(duì)我們這些前端來(lái)說(shuō),從剛開(kāi)始對(duì)服務(wù)器半點(diǎn)都不懂,逐步摸索,到最終上線,這些過(guò)程還是很有意義的
關(guān)于nginx的安裝和初步使用,打算最近專(zhuān)門(mén)整理分析一下,敬請(qǐng)期待~
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/40107.html
摘要:之前發(fā)了一條微博因?yàn)榈暮蛣e人鬧得不愉快,哎。本打算這件事就這么過(guò)去,但還是忍不住想要牢騷幾句。如果實(shí)在很喜歡里某個(gè)功能,非常想用,那也可以,看源碼,把核心的代碼扒出來(lái),嵌入現(xiàn)用的庫(kù)里。 之前發(fā)了一條微博 因?yàn)?4k的js和別人鬧得不愉快,哎。不值得。 本打算這件事就這么過(guò)去,但還是忍不住想要牢騷幾句。 公司新來(lái)了幾個(gè)前端小伙伴,可能是「潛規(guī)則」(好吧,我也不懂其中玄妙),...
摘要:哪位高人給指指路單槍匹馬整站建設(shè)案例系列微電商系統(tǒng)二次開(kāi)發(fā)基于的中英文雙語(yǔ)網(wǎng)站基于快速開(kāi)發(fā)的車(chē)輛管理系統(tǒng)基于的招生招名系統(tǒng)基于海豚快速開(kāi)發(fā)框架開(kāi)發(fā)的專(zhuān)項(xiàng)資金監(jiān)管系統(tǒng) 本案例主要介紹采用LVYECMS,拼圖前端框架及模板快速完成某小學(xué)網(wǎng)站項(xiàng)目的建設(shè)過(guò)程. 關(guān)于作者:老馬,38歲,做了15年網(wǎng)站的老油條,網(wǎng)名tryer,目前處于家庭婦男、自由職業(yè)者狀態(tài),希望通過(guò)一些實(shí)際沒(méi)太有技術(shù)含量的文章...
摘要:淺談網(wǎng)站性能之前端性能優(yōu)化性能優(yōu)化的目的無(wú)非是減少用戶流量消耗,提升用戶首屏體驗(yàn),提升用戶訪問(wèn)速度,讓用戶專(zhuān)注內(nèi)容本身。前端性能優(yōu)化減少請(qǐng)求數(shù)量基本原理在瀏覽器與服務(wù)器進(jìn)行通信時(shí),主要是通過(guò)進(jìn)行通信。 最近項(xiàng)目慢慢走上正軌,需求趨于平穩(wěn),這才想起需要對(duì)整站進(jìn)行性能優(yōu)化。經(jīng)過(guò)一段時(shí)間的學(xué)習(xí),結(jié)合現(xiàn)在項(xiàng)目的實(shí)際性能情況,發(fā)現(xiàn)確實(shí)有許多地方可以進(jìn)行優(yōu)化。于是就開(kāi)始了我的前端性能優(yōu)化之旅。以下...
摘要:淺談網(wǎng)站性能之前端性能優(yōu)化性能優(yōu)化的目的無(wú)非是減少用戶流量消耗,提升用戶首屏體驗(yàn),提升用戶訪問(wèn)速度,讓用戶專(zhuān)注內(nèi)容本身。前端性能優(yōu)化減少請(qǐng)求數(shù)量基本原理在瀏覽器與服務(wù)器進(jìn)行通信時(shí),主要是通過(guò)進(jìn)行通信。 最近項(xiàng)目慢慢走上正軌,需求趨于平穩(wěn),這才想起需要對(duì)整站進(jìn)行性能優(yōu)化。經(jīng)過(guò)一段時(shí)間的學(xué)習(xí),結(jié)合現(xiàn)在項(xiàng)目的實(shí)際性能情況,發(fā)現(xiàn)確實(shí)有許多地方可以進(jìn)行優(yōu)化。于是就開(kāi)始了我的前端性能優(yōu)化之旅。以下...
閱讀 3359·2021-11-11 16:54
閱讀 3501·2021-10-11 10:58
閱讀 1245·2021-08-30 09:41
閱讀 1802·2019-08-30 15:54
閱讀 2024·2019-08-30 14:00
閱讀 2695·2019-08-29 17:13
閱讀 1655·2019-08-29 15:19
閱讀 601·2019-08-29 15:14