基於樹莓派的內網穿透Web服務器搭建

前言

因爲最近學了linux系統加上玩了點樹莓派,宿舍剛好在我這邊安裝好了路由,準備充分利用手頭現有資源,在樹莓派的linux系統上搭建web服務器並連接好路由,利用花生殼的內網映射即可突破內網訪問自己在樹莓派上部署的網頁。apache服務器是web服務器的一種,在這裏我們選擇使用apache搭建
本身操作流程並不難,但是!成敗在於細節。現在,請大家跟隨我的腳步,在linux系統上搭建屬於自己的web服務器吧!


一、安裝apache2服務器

1.打開shell終端 ,快捷鍵 Ctrl + Alt + T 打開

2.輸入命令行:

sudo apt-get install apache2 -y 

下載安裝apache2服務器
3.安裝完成之後,會自動在/etc/目錄下生成配置文件,並且自動會在/var/下生成www/html的文件夾,並在文件夾中配置index.html文件,可通過一下命令查看:

cd /var/www/html/	
ls

會發現有一個index.html文件,這個我們待會會講到。

4.apache2配置默認開啓80端口作爲我們的web外部訪問端口,我們可以打開瀏覽器,在地址欄中輸入我們樹莓派的本機地址,在命令行中輸入:

ifconfig

其中的inet addr:192.168.x.xxx就是我們的本機地址,我們在瀏覽器地址欄輸入我們的這個ip地址
在這裏插入圖片描述
當出現這個界面時,則證明apache2安裝成功,但是請注意!!!

有的同學會認爲這個界面是提示錯誤的界面,但是這個界面其實是按照上面所說的index.html裏面內容顯示出來的界面,你可以更改內容來顯示不同的界面

一般配置通常不會遇到太多問題,更多配置文件的更改方法和細節處理請看本文最後部分。
至此,我們的apache服務器配置完成。


二、使用花生殼穿透內網

經過上面的配置,有人就會飄飄然不能自已,認爲這樣子就可以完成任務。但是其實還是需要考慮一個問題,就是你在家裏連上路由是可以訪問,但是離開家使用流量了或者外面的人就不能訪問你了呀哈哈,所以裝個B還是需要多一點小成本滴。使用花生殼,可以讓你不僅可以外網訪問,又可以有一個自己的專屬域名,好了閒話不說,重點來了


1.首先我們要下載並在本地安裝一個花生殼應用phddns,這個應用可以幫助我們後續進行內網穿透。
進入鏈接https://hsk.oray.com/download/,到花生殼官網下載樹梅派對應版本的花生殼安裝包在這裏插入圖片描述
下載需要查看系統的位數(32或者64位),則打開shell終端,輸入以下命令即可出現對應位數




getconf LONG_BIT

下載完對應的安裝包之後,在終端進入到對應的下載目錄(正常情況一般是/home/pi/Downloads/目錄下)

cd /home/pi/Downloads/
ls

查看下載的安裝包,之後切換到管理員權限:

sudo -s

輸入安裝命令:dpkg -i 安裝包名稱。回車,等待安裝完成。

#32位安裝命令
dpkg -i phtunnel_5_0_rapi_armhf.deb

#64位安裝命令
dpkg -i phddns-5.0.0-amd64.deb

安裝成功後,會顯示花生殼的SN碼、默認密碼(admin)及遠程管理地址http://b.oray.com 如下圖所示,這個地址稍後會用到。

接下來在終端啓動花生殼應用:

#啓動應用
sudo phddns start

#查看狀態 
sudo phddns status

如果在Runstatus一欄顯示 ONLINE,則證明應用部署成功,最後我們使用以下命令:

sudo phddns enable

來使其開機自啓動


總的phddns操作有:


phddns start(啓動)| status(狀態)| stop(停止)|restart(重啓)| reset(重置)|enable(開機自啓動)|disable(關閉開機自啓動)|version(版本)

但是注意:我們的在使用phddns相關命令時,如果不是管理員權限的話,都是需要使用我們在命令前面加上sudo纔可以執行

2.購買域名。花生殼內網穿透的話,需要內網對應端口跟域名綁定在一起纔可以訪問。進入鏈接https://hsk.oray.com/download/,點擊“註冊”進行賬戶註冊。

這裏要提醒一個點:按照我之前的操作,當我註冊完了之後界面就會迫不及待的讓你去限時購買它的一大堆優惠域名,但是這裏要注意:他推薦的域名是三流的殼域名,什麼意思呢,就是你搞完東西分享到微信給人家看,但是彈出來的卻是以下界面:

此時的內心飄過一萬隻草泥馬~
原因網站的域名需要用安全證書進行認證,那些三流域名備案和認證會麻煩一些,不過只限於學習的話那些域名沒太大問題,另外QQ可以訪問。這裏提供另外殼域名和頂級域名購買網址,供大家選擇:
頂級域名註冊:https://domain.oray.com/
殼域名註冊:https://hsk.oray.com/parts-center/domain.html
另外花生殼還有一個域名轉入功能,以後有機會嘗試再和大家分享。





註冊完之後,進入鏈接https://console.hsk.oray.com/forward,免費開通內網穿透功能
開通完之後,登錄遠程管理地址http://b.oray.com,首次登錄則需要綁定樹莓派的SN碼,密碼默認admin,SN碼由樹莓派的shell終端中輸入sudo phddns status可查得到。登錄完之後會自動綁定原花生殼賬號,之後用原花生殼賬號登錄即可


登錄完之後,在內網穿透界面點擊“+”號添加映射,之後進行編輯
在這裏插入圖片描述
左邊選擇“HTTP”類型,右邊外網域在你在花生殼買了域名之後點擊會自動下拉供你選擇;內網主機是樹莓派本機ip地址,端口可以自己設定,文章最後會講到,默認是80,點擊確定






點開啓動映射應用,嘗試在手機瀏覽器中用流量輸入你映射的域名,然後就成功了。
好雞凍有木有!!!!!!
然而,你以爲這樣就結束了碼。。。還差最後一步哦!


三、設置樹莓派的靜態地址

我們如果有留意的話會發現,這個樹莓派的ip過了幾天就會變來變去的,而我們也要在配置網址上面改來改去的太辛苦了,因爲ip是靠路由自動分配給我們的,要想ip不變我們就需要設置樹莓派的靜態ip(劃重點,要考的)

1.輸入以下命令行

sudo nano /etc/dhcpcd.conf

2.在文件末尾輸入:

interface eth0
static ip_address=192.168.1.105/24
static routers=192.168.1.1
static domain_name_servers=192.168.1.1 8.8.8.8

注意!!!這4個8一定不要漏了,很關鍵!
快捷鍵Ctrl+O保存,Ctrl+X退出
重啓

reboot

就可以了,記住上面ip前面3段:192.168.1 這幾段要跟你們要跟局域網的ip前三段一樣,保證同一網段網絡才能正常接通

最後還是要來簡單說明以下這個web服務器怎麼用,大家可以在web服務器的/var/www/html/目錄下將index.html文件內容修改爲自己的內容爲己所用,但是更多的可以修改/etc/apache2/下的配置文件讓自己的css,js,html文件都可以運用起來,最後來講解配置及常見問題解決方法


四、配置及常見問題解決

配置

(1)配置路徑:apache2的配置文件在/etc/apache2/中的apach2.conf文件,可以更改其中所在的html文件目錄
(默認存放於/var/www/的目錄中);之後還要打開sites-enabled中的文件,在Document所在行處更改目錄
重啓apache2服務,完成


注意存放網頁顯示相關文件的目錄路徑應該可以進入讀取,而且該文件目錄下所有的顯示文件都需要具備可讀權限,有些文件還需要具備可執行權限
若顯示中出現權限錯誤或者顯示不全的,可以執行這條命令:





sudo chmod -R 777 xxx 

(-R表示該文件目錄以及文件目錄下的所有文件都執行,xxx爲該文件目錄名)即可正常訪問(包括JS和CSS)

(2)(可選)更改端口號可以到/etc/apache2/ports.conf中更改(位於首行的listen對應數字)
另外還要到/etc/apache2/sites-enabled/000-default.conf中第一行再更改一次端口
重啓apache2服務,完成


常見問題:
連接出現“客戶端離線”
原因:之前有過花生殼基於window平臺軟件安裝或者手機登錄衝突
解決方法:
(1)從管理地址的登錄日誌可以查出,登錄設備從‘for樹梅派’變成‘for windows’
(2)卸載花生殼phddns ->sudo dpkg -r phddns
(3)清除花生殼的配置文件sudo dpkg --purge phddns
(4)再重新安裝一次
(5)登錄管理地址 http://b.oray.com,重新進行初始登錄並綁定設備
(6)問題解決
注意:在操作以上步驟之前需要先把其他登錄同一帳號的花生殼下線,本人是直接先進行本系統中徹底卸載
但是正常情況只要重新登錄SN碼帳號綁定對應設備即可。
















結尾

後續超b小哥會編寫更多技術相關內容,如有錯誤歡迎批評指出

如果對您有幫助的話記得一鍵三連哦~


參考文章:

https://service.oray.com/question/11639.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章