轉(zhuǎn)發(fā)自CSDN lisacpolar的文章:ThinkMusic源碼搭建音樂網(wǎng)站,并實現(xiàn)公網(wǎng)訪問
1. 前言
在我們的日常生活中,音樂已經(jīng)成為不可或缺的要素之一,聽幾首喜歡的音樂,能讓原本糟糕的心情變得好起來。雖然現(xiàn)在使用電腦或移動電子設備聽歌都很方便,但難免受到諸多會員或VIP限制,難免讓我們回想起音樂網(wǎng)站遍地開花的時代。今天,我們就為大家介紹,如何在本地電腦上搭建一個風格界面都不錯的ThinkMusic音樂網(wǎng)站,并通過cpolar創(chuàng)建的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道將其發(fā)布到公共互聯(lián)網(wǎng)上,讓我們能夠上傳自己喜歡的音樂與大家分享,只為不再受制于人。
2. 本地網(wǎng)頁搭建
2.1 環(huán)境使用
現(xiàn)在個人電腦上最常用的系統(tǒng)是Windows系統(tǒng),因此可以使用PHPStudy這款軟件,作為ThinkMusic音樂網(wǎng)站的虛擬運行環(huán)境(PHPStudy下載地址為https://www.xp.cn/download.html)。
2.2 支持組建選擇
ThinkMusic音樂網(wǎng)站是基于php框架開發(fā),可以提供音樂的上傳分享,其運行環(huán)境組件包括Nginx、php、MySQL、SQL-Front、FileZilla幾項。而PHPStudy也支持這幾項軟件的直接安裝和設置。
3. 網(wǎng)頁安裝
在PHPStudy安裝好網(wǎng)頁所需的各項軟件后,就可以正式進入ThinkMusic網(wǎng)頁的安裝。由于ThinkMusic網(wǎng)站是開源的,因此可以輕松找到其源代碼的下載。
網(wǎng)站源碼下載后,可直接將其解壓到PHPStudy的網(wǎng)頁文件夾下即可(即WWW文件夾內(nèi))。
接著我們在PHPStudy的“網(wǎng)站”頁面,找到左上角的“創(chuàng)建網(wǎng)站”按鈕并點擊,設置ThinkMusic音樂網(wǎng)站所需的運行環(huán)境,內(nèi)容包括以下幾項
-
域名
– 即本地訪問網(wǎng)站的域名; -
端口
– 即本地ThinkMusic網(wǎng)站的輸出端口號; -
根目錄
- 即ThinkMusic網(wǎng)站文件存放的路徑,如果記不得詳細路徑的,可以通過欄位右側(cè)的“瀏覽”按鈕選擇網(wǎng)站文件存放位置,自動生成路徑; -
創(chuàng)建FTP和數(shù)據(jù)庫
- 勾選這兩項后,PHPStudy會彈出新窗口,分別對FTP和數(shù)據(jù)庫進行設置,設置內(nèi)容主要為用戶名、密碼、名稱幾項; -
PHP版本
- 通常這項并不需做單獨選擇,但為防止網(wǎng)站安裝時自檢報錯,因此最好選擇5.2(5.X系列)或同系較高版本。
各項設置完成后,即可點擊頁面下方的確認
按鈕,生成ThinkMusic網(wǎng)站的運行環(huán)境。如果之后對網(wǎng)站的運行環(huán)境有任何變更,也可以點擊條目右側(cè)的“管理”按鈕,在下拉菜單中進行修改。
接著我們在瀏覽器地址欄中輸入localhost:86/install
(之前設置ThinkMusic網(wǎng)站時將輸出端口設置在86端口,因此此處輸入86.若設置網(wǎng)站輸出端口時有不同,則應輸入實際端口號)執(zhí)行網(wǎng)站安裝程序,就能進入ThinkMusic音樂網(wǎng)站的安裝界面。
接下來就是常規(guī)設置,在這里需要對兩個部分進行修改,第一部分數(shù)據(jù)庫名稱、數(shù)據(jù)庫用戶名和密碼,我們只要輸入PHPStudy設置數(shù)據(jù)庫時設定的用戶名和密碼即可;第二部分是ThinkMusic網(wǎng)站站長的信息設置,我們只要按實填寫即可。
完成必要的信息修改和設置后,就可以點擊安裝頁面下方的“提交”,完成ThinkMusic音樂網(wǎng)站的安裝。此時網(wǎng)站會提示我們是進入前臺或是后臺,前臺就是訪客能夠看到的網(wǎng)站,而后臺則是我們對該網(wǎng)站進行設置的界面。
這時就可以在瀏覽器地址欄輸入localhost:86(自設的端口號)登錄本地網(wǎng)站的前臺頁面進行功能測試,或輸入localhost:86/admin登錄網(wǎng)站后臺進行管理。
所有已注冊用戶都可以上傳自己喜歡的歌曲與大家分享,或者創(chuàng)立喜歡的音樂專輯。
3. 本地網(wǎng)頁發(fā)布
現(xiàn)在,本地ThinkMusic音樂網(wǎng)站已經(jīng)就緒,接下來要做的,就是將這個本地網(wǎng)站,通過cpolar創(chuàng)建的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道發(fā)布到公共互聯(lián)網(wǎng)上。Cpolar支持三種網(wǎng)頁隧道模式,分別是
-
臨時數(shù)據(jù)隧道
- 免費試用,24小時重置隧道編號,適用于臨時測試場景; -
固定二級子域名
– 基礎版及以上用戶可選,可以自定義二級子域名,數(shù)據(jù)隧道一旦固定就不會變化,并且支持https協(xié)議,適合對域名要求不高的小范圍網(wǎng)頁發(fā)布場景。 -
自定義域名
– 專業(yè)版及以上用戶可選,能夠使用從域名供應商處購買的特定域名,并且支持用戶自上傳網(wǎng)站密鑰及證書文件,十分適合商業(yè)推廣等大范圍應用場景。
為能更好的說明cpolar的使用方式,我們以固定二級子域名隧道為演示。首先我們需要登錄cpolar官網(wǎng)(官網(wǎng)地址為https://www.cpolar.com),下載好cpolar客戶端。
3.1 Cpolar云端設置
首先,登錄cpolar的官網(wǎng),在“儀表盤”頁面左側(cè)找到“預留”項,并在預留
頁面選擇保留二級子域名
欄位并對該隧道進行幾項簡單的信息設置,這幾項信息為:
-
地區(qū)
- 這里我們在下拉菜單中選擇實際使用地即可; -
二級域名
- 二級域名可以選擇自己喜歡的內(nèi)容填寫,不過需要注意的是,該內(nèi)容最終會顯示的公網(wǎng)URL中,因此需要選擇合適的內(nèi)容填入; -
描述
– 該欄可以看做這條數(shù)據(jù)隧道的備注,只要方便分辨即可;
這三項信息填寫完畢后,直接點擊右側(cè)的保留
按鈕,創(chuàng)建一條固定的二級子域名隧道。
到這里,我們就在cpolar云端設定好一條空白數(shù)據(jù)隧道,接著我們回到本地電腦,安裝cpolar客戶端軟件,并將cpolar云端的空白二級子域名數(shù)據(jù)隧道與本地ThinkMusic網(wǎng)站關聯(lián)起來。
3.2 Cpolar本地設置
Cpolar客戶端下載完成后,可以直接解壓雙擊.msi安裝文件進行安裝。
接著只要一路“next”即可完成安裝。
接著我們打開cpolar在本地電腦的客戶端(可以在瀏覽器中輸入localhost:9200打開cpolar的Web-UI界面,也可以在開始菜單中找到cpolar的快捷方式)
在cpolar本地端,我們選擇“隧道管理”項下的“創(chuàng)建隧道”項,進入“創(chuàng)建隧道”頁面,在這個頁面,我們需要填寫幾項基本信息用于創(chuàng)建數(shù)據(jù)隧道,這些信息包括:
-
隧道名稱
– 可以看做cpolar本地的隧道信息注釋,只要方便分辨即可; -
協(xié)議
– 這里我們默認選擇http協(xié)議; -
本地地址
– 本地地址即為音樂網(wǎng)站的輸出端口號,在這個例子中為86; -
域名類型
– 由于我們已經(jīng)在cpolar云端預留了二級子域名的固定隧道,因此勾選“二級子域名”(如果預留的是自定義域名,則勾選自定義域名),并在下一行“Sub Domain”欄中填入預留的二級子域名,該例子中為“thinkmusic”; -
地區(qū)
– 與cpolar云端預留的信息一樣,我們依照實際使用地填寫即可;
這些信息填寫完畢后,就可點擊頁面下方的創(chuàng)建
按鈕,生成能夠發(fā)布本地音樂網(wǎng)站的公網(wǎng)地址。
4. 公網(wǎng)訪問測試
最后,我們可以在狀態(tài)
項下的在線隧道列表
中,找到thinkmusic音樂網(wǎng)站的公共互聯(lián)網(wǎng)地址,將這個公共互聯(lián)網(wǎng)地址輸入瀏覽器,就能成功訪問到位于本地電腦上的thinkmusic音樂網(wǎng)站。
可以看到,使用cpolar生成的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道,可以很輕松的將本地電腦上的ThinkMusic音樂網(wǎng)站發(fā)布到公共互聯(lián)網(wǎng)上,即可以作為個人原創(chuàng)音樂發(fā)布平臺,也能集合一眾音樂同好,分享各自對音樂的理解。最重要的是,可以從此不在看別人臉色聽歌,打造屬于自己的音樂天堂。文章來源:http://www.zghlxwxcb.cn/news/detail-450857.html
5. 結語
使用cpolar發(fā)布個人音樂網(wǎng)站,只是cpolar內(nèi)網(wǎng)穿透功能的一個應用場景,cpolar創(chuàng)建的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道,還能應用在更多場景中。如果您對cpolar的使用有任何疑問,歡迎與我們聯(lián)系,我們必將為您提供力所能及的協(xié)助。當然也歡迎加入cpolar的VIP官方群,共同探索cpolar的無限潛能。文章來源地址http://www.zghlxwxcb.cn/news/detail-450857.html
到了這里,關于本地電腦做服務器搭建私人音樂網(wǎng)站ThinkMusic + cpolar內(nèi)網(wǎng)穿透的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!