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