如何做一個(gè)局域網(wǎng)/內(nèi)網(wǎng)的網(wǎng)站？

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

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

如何做一個(gè)局域網(wǎng)/內(nèi)網(wǎng)的網(wǎng)站？：最近被領(lǐng)導(dǎo)叫去談話，說我工作量不飽和，嚇得我趕緊表忠心，老大我正在給單位做網(wǎng)站呢！因?yàn)槲覀儐挝灰恢睕]有網(wǎng)站，以前一直用的是微信公眾號(hào)，這次先做了一個(gè)局域網(wǎng)的網(wǎng)站，方便大家使用。

其實(shí)我很心虛，因?yàn)槲抑皇且粋€(gè)普通的美工+前端程序員，我根本不會(huì)后端和數(shù)據(jù)庫(kù)??！沒辦法，趕鴨子上架開干吧！

已知需求如下：

1、公司內(nèi)外網(wǎng)分離，目前只需要內(nèi)網(wǎng)網(wǎng)站即可

2、暫不需要購(gòu)買域名，領(lǐng)導(dǎo)也沒發(fā)話讓這個(gè)網(wǎng)站在公網(wǎng)訪問

3、實(shí)現(xiàn)首頁(yè)展示、視頻播放、下載文件、留言板功能。




內(nèi)網(wǎng)網(wǎng)站如何訪問：

方法一：Windows里面自帶的IIS功能

大家來(lái)看看我的前端代碼，主要是HTML、CSS和圖片。

如果我直接點(diǎn)擊index.html文件，是可以在瀏覽器中打開的。像這樣：

因?yàn)镠TML+CSS+JavaScript這三個(gè)語(yǔ)言都是直接在瀏覽器端進(jìn)行解析，是不涉及到搭建環(huán)境的問題，你就可以使用Windows里面自帶的IIS功能（Internet Information Services (IIS)管理器），它可以讓其他跟你屬于同一個(gè)IP地址的電腦都能訪問你主機(jī)上的網(wǎng)頁(yè)。無(wú)需下載安裝，Windows自帶就有。

直接打開控制面板>>程序>>啟用或關(guān)閉Windows功能：

點(diǎn)擊打開后，安裝Internet Information Services (IIS)管理器

除非你需要傳輸文件，才需要FTP功能，其他的兩個(gè)web管理工具和萬(wàn)維網(wǎng)服務(wù)一定要勾選上，里面的小選項(xiàng)最好也都勾選上。然后點(diǎn)擊確定，它就會(huì)自己開始安裝相應(yīng)的功能。

安裝好后，打開這個(gè)功能在這里：控制面板>>管理工具

找到這個(gè)Internet Information Services (IIS)管理器：

打開后，先點(diǎn)擊左側(cè)的網(wǎng)站，一般隱藏在第一個(gè)選項(xiàng)里面，把折疊的選項(xiàng)打開，就找到它了。然后點(diǎn)擊右側(cè)的這個(gè)添加網(wǎng)站：

然后把網(wǎng)站名稱填好，物理路徑就是你把你的網(wǎng)站代碼放在本地的哪個(gè)文件夾，你就選那個(gè)文件夾就可以了，然后點(diǎn)擊確定。

接下來(lái)你就可以讓其他跟你同一個(gè)網(wǎng)段的主機(jī)直接通過IP地址訪問你電腦上那個(gè)網(wǎng)頁(yè)文件夾了，只要里面有index.html文件，它默認(rèn)IP地址打開就是那個(gè)文件。

是不是很簡(jiǎn)單？是不是很容易？

但是我要告訴你，我就是在這里踩坑了的。

因?yàn)檫@個(gè)window的IIS功能，不涉及到任何基礎(chǔ)環(huán)境的配置，它只能適用于剛剛提到的僅含HTML+CSS+JavaScript的程序文件，因?yàn)檫@些程序只需要瀏覽器就能解析，就能打開。但是它打不開任何PHP文件，不信你試試打開一個(gè)PHP文件：

它存在一個(gè)巨大的問題：無(wú)法解析任何的PHP之類的后端文件，因?yàn)檫@些文件依賴服務(wù)器環(huán)境，你需要安裝類似apache、.net和MySQL等才能運(yùn)行。

所以如果只用IIS功能，就要求你的網(wǎng)站只能是一個(gè)前端頁(yè)面，不能加載任何后端的程序，本質(zhì)上它跟直接本地打開沒有任何區(qū)別，不管是你打開還是其他IP的主機(jī)打開，都相當(dāng)于是在本地打開。

如果要加載后端程序，你~必~須~把你的電腦或者程序運(yùn)行的環(huán)境配置成能夠支持后端程序的狀態(tài)。

多說一句，刪除IIS功能的視頻可以參考下這個(gè)：

方法二：phpstudy面板（小皮面板）

如果你用的后端程序和我一樣也是php的話，就必須安裝apache（用來(lái)配置上網(wǎng)環(huán)境）和PHP（解析php文件）。那么你可以使用phpstudy面板，一鍵安裝所需要的軟件。

在phpstudy官網(wǎng)（一定是官網(wǎng)，千萬(wàn)不要直接在百度上找什么軟件下載中心去下載，小心被裝一堆“全家桶”）下載安裝包，這個(gè)軟件是免費(fèi)的，還可以一鍵安裝，適合小白。

一鍵安裝后，你需要在小皮面板首頁(yè)打開apache和MySQL，讓它為藍(lán)色運(yùn)行中的狀態(tài)，如果你還需要做ftp功能，才需要把FTP這個(gè)功能也裝上。

然后在左側(cè)的“網(wǎng)站”選項(xiàng)中點(diǎn)擊創(chuàng)建網(wǎng)站：

這里要注意域名選項(xiàng)：

如果你寫的是一個(gè)從來(lái)沒有被任何人購(gòu)買和使用的域名，那么這個(gè)小皮面板可以給你生成一個(gè)虛擬域名，你能夠在自己的電腦上直接打開這個(gè)網(wǎng)站，比如像這樣：

80端口是指可以讓你的電腦被其他電腦訪問的端口，根目錄一定選成你放了你自己的HTML等文件的那個(gè)文件夾，才好讓系統(tǒng)知道打開哪里的文件。數(shù)據(jù)庫(kù)和ftp根據(jù)你自己的情況創(chuàng)建。像我就只選了數(shù)據(jù)庫(kù)，因?yàn)槲倚枰蟼鲾?shù)據(jù)，但未必需要上傳文件。然后點(diǎn)擊確定。

在保證apache和mysql打開的情況下，點(diǎn)擊這個(gè)“打開網(wǎng)站”，你就能在瀏覽器中打開你的網(wǎng)站了，之前打不開的php文件就能正常運(yùn)行啦！

恭喜你，擁有了一個(gè)前端+后端程序都能運(yùn)行的網(wǎng)站！

但是因?yàn)槭翘摂M域名，你們單位的其他電腦是打不開這個(gè)地址的。

你肯定很有疑問，我要的是局域網(wǎng)啊，單位內(nèi)的其他電腦打不開那還有啥用？

簡(jiǎn)單！那么你就需要把域名這個(gè)地方配置成你自己電腦的IP地址就可以啦！

真正的局域網(wǎng)配置：

把你的IP地址配置進(jìn)去，使用80端口，然后選好本地放網(wǎng)頁(yè)程序的根目錄，就可以啦！

接下來(lái)你就既能運(yùn)行php，又能讓單位里面的其他電腦都能訪問這個(gè)網(wǎng)站了。

看，這樣只要是跟你在一個(gè)IP網(wǎng)段下的電腦，就能訪問這個(gè)網(wǎng)站啦！而且php運(yùn)行毫無(wú)問題！

內(nèi)網(wǎng)+外網(wǎng)局域網(wǎng)都能訪問，但公網(wǎng)不可訪問的辦法：

如果你頭夠鐵，就算你們單位做了內(nèi)外網(wǎng)分離，但是你就要單位的內(nèi)網(wǎng)+外網(wǎng)也能訪問你電腦上的這個(gè)局域網(wǎng)網(wǎng)站，且不允許公網(wǎng)訪問，那又該怎么做呢？

你就需要改裝你的電腦，安裝兩個(gè)網(wǎng)卡，這樣你的電腦就可以配置兩個(gè)IP，一個(gè)外網(wǎng)IP，一個(gè)內(nèi)網(wǎng)IP，然后在小皮面板里面把兩個(gè)IP都分別建立進(jìn)去，就可以啦！

但是這么做的風(fēng)險(xiǎn)也很大，會(huì)導(dǎo)致黑客通過你的電腦從外網(wǎng)直接攻入內(nèi)網(wǎng)，那么單位的內(nèi)網(wǎng)就不安全了，所以最好還是建議不要這么做，內(nèi)網(wǎng)就是內(nèi)網(wǎng)，不要讓它有被攻擊的風(fēng)險(xiǎn)。







PS：如果你想要網(wǎng)站不再是局域網(wǎng)，又想要轉(zhuǎn)為公網(wǎng)也可以訪問，你就需要去購(gòu)買一個(gè)域名，然后通過阿里云、騰訊云或者你們當(dāng)?shù)氐囊苿?dòng)聯(lián)通電信進(jìn)行ICP備案，然后再把IP地址解析到那個(gè)域名下面，這樣你的網(wǎng)站才能實(shí)現(xiàn)公網(wǎng)訪問。哪怕你只需要直接IP地址就公網(wǎng)訪問，也是必須做ICP備案的，否則運(yùn)營(yíng)商不會(huì)給你開公網(wǎng)的80端口。

順帶一提，如果你選阿里云的ICP備案服務(wù)，那么你必須同時(shí)購(gòu)買他們的服務(wù)器至少3個(gè)月，否則不給你備案。別問我怎么知道的。

這個(gè)B站視頻有講到，如何在阿里云騰訊云下購(gòu)買服務(wù)器空間，并購(gòu)買域名和ICP備案。講的很詳細(xì)，可以一看。但是這個(gè)只適用于公網(wǎng)網(wǎng)站，不適用于局域網(wǎng)網(wǎng)站哈。

上面兩個(gè)視頻總結(jié)一下，就是利用了阿里云或者騰訊云的服務(wù)器，使用寶塔面板（跟phpstudy面板類似，也是幫你一鍵安裝PHP和MySQL的環(huán)境），然后在網(wǎng)上下載一套前端的程序和主題頁(yè)面，就能最短時(shí)間建站了。