概述

這非常適合設(shè)置您的第一個(gè)網(wǎng)站，我們將在Windows上搭建一個(gè)PHP站點(diǎn)環(huán)境，然后部署一個(gè)演示站點(diǎn)，并且將它發(fā)布到公網(wǎng)上。讓您的好友及用戶可以訪問到它。

1. Windows安裝StudyPHP

官網(wǎng)下載：https://www.xp.cn/download.html

1.1 下載后解壓并安裝

安裝后的效果，如圖：

點(diǎn)擊，一鍵啟動(dòng) WNMP 旁邊的啟動(dòng)按鈕

會(huì)默認(rèn)啟動(dòng)nginx，MYSQL 5.7

在啟動(dòng)過程中，如有提示防火墻提示，允許即可。

1.2 打開默認(rèn)站點(diǎn)，測試

在StudyPHP面版–網(wǎng)站–選擇localhost 80的默認(rèn)站點(diǎn)，點(diǎn)擊管理，彈出下拉菜單，選擇打開網(wǎng)站，會(huì)彈出瀏覽器，打開本地默認(rèn)站點(diǎn)http://localhost

如下圖，說明安裝成功。

2 下載靜態(tài)演示站點(diǎn)

2.1 下載演示站點(diǎn)

下載:https://www.cpolar.com/static/downloads/meditation-app-master.zip

2.2 解壓并復(fù)制

下載后，解壓縮，復(fù)制目錄下的所有文件，如下圖

2.3 打開站點(diǎn)根目錄

我們找到并打開網(wǎng)站的根目錄

默認(rèn)在?D:\phpstudy_pro\WWW, 我們將目錄里所有文件刪除，如下圖

2.4 復(fù)制演示站點(diǎn)到站網(wǎng)根目錄

復(fù)制我們的演示站點(diǎn)所有文件到該目錄下,復(fù)制后如下圖：

2.2 在瀏覽器中，查看演示效果。

這是一個(gè)冥想站點(diǎn)，可以選擇2-5-10分鐘不同的時(shí)間，可以切換下雨與陽光不同的情景。用于放松自我，調(diào)解心境，給自己做一個(gè)心靈SPA

3. 將站點(diǎn)發(fā)布到公網(wǎng)

這里，使用cpolar內(nèi)網(wǎng)穿透工具，如果您還沒有安裝，請參考前一篇教程《如何在Windows下安裝cpoalr》

3.1 生成cpolar隨機(jī)URL公網(wǎng)地址

打開命令行窗口：

cpolar http -region=cn_vip 80

現(xiàn)在，cpolar將內(nèi)網(wǎng)站點(diǎn)，發(fā)布到了一個(gè)隨機(jī)域名網(wǎng)址：https://711d7522.vip.cpolar.cn

3.2 復(fù)制命令行窗口里的隨機(jī)網(wǎng)址

在命令行窗口上按鼠標(biāo)右鍵，彈出菜單，選擇標(biāo)記.如下圖：

然后選擇要復(fù)制的網(wǎng)址后，再次點(diǎn)擊鼠標(biāo)右鍵。則復(fù)制成功。

我們把復(fù)制好的URL，粘貼在瀏覽器中，看一下效果。

打開瀏覽器試：https://380b860c.vip.cpolar.cn/

現(xiàn)在，我們的站點(diǎn)，已經(jīng)發(fā)布到了公網(wǎng)，任何人都可以訪問到它。雖然它是臨時(shí)站點(diǎn)。

我們可以將應(yīng)該地址發(fā)給好友，讓TA也做個(gè)心靈SPA。^ ^

回到cpolar命令行窗口，按CTRL+C鍵，退出cpolar

此時(shí)，公網(wǎng)地址不再能被訪問。

3.3 如何生成一個(gè)非隨機(jī)的公網(wǎng)URL？

雖然我們已經(jīng)發(fā)布了站點(diǎn)公網(wǎng)，但域名是隨機(jī)變化的（24小時(shí)后會(huì)變化），這只適合臨時(shí)測試使用。如果要長期使用，我們要配置二級(jí)子域名。

操作步驟：

1. 登錄到cpolar后臺(tái)–>套餐，升級(jí)到cpolar基礎(chǔ)套餐

2. cpolar后臺(tái)–>預(yù)留–>保留二級(jí)子域名，例如添加dev9(改成您自己喜歡的），地區(qū)選擇VIP China地區(qū)

回到命令行窗口，測試預(yù)留好的二級(jí)子域名

cpolar http -subdomain=dev9 -region=cn_vip 80

顯示如下圖，說明創(chuàng)建隧道成功

我們打開瀏覽器測試一下：

我們的全網(wǎng)唯一私有二級(jí)子域名，創(chuàng)建好了。

總結(jié)

今天，我們在Windows上安裝了StudyPHP站點(diǎn)環(huán)境，也配置了一個(gè)演示站點(diǎn)，并且使用cpolar將其發(fā)布到公網(wǎng)，也配置了一個(gè)容易記憶的二級(jí)子域名。

接下來的章節(jié)里，我們將繼續(xù)完善它，將cpolar配置為開機(jī)自啟動(dòng)。將二級(jí)子域名的配置，寫在cpolar配置文件里，并且設(shè)置cpolar為后臺(tái)服務(wù)模式，開機(jī)自啟動(dòng)。