最簡(jiǎn)單的用django搭建網(wǎng)站教程——從連python都沒安裝到用手機(jī)訪問自己編寫的網(wǎng)

時(shí)間：2023-07-02 19:12:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-02 19:12:02 來源：網(wǎng)站運(yùn)營(yíng)

最簡(jiǎn)單的用django搭建網(wǎng)站教程——從連python都沒安裝到用手機(jī)訪問自己編寫的網(wǎng)頁(yè)：

前言

當(dāng)下，最好的展示程序結(jié)果的方式，一定是html網(wǎng)頁(yè)了。不管是簡(jiǎn)易性還是通用性， 用html網(wǎng)頁(yè)可以讓你輕松地把自己的程序通過網(wǎng)址分享給大家來瀏覽，而無需他們安裝軟件或是打開文件，甚至在手機(jī)上都可以輕易訪問。 Python下最著名的框架就是Django了， 作為曾經(jīng)學(xué)過JSP并苦java久矣的筆者， 想通過這篇博客， 用最簡(jiǎn)單的教程記錄和分享這最簡(jiǎn)單的網(wǎng)站框架——從沒有python到手機(jī)訪問自己的網(wǎng)頁(yè)。

準(zhǔn)備工作

（環(huán)境已搭好的可跳過）

1. 下載python和pycharm

python下載鏈接
首先下載python環(huán)境， 選擇最新的python版本下載即可。
pycharm下載鏈接
然后下載pycharm，這是最好的python編輯器， 也必須下載。 可以下載免費(fèi)的社區(qū)版，也可以自行破解/購(gòu)買專業(yè)版。
打開pycharm， 隨便新建一個(gè)工程如test， 進(jìn)入界面。

2. 下載django框架

在pycharm頁(yè)面按快捷鍵Alt+F12, 彈出terminal終端窗口。 在其中輸入
pip install -i https://pypi.douban.com/simple/ django
即可完成對(duì)django的下載。 這句代碼用了douban的鏡像，加速一下下載速度。




因?yàn)槲以缇拖螺d過了， 所以這里顯示的是already satisfied。

用django搭建網(wǎng)站

繼續(xù)上面的， 在terminal內(nèi) 輸入
django-admin startproject mysite
然后django就會(huì)自動(dòng)幫你創(chuàng)建一個(gè)名為"mysite"的網(wǎng)站文件夾，五臟俱全。 此時(shí)你的工程結(jié)構(gòu)應(yīng)該和我一樣：





這時(shí)候網(wǎng)站已經(jīng)自動(dòng)搭建成功了，我們開始運(yùn)行：

繼續(xù)在terminal內(nèi)輸入：

python mysite/manage.py runserver,結(jié)果應(yīng)該如圖所示：




不用去管這個(gè)具體什么意思， 點(diǎn)擊上面的鏈接， 即http://127.0.0.1:8000， 沒有問題的話，應(yīng)該就可以得到下圖的效果啦：







這是django默認(rèn)的效果，顯然，后面我們可以對(duì)這個(gè)網(wǎng)頁(yè)進(jìn)行各種自定義，做出各種花樣的自己想要的效果。 不過這里，我希望的是可以用最簡(jiǎn)單的教程示例把整個(gè)搭建網(wǎng)站的過程寫下來， 涉及網(wǎng)頁(yè)設(shè)計(jì)的這里就跳過了， 就以這個(gè)網(wǎng)頁(yè)為例繼續(xù)示范如何用手機(jī)訪問搭好的網(wǎng)站。




這里強(qiáng)烈圖鑒django教程，有興趣自己編寫網(wǎng)站的讀者可以去學(xué)習(xí)
django教程

手機(jī)與外網(wǎng)訪問網(wǎng)頁(yè)

一個(gè)網(wǎng)站寫出來只能自己本地通過127.0.0.1看， 無疑是乏味的， 那么如何能夠輕易地分享給大家，讓大家都能訪問呢？ 用django其實(shí)非常容易實(shí)現(xiàn)！

內(nèi)網(wǎng)訪問

首先，先確保內(nèi)網(wǎng)（同一wifi下）的機(jī)器可以訪問。 這里需要做兩步至關(guān)重要的操作：

• 修改訪問的權(quán)限
  django默認(rèn)是他人不能訪問的， 我們現(xiàn)在希望能讓他人訪問網(wǎng)頁(yè)，因此，找到mysite下，setting.py文件修改設(shè)置：
  
  

第28行這里，在中括號(hào)內(nèi)加入 *， 即改為：
ALLOWED_HOSTS = ['*']
代表所有用戶都能訪問這個(gè)網(wǎng)頁(yè)。 如果不做這一步的話會(huì)報(bào)錯(cuò)。

• 通過0.0.0.0來運(yùn)行
  在terminal中按ctrl + c來終止剛剛運(yùn)行的網(wǎng)站， 重新輸入以下命令運(yùn)行：
  python mysite/manage.py runserver 0.0.0.0:8000
  這里指定了通過0.0.0.0的8000端口運(yùn)行，這樣非本地也能訪問了。 （之前是默認(rèn)127.0.0.1:8000本地訪問）

做完這兩步后，就可以在內(nèi)網(wǎng)內(nèi)用手機(jī)查看電腦寫的網(wǎng)頁(yè)啦。首先
用win+R，輸入cmd，進(jìn)入命令行工具





接著輸入ipconfig命令， 查詢本機(jī)的內(nèi)網(wǎng)IP：







以我為例， IPv4地址就是10.222.185.59. 記一下。




這時(shí)， 你在本機(jī)電腦上直接打開http://0.0.0.0:8000，是無法打開的：





但是，你可以用連接在同一wifi下的手機(jī)或者電腦（即保證在同一局域網(wǎng)內(nèi)）， 用瀏覽器， 打開http://0.0.0.0:8000，是不是發(fā)現(xiàn)，可以得到剛剛一樣的網(wǎng)頁(yè)？







也就是說， 已經(jīng)可以在內(nèi)網(wǎng)內(nèi)成功訪問本機(jī)所搭建的網(wǎng)站了！

外網(wǎng)映射

顯然，位于同一wifi下這個(gè)限制太嚴(yán)格， 我們希望可以分享給任何人。 那么就需要進(jìn)行外網(wǎng)映射，即達(dá)到通過一個(gè)域名網(wǎng)址就能訪問的效果。 就像我們輸入http://www.baidu.com就能訪問百度一樣。

百度外網(wǎng)映射，有很多軟件可以實(shí)現(xiàn)， 我這里以國(guó)內(nèi)最知名的花生殼軟件舉例：
首先下載花生殼：
https://hsk.oray.com/download/
打開軟件后， 注冊(cè)賬戶并登陸：





看到如上界面，點(diǎn)擊右下角加號(hào)：

進(jìn)行內(nèi)網(wǎng)映射的編輯：




應(yīng)用名稱隨便寫， 應(yīng)用類型選擇HTTP， 然后外網(wǎng)域名這一行默認(rèn)生成的，不用管。 內(nèi)網(wǎng)主機(jī)這里，填剛剛通過ipconfig得到的IP地址，即內(nèi)網(wǎng)分配的地址。 內(nèi)網(wǎng)端口，設(shè)為我們運(yùn)行的端口，默認(rèn)即8000.保存。 在剛剛的花生殼界面可以看到：







用瀏覽器輸入該域名，是不是發(fā)現(xiàn)訪問到了我們搭建的django網(wǎng)站？同樣的，用手機(jī)4G，在safari等瀏覽器中輸入該域名， 也可以看到網(wǎng)站。




至此，我們實(shí)現(xiàn)了從0到外網(wǎng)也可以訪問搭建的網(wǎng)站的過程。

結(jié)語(yǔ)

路漫漫其修遠(yuǎn)兮，django是一個(gè)非常大的框架， 除此之外，想做好網(wǎng)頁(yè)還需要html之類的前端知識(shí)。 這篇博客只是用最簡(jiǎn)單的步驟，寫下了從0到發(fā)布網(wǎng)站的過程。 千里之行始于足下，后面可以對(duì)django進(jìn)行深度地學(xué)習(xí)，編寫自己的網(wǎng)頁(yè)。