使用cpolar發(fā)布部署在群輝nas上的靜態(tài)頁面(基于DSM7.2系統(tǒng))

隨著網(wǎng)絡科技和硬件設(shè)施的發(fā)展羊异，人們對大容量數(shù)據(jù)存儲的需求與日俱增永罚，各種產(chǎn)品和概念相繼出現(xiàn)祟绊。群暉NAS作為其中的代表灶壶，自然獲得了不少中小型企業(yè)和個人用戶的歡迎陕靠，其普及程度也越來越高。而數(shù)據(jù)中心功耗不高鞠评，且數(shù)據(jù)交換可能隨時發(fā)生宾尚，因此運行也相對穩(wěn)定，也就成為昂貴的專業(yè)服務器的替代品之一谢澈，一些個人博客和小型企業(yè)官網(wǎng)，都是依托群暉系統(tǒng)搭建的御板。但群暉系統(tǒng)通常運行于內(nèi)網(wǎng)锥忿，想要將群暉上的網(wǎng)頁發(fā)布到公共互聯(lián)網(wǎng)，可以使用cpolar的數(shù)據(jù)隧道功能實現(xiàn)〉±撸現(xiàn)在敬鬓，就讓我們向大家展示，如何在群暉NAS上建立一個網(wǎng)頁笙各，并使用cpolar將其發(fā)布到公共互聯(lián)網(wǎng)上吧钉答。

1 安裝網(wǎng)頁運行環(huán)境

遵循從易到難的原則，我們先嘗試在群暉NAS上建立一個簡單的靜態(tài)網(wǎng)頁杈抢，熟悉cpolar創(chuàng)建數(shù)據(jù)隧道的流程和發(fā)布網(wǎng)頁的原理数尿，在進行更深層次的動態(tài)網(wǎng)頁搭建。要搭建靜態(tài)網(wǎng)頁惶楼，首先要在群暉系統(tǒng)的套件中心安裝網(wǎng)頁運行必備的程序右蹦，這些程序包括php系列以及web station套件诊杆。這里我們選擇安裝php系列的php7.4版（這也是后期搭建動態(tài)網(wǎng)頁必須的，因此先行安裝）何陆。

1.1 安裝php

打開群暉系統(tǒng)的套件中心晨汹，在搜索框中輸入php，從中找到php7.4贷盲，點擊圖標下方的“安裝套件”進行安裝淘这。

php7.4安裝完成后，就會顯示為“已安裝”巩剖。

1.2 安裝webstation

同樣的步驟铝穷，我們再搜索并安裝web station套件。

2 下載網(wǎng)頁源碼文件

2.1 訪問網(wǎng)站地址并下載壓縮包

在進行web station的設(shè)置之前球及，我們先找一個簡單網(wǎng)頁的源代碼氧骤，用于我們的網(wǎng)頁展示。這里我選擇的源代碼為開源網(wǎng)頁（感謝制作者的開源共享）吃引，下載地址為“https://gitee.com/selfeasy/love”筹陵，為方便操作，可以zip格式下載

2.2 解壓并上傳至群輝NAS

接著在本地計算機將其解壓镊尺。解壓后朦佩，可以直接將網(wǎng)頁文件夾拖動到群暉系統(tǒng)中，此時我們可以先將其存放在web文件夾下

3 配置webstation

完成網(wǎng)頁文件夾的移動后庐氮，我們就能對web station進行簡單設(shè)置语稠，使其生成本地網(wǎng)頁運行的環(huán)境。

3.1 配置網(wǎng)頁服務

點擊web station圖表下方的“打開”按鈕弄砍，進入web station的主界面仙畦，我們點擊左側(cè)的“網(wǎng)頁服務”項，點擊頁面上方的“新增”音婶，在跳出的選擇框中選擇“本機腳本語言網(wǎng)站”慨畸，生成一個網(wǎng)頁運行容器。

完成網(wǎng)頁內(nèi)容的選擇后衣式，我們需要選擇php寸士。如果apa安裝無誤的話，會在PHP欄位內(nèi)出現(xiàn)我們所安裝的php7.4碴卧，只需點擊選擇即可弱卡；然后點擊 下一步

填寫 網(wǎng)頁服務名稱 和 概述 ，在 文檔根目錄 選擇 瀏覽

選擇剛剛上傳的靜態(tài)網(wǎng)頁文件夾住册，點擊 選擇

后端服務器可以選擇Nginx或apache婶博；再次確認配置信息，點擊 下一步

確認信息界弧，點擊 新增

此時我們在網(wǎng)頁服務菜單欄中看到我們剛剛創(chuàng)建的 loveweb-test為名稱的本地網(wǎng)頁服務凡蜻。說明我們配置網(wǎng)頁服務成功搭综。

3.2 配置網(wǎng)絡門戶

接下來，我們來配置 網(wǎng)絡門戶 划栓，在左側(cè)菜單欄中 選擇 網(wǎng)絡門戶 點擊 新增

選擇 網(wǎng)頁服務門戶

點擊后兑巾，我們就進入本地網(wǎng)站的設(shè)置頁面，在這個頁面忠荞，我們需要對參數(shù)進行逐一設(shè)置蒋歌。

選擇剛剛建立的 網(wǎng)頁服務，我們的測試名稱為： loveweb-test

下一項委煤，到了選擇 門戶類型：

首先是門戶類型的設(shè)置堂油，我們可以選擇是基于主機名訪問網(wǎng)頁，還是基于端口號訪問網(wǎng)頁（也就是生成的本地地址以英文字符串為標識碧绞，還是以數(shù)字為標識）

如果我們選擇基于主機名打開網(wǎng)頁府框，配置如下：

但我們更加建議的是選擇 基于端口 ，因為接下來我們要進一步學習配置更加復雜的網(wǎng)站讥邻，需要不斷地在調(diào)試過程中輸入網(wǎng)站地址迫靖，顯而易見，基于端口號（兩位的數(shù)字）更加方便輸入且不容易出錯誤兴使。

• 選擇基于端口

  • 端口：勾選HTTP系宜，并在其后的空格內(nèi)，填入端口號99（https端口我們大概率用不上发魄，但也需要順延端口號盹牧，否則會提示端口設(shè)置錯誤）

需要注意的是，基于端口和基于主機名励幼，只能有一個生效汰寓，二者不能同時生效，并且：

• 基于端口的網(wǎng)址是 http://局域網(wǎng)IP/主機名
• 基于端口的網(wǎng)址是 http://局域網(wǎng)IP:端口號

在 HTTP 項上打鉤苹粟，端口我們填入 99

點擊 應用 后踩寇，我們在 網(wǎng)絡門戶界面中發(fā)現(xiàn)我們所建立的 用戶自定義的門戶 點擊對應的鏈接。

4 局域網(wǎng)訪問靜態(tài)網(wǎng)頁配置成功

此時六水，我們成功在局域網(wǎng)中打開本地端口為99的靜態(tài)頁面。

可以看到辣卒，我們的網(wǎng)頁模板已經(jīng)能夠正常打開掷贾，也就說明群暉NAS上的靜態(tài)網(wǎng)頁配置成功。由于web station的配置細節(jié)較多荣茫，我們在配置的時候需要多一分小心想帅，以免配置錯誤導致網(wǎng)頁無法訪問。

5 使用cpolar發(fā)布靜態(tài)網(wǎng)頁啡莉，實現(xiàn)公網(wǎng)訪問部署在NAS本地的網(wǎng)頁港准。

5.1 安裝cpolar

群暉系統(tǒng)的軟件安裝程序與windows有很大不同旨剥，同時群暉系統(tǒng)對原生Linux系統(tǒng)的修改，導致群暉想要安裝cpolar浅缸，只能通過手動安裝套件的形式進行轨帜。首先，我們下載cpolar的群暉系統(tǒng)套件衩椒。

cpolar群暉套件下載地址：https://www.cpolar.com/synology-cpolar-suite

接著蚌父，在群暉系統(tǒng)的“套件中心”里，選擇“手動安裝”毛萌，并在彈出的文件選擇頁面苟弛，找到cpolar套件存放位置，點擊“下一步”進行安裝阁将。在安裝開始前膏秫，群暉系統(tǒng)會彈出詢問提示，我們可不必管他做盅，選擇“同意”安裝缤削。

點擊同意后，群輝系統(tǒng)會對安裝信息進行確認言蛇，我們繼續(xù)點擊“完成”僻他。只需等待很短時間，cpolar就能安裝完成腊尚，此時回到套件中心主頁吨拗，就能看到cpolar已經(jīng)加入了“已安裝”列表內(nèi)。

此時我們點擊cpolar婿斥，就能進入cpolar軟件信息頁劝篷。在這里，我們能找到訪問cpolar客戶端的URL（cpolar客戶端采用Web-UI界面民宿，因此是URL地址）

在新開的Web頁面娇妓，我們能看到cpolar客戶端在本地的地址，以及cpolar客戶端的登錄界面活鹰。如果沒有cpolar賬號的哈恰，可以通過該頁面下方的“免費注冊”鏈接，快速輕松的獲得cpolar賬號志群。

從以上介紹不難看出着绷，在群暉系統(tǒng)上安裝cpolar并不復雜，只需簡單幾步锌云，就能通過cpolar強大的數(shù)據(jù)隧道功能荠医，將內(nèi)網(wǎng)的群暉NAS和公共互聯(lián)網(wǎng)連接起來。

5.2 使用cpolar將本地頁面發(fā)布至公網(wǎng)

在前幾個章節(jié)中，我們將向大家介紹彬向，如何使用cpolar兼贡，將這個新鮮出爐的網(wǎng)頁發(fā)布到公共互聯(lián)網(wǎng)上。

在上篇文章中娃胆，我們在群暉系統(tǒng)中使用web station創(chuàng)建了一個簡單的靜態(tài)網(wǎng)頁遍希，并且在局域網(wǎng)內(nèi)進行測試，網(wǎng)頁也能夠正常顯示缕棵。接下來孵班，我們就可以使用cpolar建立一條數(shù)據(jù)隧道，將這個網(wǎng)頁發(fā)布到公共互聯(lián)網(wǎng)上≌新浚現(xiàn)在篙程，就讓我們看看如何操作吧。

在使用cpolar創(chuàng)建數(shù)據(jù)隧道之前别厘，我們需要回顧本地網(wǎng)頁的輸出端口虱饿，在之前的設(shè)置中，我們將http和https端口分別設(shè)置為81和82（設(shè)為同一端口會導致端口沖突触趴，因此只能分開設(shè)置）氮发。在cpolar的設(shè)置中，我們可以直接使用81端口建立數(shù)據(jù)隧道冗懦。

在群暉系統(tǒng)中打開cpolar客戶端

選擇“隧道管理”項下的“創(chuàng)建隧道”頁面爽冕。與遠程訪問內(nèi)網(wǎng)群暉NAS時的設(shè)置一樣，我們先要對這條隧道進行命名披蕉，這里我們就使用網(wǎng)頁主題love颈畸，作為隧道名稱；接著“協(xié)議”選擇“http”協(xié)議没讲；“本地地址”代表的就是該網(wǎng)頁的端口號眯娱，這里填入“99”；“域名類型”我們先選擇“隨機域名”爬凑，創(chuàng)建出臨時隧道以便進行測試徙缴；最后的“地區(qū)”則根據(jù)實際情況選擇，這里我們選擇China VIP嘁信。

各項設(shè)置完成后于样，就可以點擊頁面下方的“創(chuàng)建”按鈕，創(chuàng)建一條臨時數(shù)據(jù)隧道潘靖，對本地網(wǎng)頁進行測試百宇，確認其能夠被正常訪問到。

接著我們點擊“狀態(tài)”項下的“在線隧道列表”秘豹，找到cpolar客戶端生成的臨時公網(wǎng)地址，并在瀏覽器中輸入該地址進行訪問昌粤。

經(jīng)過測試既绕，cpolar建立的數(shù)據(jù)隧道已經(jīng)成功指向了群暉NAS本地的網(wǎng)頁啄刹，并且我們也能正常的訪問到網(wǎng)頁內(nèi)容，也就說明我們的各項配置都沒有問題凄贩。不過此時的數(shù)據(jù)隧道還處于臨時鏈接狀態(tài)誓军，每隔24小時這個公網(wǎng)地址就會更新一次，為了讓我們的網(wǎng)站能夠長期穩(wěn)定訪問疲扎，我們還需要對數(shù)據(jù)隧道進行進一步設(shè)置昵时，這部分內(nèi)容我們將在下篇文章中，為大家詳細介紹椒丧。

5.3 為本地網(wǎng)頁配置二級子域名壹甥，并公網(wǎng)發(fā)布

在之前的兩篇介紹中，我們使用群暉系統(tǒng)的套件（主要為web station和php7.4）和開源模板壶熏，在本地群暉NAS中建立起一個簡單網(wǎng)頁句柠，并通過cpolar建立的臨時數(shù)據(jù)隧道，將其發(fā)布到公共互聯(lián)網(wǎng)上棒假，以測試我們之前所做的各項設(shè)置是否正確溯职。而結(jié)果顯示我們所做的設(shè)置并無問題，因此我們就可以將這個數(shù)據(jù)隧道固定下來帽哑，讓我們的網(wǎng)站鏈接能夠穩(wěn)定存在∶站疲現(xiàn)在，就讓我們開始吧妻枕。

要建立一條穩(wěn)定的數(shù)據(jù)隧道僻族，需要從隧道的入口和出口兩方面進行設(shè)置，數(shù)據(jù)隧道的出口很明顯佳头，就是群暉NAS本地的網(wǎng)頁（可以在cpolar客戶端進行設(shè)置）鹰贵，而數(shù)據(jù)隧道的入口，就是cpolar云端生成的公網(wǎng)地址康嘉。因此我們先登錄cpolar官網(wǎng)碉输。訪問cpolar官網(wǎng)我們可以通過客戶端頁面左側(cè)的“cpolar”官網(wǎng)按鈕訪問，也可以在瀏覽器中輸入“https://www.cpolar.com”進行訪問

進入cpolar官網(wǎng)并登錄個人賬號后亭珍，我們點擊頁面左側(cè)的“預留”項敷钾，找到“保留二級子域名”欄位。在這個欄位中肄梨，我們需要對三項信息進行定義阻荒。首先是“地區(qū)”，該欄與cpolar客戶端一樣众羡，選擇實際使用地區(qū)即可（這里我們填入China VIP）侨赡；接著是“名稱”欄位，這個欄位填入的信息最終會顯示在公網(wǎng)地址中，因此可以選擇清晰明了的內(nèi)容（我們填入網(wǎng)頁內(nèi)容lovetest,在這里如果您點擊保留時提示此域名已被其他用戶注冊羊壹，您可以根據(jù)個人需要進行更改蓖宦，如LoveTest等等）；最后是這條數(shù)據(jù)隧道的描述油猫，也可以看做注釋稠茂，方便我們區(qū)分不同數(shù)據(jù)隧道所指向的內(nèi)容。

在填完各項信息后情妖，就可以點擊欄位右側(cè)的“保留”按鈕睬关，將這條網(wǎng)頁數(shù)據(jù)隧道保存下來。

在cpolar云端設(shè)置好數(shù)據(jù)隧道后毡证，我們回到群暉NAS的cpolar客戶端电爹，在“隧道管理”項下的“隧道列表”找到之前建立的臨時數(shù)據(jù)隧道，點擊“編輯按鈕”情竹，打開隧道編輯頁面藐不。

在這個頁面，我們需要根據(jù)cpolar云端建立的數(shù)據(jù)隧道入口秦效，對數(shù)據(jù)隧道的群暉本地出口信息進行更改雏蛮。首先是將“隨機域名”改選為“二級子域名”；接著在下方“Sub Domain”填入二級域名阱州，這個例子中是lovetest挑秉；最后點擊頁面下方的“更新”，保存我們所做的信息更改苔货。

接著我們再轉(zhuǎn)入“狀態(tài)”項下的“在線隧道列表”頁面犀概，查看公網(wǎng)地址信息是否更改成功

確認公網(wǎng)地址變更成功后，我們可以使用這個鏈接試訪問群暉NAS上的網(wǎng)頁夜惭，只要能正確顯示姻灶，就說明我們的網(wǎng)頁已經(jīng)獲得了固定公網(wǎng)地址，能夠長期穩(wěn)定的被訪客所訪問到诈茧。

到這里产喉，我們已經(jīng)成功的在群暉系統(tǒng)上建立簡單網(wǎng)頁，并使用cpolar將其發(fā)布到公共互聯(lián)網(wǎng)上敢会，能為公網(wǎng)訪客輕松訪問到曾沈。雖然這個網(wǎng)頁很簡單，但對于我們學習建立網(wǎng)頁鸥昏，或發(fā)布一些簡單內(nèi)容（如說明書塞俱、指南等），以及對數(shù)據(jù)隧道建立方法的認識吏垮，都有很大好處障涯。當然罐旗，通常見到的網(wǎng)頁要比這高級，所需的軟件及設(shè)置更復雜唯蝶，而我們也會在后續(xù)的文章中尤莺，繼續(xù)為大家介紹，使用cpolar發(fā)布群暉NAS上網(wǎng)頁的方法生棍。如果您對cpolar的使用有任何疑問，歡迎與我們聯(lián)系媳谁，我們必將為您提供力所能及的協(xié)助涂滴。當然也歡迎加入cpolar的VIP官方群，共同探索cpolar的無限潛能晴音。

本文使用 文章同步助手 同步