文章專區

網頁程式技術探討

  本站先前介紹了"初識網站快取加速"與"代理/Proxy快取伺服器"後,本次將要說明的為"瀏覽器快取/緩存(HTTP Cache)",它幾乎是每個有瀏覽網站的人,都使用過的快取應用技術,但卻是一般人比較不會瞭解到的快取應用技術!不被瞭解的原因在於,一般使用者在使用時只會感受瀏覽器的流暢度,卻不知道瀏覽器其中已經運用了快取的對應技術,所以更加不可能知道瀏覽器的快取技術其實是運用了使用者本機記憶體作為對應進行。     瀏覽器的快取功能,主要是透過首次讀取網站頁面時,由瀏覽器產生一個"快取/緩存過期時間(max-age)"及"文件編輯/修改時間(last-modified-time)",在根據造訪伺服器實際網站內容來進行讀取工作,進而儲存快取/緩存資訊至使用者的本機記憶體中;當使用者再次查看相同網站時,瀏覽器會先透過第一次造訪所產生的"快取/緩存過期時間"來比對快取/緩存的資料是否"過期",若比對後沒有過期,瀏覽器就不再造訪伺服器,直接運用第一次造訪時所儲存的快取資料來呈現網站,便能省去重新呼叫伺服器和重新讀取資訊的動作與時間,達到節省流量且快速呈現的快取/緩存功能。若是真的遇到"快取/緩存過期時間",瀏覽器便會重新呼叫伺服器,透過"文件編輯/修改時間"與伺服器端資料進行比對,確認在過期這段時間中,是否有檔案有遭變更修改過,假設並沒有任何變動,瀏覽器便將會直接使用第一次造訪時的快取/緩存資訊來直接呈現,省下重新讀取的時間,此動作稱為"協議快取/緩存";如果在比對中發現有變更的檔案內容,便能針對個別單一誤差檔案進行重新讀取且更新的動作,省去重新讀取整個網站全部內容的冗長時間。     瞭解了瀏覽器快取技術的運用原理後,我們進而可以得知,其技術是透過瀏覽器將快取資料儲存在瀏覽者本機記憶體當中,此技術能有效達到節省流量與快速呈現網站的好處,但卻也可能造成使用者瀏覽過多網站後的過多快取資訊及快取資訊尚未過期而未能即時對應網站修改更新的問題,針對這部分衍伸問題的對應處理辦法將於下回討論中進行分享。
   在行動裝置普級的現況下,因為行動網路受到基地台的限制,已往內容精緻豐富、資訊龐大的網站反而將可能會導致讀取時間冗長,所以網頁讀取呈現的速度逐漸變成了網站瀏覽的優先指標,先前提到的"響應式網頁設計(RWD)、PageSpeed網站速度"都是能夠有效貼近行動裝置使用者操作的優化技術,提升網站在瀏覽時的快速性、便利性,因此本次將要再為大家介紹說明的是"網站快取功能"。      網站快取功能加速,能夠確實提升網站讀取速度,其原理在於暫存、緩存效果,當使用者在造訪網站時,需要透過網路傳輸將儲存在伺服器上的網站頁面資料,如:畫面、圖片、文字、影像等資訊,傳遞給使用者做瀏覽,當網站內容越豐富細緻,相對的傳輸時間自然會加長,便會增加觀看者的等待時間,就有可能造成使用者的青睞性降低;在使用網站快取功能增強網站讀取效能時,暫存、緩存功能可以預先將常使用的圖片及較為龐大檔案的資料進行整理壓縮且傳送到等待讀取的序列,讓網站在被使用者查看時能夠即時支援查看接收資訊的速度,不再受到已往網路傳輸模式單一呼叫與單一回應傳送的限制。      網站快取功能的概念目前已經被廣泛延伸,不僅在硬體裝置上的配置,還在許多一般人常用卻不會特別注意的軟體、程式置入相關技術,因此在行動裝置普級的時下,網站能夠兼具速度與豐富的操作感官,網站快取功能也是一項值得參造、使用的實用技術。   
  在先前的文章子網域是什麼?淺談子網域中,我們瞭解了子網域的來由與作用之後,本次將要解說的是子網域的設定,子網域雖然是由原網址名稱的延伸,可以隨著使用需求上的遞增或減少,不過在網域上的命名和設定上有著些微不同的,子網域需要在"DNS基本資訊"中進行增加與管理,因此會分為"指向 IP 位址的子網域"或"指向伺服器名稱的子網域"。     從字面上能瞭解子網域可以對應的是 IP 或是對應伺服器,但其實都是要給予子網域一個正確的連線地址,其中設定上的不同是,對應 IP 時,需要在 DNS 管理中進行" A紀錄 的設定",而 A記錄 的原意就是 IP Address 地址記錄,就是將單一個域名或主機名稱解析成一個具體的 IP 位址進行對應;對應伺服器時,則需要在 DNS 管理中進行" CNAME紀錄 的設定",CNAME記錄 原意為"別名記錄",通常用途是將子網域(例如:「www」或「mail」) 對應至其他(他人)代管子網域內容的網域,當中他人可能將多種子網域名稱功能合併映射成一個伺服器域名提供服務,此時我們在設定上便可以透過 CNAME 紀錄來各別指定 WWW 跟 MAIL 對應到同個伺服器域名進行工作,如以下範例:   紀錄名稱            子網域名稱                                對應位置                                                     TTL(暫存紀錄保留時間) ------------------------------------------------------------------------------------------------------ A紀錄       www.webdesigns.com.tw              127.0.0.1(對應IP)                                           Automatic   A紀錄       mail.webdesigns.com.tw               125.0.0.2(對應IP)                                           Automatic   A紀錄      example.webdesigns.com.tw         122.0.0.3(對應IP)                                           Automatic ------------------------------------------------------------------------------------------------------ CNAME      www.webdesigns.com.tw         abc.google.com(對應他人子網域伺服器)        Automatic   CNAME      mail.webdesigns.com.tw           mail.google.com(對應他人子網域伺服器)       Automatic   CNAME     example.webdesigns.com.tw     rwq.google.com(對應他人子網域伺服器)       Automatic 
   在本站先前介紹網域名稱的建立與建議後,此次將針對 子網域(Subdomain) 又稱 次網域 進行說明,在先前的文章中解說過,網域在建立與使用上可能影響著我們網站長遠的發展與經營,因此使用單一網址,避免多個不同網址卻重複同樣網站的內容,較不會影響搜尋引擎的收錄判斷及網站關注評分,但若面臨到一個機關行號資訊較為多元(如:形象、購物、部門分別等)或需要特殊使用需求(如:限時活動網站相關等)時,該如何避免重新申請網址及網站過度分化的困擾呢? 便可以使用"子網域"。     子網域主要是利用原先架設時所申請的"網址名稱"進行延伸,從本站先前介紹過網域名稱的分別與選擇中可以瞭解,網域中每個.分號分開的訊息代表著不同的屬性或域名,本次將說明的子網域就是要使用網址名稱前的域名進行變更產生,由本站網址為例:https://www.webdesigns.com.tw 其中 www 子網域代表的是常見的"全球資訊網路"意思,由於每一個主網域或子網域都是獨立的,可對應至一個IP,當然也可以對應至相同IP(相同主機),因此,若要增加新的子網域便可根據對應的IP進行將要使用的子網域進行命名設定,如以下範例:   假設本站將要加子網域可以設定為   設產品購物或活動頁面 https://shopping.webdesigns.com.tw    活動頁面 https://activity.webdesigns.com.tw     瞭解完子網域後,若您對設定還有疑問的部分,歡迎參考子網域設定│DNS 指向 IP 與 指向伺服器

ARTICLE

5

DNS-MX紀錄設定

   在網域擁有權確認完成後,通常有申請企業信箱的公司行號會同時開啟郵件伺服器管理,一般會根據郵件伺服器的服務商作為DNS的設定,若使用申請網域時所贈送的郵件位置通常不需刻意設置,但也有許多不同企業會根據使用效能與空間容量來額外申請其他郵件伺服器,此時就需要透過設定的MX紀錄來做為指向郵件伺服器,MX紀錄主要是用來將域名指向處理郵件的伺服器,要將域名連到郵件伺服器的設定,透過 MX 紀錄將負責郵件交換的工作指派給郵件服務提供商。   範例   A 紀錄 - mail ; 127.0.0.1   MX 紀錄 - mail.test.com.tw.;  (10)       在MX設定中,會先指定 A 紀錄,透過固定的IP,來對應郵件伺服器,有了可使用的固定ID後,由 MX 紀錄 來指定 mail.test.com.tw ;其中(10)代表的是 "MX參數",由於有時伺服器並不是只有單一一台時,將會參考參數中數字越小的伺服器作為優先服務。  
     DNS 主要提供了「網域名稱」與「IP位址」對應的查詢連結,在先前本站介紹了DNS基本資訊設定與企業信箱申請開通後,本次要介紹的是企業信箱與DNS中較為相關聯進階的「SPF 紀錄設定」,在網站正式上線時,多數企業會連同企業信箱一同設定,透過SPF紀錄能有效的排除、阻擋他人冒用網域寄送垃圾信件,也能降低企業人員與其他通信用戶在聯絡被誤判為垃圾信件的可能性,提升通信用戶在與企業聯繫時的信賴成度。       一般來說,會將 SPF 規則 撰寫在 TXT 紀錄的數值欄位中,主要的功能是透過信件中寄件者網域資料,收件端會主動去向寄信端所屬的DNS伺服器核對其SPF紀錄,透過這樣的紀錄偵測發送者是否為盜用或不正確的來源,避免遭人冒用網域名稱寄信,作為防止垃圾郵件的生成。       TXT SPF 記錄在撰寫時,看似簡短普通,但其中有包含著標準規範的規則,已下列例子中:   "v=spf1 a +all"   "v=spf1 ptr:webdesigns.com -all"   "v=spf1 mx mx:example.domain.com ?all"   "v=spf1 a/24 a:example.webdesigns.com/24 -all"   "v=spf1 include:example.webdesigns.com ~all"   "v=spf1 ip4:127.0.0.1  ip4:127.0.0.2  -all"     範例中,v=spf1 是表示 spf 所使用的版本。   其中 a、mx、ptr、include、ip4 等等,表示比對 DNS 記錄中的各項紀錄做為核對參考。   all配合四種不同的符號代表不同的用意:    +:預設,可以根據其他加入的規則對郵件通行;標示為 Pass 。    -:除了規則中所列的寄件者以外,不允許其他來自其他人的郵件;標示為 Hard Fail。    ~:檢查是否為記錄中來源正確的信件,如果不是,已註記方式允許電子郵件但標示為 Soft Fail。    ?:代表可能還有其他網域,收件主機還是會接收該信件;標示為 Neutral 。      

ARTICLE

7

DNS基本資訊

 一般人在瞭解DNS是什麼之後,會比較能懂得DNS需要工作的方向,是說明透過網址IP位置與伺服器的綁訂連結,網站的內容與相關資訊才能在網際網路中傳遞、散播,但在實際上需要設定DNS時,將要面臨的是專業的設定參數紀錄,DNS中有著看似基本簡單的參數資訊,但其各自所包含的用意不同,關係著網站與信箱在網際網路中是否能正常運作的重要設定,因此清楚瞭解DNS基本資訊就是一項相對專業與重要得的步驟。     本站將在此簡單介紹DNS常見基本紀錄參數與其代表用意:   A紀錄 用於將 IP 位址與主機名稱連接對應功能(適合用IPv4)   AAAA 紀錄 提供IPv6或是不符合 A 紀錄標準格式的 IP 位址   CNAME 記錄 用途通常是將子網域 (如:WWW、mail、FTP) 對應至代管子網域內容的主機或網域名稱(不使用IP設定)。   MX 記錄 指定郵件代理伺服器,確定電郵會傳送到正確位置   SPF 紀錄 防止過濾不必要垃圾郵件堆積信箱   TXT 紀錄 提供有關主機的額外資訊,如文字紀錄訊息,或提供伺服器驗證急電子郵件防治等技術資訊   NS 紀錄 宣告擁有及使用中伺服器名稱與資料訊   LOC 紀錄 將網域名稱指定在特定地理位置。   SRV 紀錄 尋找託管特定服務的電腦      

ARTICLE

8

DNS是什麼?

    DNS是什麼?由本站先前介紹:網域名稱的分別與選擇、網域名稱的建立與建議後,相信大家更能瞭解申請專屬網站使用的正式網址名稱的用意,在申請完正式使用網址後,需要透過網址IP位置與伺服器的綁訂連結,才能讓網站的內容與相關資訊能在網際網路中散播,讓其他使用者尋找與查看。因此DNS就是網域名稱系統,用於控制網域名稱和網站內容及電郵設定等,使訪客在透過網域名稱進入網站時,能由DNS紀錄控制到達設定的伺服器觀看網站的內容。       DNS 網域名稱系統,目前是以IPv4或IPv6來做為定址的方式,在廣大網際網路的世界中,網域名稱系統透過全球連線伺服器不斷的在進行擴散式的同步更新連線資訊,所以在設定網站域名與伺服器對應位置時,常會看見設定後有些提示告知DNS紀錄雖然已設定完成,但必須要等待24~48小時才能有辦法生效,就是透過擴散的方式將設定資訊同步更新到全球。       DNS網域名稱系統,一般可以選擇自行管理與網址註冊商作為代管,其中談到需要管理的部分就是DNS紀錄設定,DNS紀錄的設定可能會令大多數人有些困惑。因為它是由多種元件,如:A紀錄、CNAME、MX等元件所組成的。其代表的功能和記錄有一定的規則,設定後也需要 時間的生效,可能影響網站的營運或郵件通信的收發,所以建議使用代管或交由專業的人員進行操作設定。  
   在製作網站申請網域同時,多數企業會連同企業信箱一起辦理,企業信箱主要是用於提供公司行號內部成員專屬的 E-mail 信箱,可以統一對外與客戶的聯繫,間接的能帶來更多的專業形象與實際使用上的延展性,甚至於在正確的設定與規範後,能有效的排除多於垃圾信件,也能降低企業人員與其他通信用戶在聯絡被誤判為垃圾信件的可能性,提升通信用戶在與企業聯繫時的信賴成度。       一般大眾在判定企業信箱信件的方法是透過郵件地址中 @ 後方的發送伺服器名稱來確認,所以通常會在申請企業網域名稱後也一同以企業網域名稱作為命名,主要原因為在設定企業專屬信箱時也會先詢問是否已經擁有專屬的網域名稱,填入後才能作為申請。      申請完企業信箱時,需要進行信箱伺服器 DNS 設定的開通,通常在設定完的 24 小時內就能讓其他郵件主機能找尋到企業信箱的正確位置,在開通 DNS 的同時,也可以在其中網域設定中新增MX 紀錄、 CNAME 紀錄或進而透過 TXT 紀錄 透過新增 SPF 紀錄規則,收件者伺服器就會參考 SPF 紀錄,判斷郵件是否為正確的授權的郵件伺服器所傳送,進而預防信件被歸類為垃圾郵件的機會。  
    在網站架設時,大家通常比較瞭解與注意網站的設計跟製作,相對在存放網站的伺服器和空間部份反而較為陌生,加上現今資訊中大家常聽見的雲端服務,也常讓人有著無限儲存空間與執行能力絕對優勢的遐想錯覺,而網站空間的應用上,其實有虛擬主機與雲端主機的分別與選項,一般人可能會將虛擬主機和雲端主機混為一談,認為其兩項是相同的物件,但其實不然。       雖然兩種主機都能提供網站存放與維運的服務,但在這兩種主機所提供的權限和功能及費用部分上有較為明顯的不同,從大眾常聽見卻未能真實瞭解的雲端主機說起,雲端主機在提供的服務中有著較高系統控制權限,也有專屬的處理效能、記憶體,硬體空間也可以依據需求做增減,可提供管理者做伺服器的規劃,但費用部分有一定門檻也可以依據需求做提升調整,較適合有專門管理MIS人員之中型、有規模企業做應用。虛擬主機提供的系統權限相較雲端主機提供的權限為低,但主要提供的管理功能較貼近單純的網站管理,儲存空間與記憶體和效能部份為共享制,所以費用上較為實惠,適合中小型企業或無MIS人員管理公司行號做應用。      瞭解了兩種主機雖然都能夠維運網站後,可以根據網站的規模與需求進行評估選擇,大部分網站其實架構清楚簡單可以斟酌使用虛擬主機,價格較為實惠,而有規劃且規模較大的中型網站可以參考雲端主機甚至提高需求效能,達到網站長期的穩定與成長,若在評估網站規模的依據上較為不清楚,歡迎參考本公司聯絡我們進行洽詢與評估。