樹莓派(raspberry pi)日記1之個人網站的構建(localhost內網穿透實作公網可以訪問)

板子:raspberry pi 3B+

//
作者:shawn
可咨詢QQ:965798711
2021.2.9
14:10
All rights reserved
//
如果你覺得對你有幫助,請點贊同,這對我很重要,謝謝,
樹莓派傳統系統作為一個LINUX系統,新手使用起來可能不怎么熟練,但是這里建議一邊做專案一邊學習,沒必要先聽LINUX系統的全部課程
一、材料準備
硬體:
樹莓派,TF卡(16G足夠),電源,獨立路由器
軟體:
基礎的:WINscp//VNCviewer//Xshell
除此之外
1.LAMP服務器搭建
(LAMP是指一組通常一起使用來運行動態網站或者服務器的自由軟體名稱首字母縮寫:
Linux,作業系統
Apache,網頁服務器(這里我們使用NGINX輕量級網頁服務器)
MariaDB或MySQL,資料庫管理系統(或者資料庫服務器)
PHP、Perl或Python,腳本語言)
2.phpmyadmin
(管理mysql資料庫)
3.wordpress
(使用PHP語言開發的博客平臺,用戶可以在支持PHP和MySQL資料庫的服務器上架設屬于自己的網站,也可以把 WordPress當作一個內容管理系統(CMS)來使用)
二、原理決議
樹莓派的LINUX開發與WINDOWS開發不同,所有的服務器配置都得自己來做,而windows上直接購買某寶的網站服務器就行,
三、具體做法
準備:樹莓派連入網,這里建議新學者最好準備一塊螢屏,一個無線鍵盤,這樣會方便很多很多很多很多


其實很簡單,就是下一些軟體,配置一些環境,但是會有很多bug,樹莓派的樂趣就是debug的程序(doge)
//
///
1.LAMP服務器的配置
//
///
一.nginx下載
sudo apt-get install nginx
二.php及其插件下載
sudo apt-get install php7.0
sudo apt-get install php-fpm
sudo apt-get install php-mysql
sudo apt-get install php-common
三.配置php,使得nginx支持php語言
打開
sudo nano /etc/nginx/sites-available/default
找到
server_name _;
把下面的location /{---------------------------------}刪掉換成( #下面的php版本號詳見自己的版本號)
location / {
index index.html index.htm index.php default.htm default.php;
}
location ~\.php$ {
fastcgi_pass unix:/run/php/php7.3-fpm.sock;
#上面的php版本號詳見自己的版本號
#fastcgi_pass 127.0.0.1:9000;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
目的:使得nginx支持php語言
三.安裝資料庫mariaDB
sudo apt install mariadb-server mariadb-client
四.重啟服務
sudo /etc/init.d/nginx restart
sudo /etc/init.d/php7.3-fpm restart
sudo service mysql restart
sudo service nginx restart
五.給修改/var/www/html授權
sudo chmod -R 777 /var/www/
sudo chmod -R 777 /var/www/html
sudo chmod -R 777 /var
*六.*在/var/www/html/下新建index.php,把這個目錄下的其他檔案刪掉在index.php里面輸入如下內容
<html>
<head>
<title> 樹莓派(raspberry pi)日記1之個人網站的構建(localhost內網穿透實作公網可以訪問)</title>
</head>
<body>
<?php echo '<p>HELLOW SHAWN</p>';?>
</body>
</html>
七.打開瀏覽器
輸入localhost或者本地地址192.168.0.102(這是我的)
就能看到自己的本地網頁了
網頁名字是樹莓派(raspberry pi)日記1之個人網站的構建(localhost內網穿透實作公網可以訪問)
內容是HELLOW SHAWN
那么恭喜你,你已經完成了第一步修改你的本地網頁,
此時,只要連了你路由器網的人輸入你的本地地址,就能訪問你的網頁
那么這種網頁雖然簡單,但是風格過于簡單,一片空白,而且不能進行互動,在你網段下的人只能看到你網站上的內容,別的啥也干不了,這種體驗是非常差的,那么我們接下來就要使得這個網頁能實作互動,別人能給你發東西,你作為網頁的管理員能收到訊息
//
///
2.phpmyadmin的配置
//
///
phpmyadmin用來管理mysql資料庫將網站輸入輸出的資料進行一個存盤決議
一、下載phpmyadmin
sudo apt-get install phpmyadmin
選擇apache2
然后問你是不是要配置資料庫
選yes
輸入一個你記得住的密碼
然后ok
二、建一個軟連接
sudo ln -s/usr/share/phpmyadmin /var/www/html
三、此時訪問localhost/phpadmin就是phpadmin的界面了
初始用戶名就是phpadmin
密碼就是剛設定的密碼
語言可以選擇中文
四、進去之后選資料庫發現你沒有權限建立資料庫
那么此時我們再次回到終端
sudo mysql -u root -p
進入資料庫操作界面
這個資料庫有操作知識庫
點這里
執行CREATE USER '//想取的名字例如shawn//'@'localhost' INDENTIFIED BY '//剛剛設定的密碼//';
例如CREATE USER 'shawn'@'localhost' INDENTIFIED BY '123456';
接著show grants for shawn@localhost;(顯示權限)
接著grant all privileges on 星號(****這種)點號(.)星號 to shawn@localhost
flush privileges;
exit;
賦權成功
五、重新登錄phpadmin輸入剛建的用戶名,密碼進入
創建一個自己的資料庫,執行
//
///
3.wordpress配置
//
///
一、下載wordpress,
建議選擇中文版
sudo wget https://cn.wordpress.org/wordpress-5.6.1-zh_CN.zip
英文版
sudo wget https://wordpress.org/latest.tar.gz
英文版的,下完gzip解壓
二、配置訪問
把/home/pi/下面的wordpress里面的所有東西移動到/var/www/html/目錄下,洗掉之前我們搞的index.php,
三、網頁訪問
網頁里輸入localhost就是wordpress的頁面
database name 剛建造的資料庫的名字
user name 資料庫用戶名
password 剛剛密碼
data host 因為我們用的是本地的資料默認localhost
下兩步
填寫site title
user name
password
mail
之后install
再登錄就行
四、恭喜你,基本完成
進入dashboard之后appearance里面有主題插件的選擇(主題下載可能要搗鼓一會),
setting里面可以改名字啥的,自己探索就行,
點擊網頁最上面小房子的圖示就是自己的網頁,
同樣只能被連接在一個路由器上的人訪問
#雖然我們建成了網頁但是我們只能供連接在一個路由器上的人訪問,這就很讓人失望,那么怎樣才能實作公網訪問呢???
//
///
4.內網穿透
//
///
打字實在太累了 希望讀者自己百度這個概念
一、花生殼
我們選擇花生殼點這里
下樹莓派版本的,切記,
二、然后winscp遠程檔案傳輸把這個傳給樹莓派/home/pi目錄**
終端里面sudo dpkg -i phtunnel_5_0_rapi_armhf.deb安裝一波
*三、紀錄SN碼跟默認密碼,*在花生殼管理點這里
里面輸入SN碼跟默認密碼登錄,激活一下
四、氪金
嗯哼---------------------
俗話說氪金使人強大,下面一個步驟就是氪金了
點內網穿透開免費體驗的那個服務,開通之后添加映射
應用名字隨便填
域名幫你選好了
映射型別選擇http(需要氪金6元因為國家政策,要身份證等等證件才能注冊http)
動態埠
內網ip填自己樹莓派的
埠一般填80
完結撒花
之后就可以快樂地在別的手機,電腦上訪問你的網頁啦(外網訪問地址會給你,一般net結尾)
~
那么恭喜你了,做到這一步真的不容易,想想還是直接買某寶上面的 網站服務器香~~
四、
樹莓派的用途還有很多比如LAKKA,OSMC等等有待我們繼續學習開發
謝謝你的閱讀,我們下期再見
真完結撒花
作者:shawn
可咨詢QQ:965798711
2021.2.9
14:10
All rights reserved
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/258392.html
標籤:其他
上一篇:MATLAB初階繪圖(二)
下一篇:Spring Cloud Alibaba - 訊息佇列(四)(RocketMQ原始碼解讀 / NameServer | Broker | Producer | Consumer)(目前存在的不足之處)
