1、前言

在我們的日常生活中，音樂已經成為不可或缺的要素之一，聽幾首喜歡的音樂，能讓原本糟糕的心情變得好起來。雖然現在使用電腦或移動電子設備聽歌都很方便，但難免受到諸多會員或VIP限制，難免讓我們回想起音樂網站遍地開花的時代。今天，我們就為大家介紹，如何在本地電腦上搭建一個風格界面都不錯的ThinkMusic音樂網站，并通過cpolar創(chuàng)建的內網穿透數據隧道將其發(fā)布到公共互聯網上，讓我們能夠上傳自己喜歡的音樂與大家分享，只為不再受制于人。

2、本地網頁搭建

2.1 環(huán)境使用

現在個人電腦上最常用的系統(tǒng)是Windows系統(tǒng)，因此可以使用PHPStudy這款軟件，作為ThinkMusic音樂網站的虛擬運行環(huán)境。

?

2.2 支持組建選擇

ThinkMusic音樂網站是基于php框架開發(fā)，可以提供音樂的上傳分享，其運行環(huán)境組件包括Nginx、php、MySQL、SQL-Front、FileZilla幾項。而PHPStudy也支持這幾項軟件的直接安裝和設置。

?

2.3 網頁安裝

在PHPStudy安裝好網頁所需的各項軟件后，就可以正式進入ThinkMusic網頁的安裝。由于ThinkMusic網站是開源的，因此可以輕松找到其源代碼的下載。

?

網站源碼下載后，可直接將其解壓到PHPStudy的網頁文件夾下即可（即WWW文件夾內）。

?

接著我們在PHPStudy的“網站”頁面，找到左上角的“創(chuàng)建網站”按鈕并點擊，設置ThinkMusic音樂網站所需的運行環(huán)境，內容包括以下幾項

• 域名 – 即本地訪問網站的域名；
• 端口 – 即本地ThinkMusic網站的輸出端口號；
• 根目錄 -?即ThinkMusic網站文件存放的路徑，如果記不得詳細路徑的，可以通過欄位右側的“瀏覽”按鈕選擇網站文件存放位置，自動生成路徑；
• 創(chuàng)建FTP和數據庫 -?勾選這兩項后，PHPStudy會彈出新窗口，分別對FTP和數據庫進行設置，設置內容主要為用戶名、密碼、名稱幾項；
• PHP版本 -?通常這項并不需做單獨選擇，但為防止網站安裝時自檢報錯，因此最好選擇5.2（5.X系列）或同系較高版本。

?

?

?

各項設置完成后，即可點擊頁面下方的“確認”按鈕，生成ThinkMusic網站的運行環(huán)境。如果之后對網站的運行環(huán)境有任何變更，也可以點擊條目右側的“管理”按鈕，在下拉菜單中進行修改。

?

接著我們在瀏覽器地址欄中輸入“l(fā)ocalhost:86/install”(之前設置ThinkMusic網站時將輸出端口設置在86端口，因此此處輸入86.若設置網站輸出端口時有不同，則應輸入實際端口號)執(zhí)行網站安裝程序，就能進入ThinkMusic音樂網站的安裝界面。

?

接下來就是常規(guī)設置，在這里需要對兩個部分進行修改，第一部分數據庫名稱、數據庫用戶名和密碼，我們只要輸入PHPStudy設置數據庫時設定的用戶名和密碼即可；第二部分是ThinkMusic網站站長的信息設置，我們只要按實填寫即可。

完成必要的信息修改和設置后，就可以點擊安裝頁面下方的“提交”，完成ThinkMusic音樂網站的安裝。此時網站會提示我們是進入前臺或是后臺，前臺就是訪客能夠看到的網站，而后臺則是我們對該網站進行設置的界面。

?

這時就可以在瀏覽器地址欄輸入localhost:86(自設的端口號)登錄本地網站的前臺頁面進行功能測試，或輸入localhost:86/admin登錄網站后臺進行管理。

?

?

所有已注冊用戶都可以上傳自己喜歡的歌曲與大家分享，或者創(chuàng)立喜歡的音樂專輯。

?

3、本地網頁發(fā)布

現在，本地ThinkMusic音樂網站已經就緒，接下來要做的，就是將這個本地網站，通過cpolar創(chuàng)建的內網穿透數據隧道發(fā)布到公共互聯網上。Cpolar支持三種網頁隧道模式，分別是

• 臨時數據隧道 - 免費試用，24小時重置隧道編號，適用于臨時測試場景；
• 固定二級子域名 – 基礎版及以上用戶可選，可以自定義二級子域名，數據隧道一旦固定就不會變化，并且支持https協議，適合對域名要求不高的小范圍網頁發(fā)布場景。
• 自定義域名 – 專業(yè)版及以上用戶可選，能夠使用從域名供應商處購買的特定域名，并且支持用戶自上傳網站密鑰及證書文件，十分適合商業(yè)推廣等大范圍應用場景。

為能更好的說明cpolar的使用方式，我們以固定二級子域名隧道為演示。首先我們需要登錄cpolar官網（官網地址為https://www.cpolar.com），下載好cpolar客戶端（暫時不用安裝，可以先設置好固定二級子域名空白隧道）

?

3.1 Cpolar云端設置

首先，登錄cpolar的官網，在“儀表盤”頁面左側找到“預留”項，并在“預留”頁面選擇“保留二級子域名”欄位并對該隧道進行幾項簡單的信息設置，這幾項信息為：

• 地區(qū) -?這里我們在下拉菜單中選擇實際使用地即可；
• 二級域名 -?二級域名可以選擇自己喜歡的內容填寫，不過需要注意的是，該內容最終會顯示的公網URL中，因此需要選擇合適的內容填入；
• 描述 – 該欄可以看做這條數據隧道的備注，只要方便分辨即可；

?

這三項信息填寫完畢后，直接點擊右側的“保留”按鈕，創(chuàng)建一條固定的二級子域名隧道。

?

到這里，我們就在cpolar云端設定好一條空白數據隧道，接著我們回到本地電腦，安裝cpolar客戶端軟件，并將cpolar云端的空白二級子域名數據隧道與本地ThinkMusic網站關聯起來。

3.2 Cpolar本地設置

Cpolar客戶端下載完成后，可以直接解壓雙擊.msi安裝文件進行安裝。

?

接著只要一路“next”即可完成安裝。

?

接著我們打開cpolar在本地電腦的客戶端（可以在瀏覽器中輸入localhost:9200打開cpolar的Web-UI界面，也可以在開始菜單中找到cpolar的快捷方式）

?

?

在cpolar本地端，我們選擇“隧道管理”項下的“創(chuàng)建隧道”項，進入“創(chuàng)建隧道”頁面，在這個頁面，我們需要填寫幾項基本信息用于創(chuàng)建數據隧道，這些信息包括：

• 隧道名稱 – 可以看做cpolar本地的隧道信息注釋，只要方便分辨即可；
• 協議 –?這里我們默認選擇http協議；
• 本地地址 – 本地地址即為音樂網站的輸出端口號，在這個例子中為86；
• 域名類型 – 由于我們已經在cpolar云端預留了二級子域名的固定隧道，因此勾選“二級子域名”（如果預留的是自定義域名，則勾選自定義域名），并在下一行“Sub?Domain”欄中填入預留的二級子域名，該例子中為“thinkmusic”；
• 地區(qū) – 與cpolar云端預留的信息一樣，我們依照實際使用地填寫即可；

這些信息填寫完畢后，就可點擊頁面下方的“創(chuàng)建”按鈕，生成能夠發(fā)布本地音樂網站的公網地址。

?

?

4、公網訪問測試

最后，我們可以在“狀態(tài)”項下的“在線隧道列表”中，找到thinkmusic音樂網站的公共互聯網地址，將這個公共互聯網地址輸入瀏覽器，就能成功訪問到位于本地電腦上的thinkmusic音樂網站。

?

?

?

可以看到，使用cpolar生成的內網穿透數據隧道，可以很輕松的將本地電腦上的ThinkMusic音樂網站發(fā)布到公共互聯網上，即可以作為個人原創(chuàng)音樂發(fā)布平臺，也能集合一眾音樂同好，分享各自對音樂的理解。最重要的是，可以從此不在看別人臉色聽歌，打造屬于自己的音樂天堂。

5、結語

使用cpolar發(fā)布個人音樂網站，只是cpolar內網穿透功能的一個應用場景，cpolar創(chuàng)建的內網穿透數據隧道，還能應用在更多場景中。如果您對cpolar的使用有任何疑問，歡迎與我們聯系，我們必將為您提供力所能及的協助。當然也歡迎加入cpolar的VIP官方群，共同探索cpolar的無限潛能。

總結

以上是生活随笔為你收集整理的使用ThinkMusic网站源码配合cpolar，发布本地音乐网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。