- PHP+Ajax+jQuery網站開發項目式教程
- 傳智播客高教產品研發部編著
- 2684字
- 2020-06-24 18:04:09
任務三 項目部署
在搭建好PHP+Apache+MySQL環境后,接下來就可以下載網絡中的開源軟件,在本機上部署一個網站。在真實環境中,需要有一個獨立的IP和域名才能讓網站上線;而在開發階段,只需要網站能夠在本機和局域網內被訪問就足夠了。本節通過更改hosts文件的方式,讓讀者通過虛擬的域名來訪問本機上的網站。
1. 配置虛擬主機
虛擬主機是Apache提供的一個功能,通過虛擬主機可以在一臺服務器上部署多個網站。雖然服務器的IP地址是相同的,但是當用戶使用不同域名訪問時,訪問到的不是相同的網站。接下來分步驟講解Apache的虛擬主機配置,具體操作步驟如下。
(1)修改hosts文件,實現網站的域名訪問。在Windows中以管理員身份運行文本編輯器,然后執行【文件】→【打開】命令,打開“C:\Windows\System32\drivers\etc”文件夾下的“hosts”文件,在該文件中配置IP地址和域名的映射關系,具體如下。
127.0.0.1 www.bxg.com 127.0.0.1 ask.bxg.com 127.0.0.1 www.admin.com
在上述配置中,“127.0.0.1”是本機的IP地址,后面的是域名?!?27.0.0.1 www.bxg.com”表示當訪問“www.bxg.com”這個域名時,自動解析到“127.0.0.1”這個IP地址上。經過上述配置之后,就可以在瀏覽器上直接輸入域名來訪問本機的Web服務器。需要注意的是,這種域名解析方式只對本機有效。
(2)修改httpd.conf文件,啟用虛擬主機輔配置文件。在Apache的配置文件“httpd.conf”中找到如下所示的一行配置,取消注釋即可。
#Include conf/extra/httpd-vhosts.conf
在上述配置中,“Include”表示從另一個文件中加載配置,后面是配置文件的路徑。接下來,在輔配置文件“httpd-vhosts.conf”中進行虛擬主機的配置。
(3)打開“conf/extra/httpd-vhosts.conf”虛擬主機配置文件,將該文件中原有的配置全部注釋起來,然后重新編寫如下的配置。
NameVirtualHost *:80 <VirtualHost *:80> DocumentRoot "C:/web/apache2.4/htdocs" ServerName www.bxg.com </VirtualHost> <VirtualHost *:80> DocumentRoot "C:/web/apache2.4/htdocs/ask" ServerName ask.bxg.com </VirtualHost>
上述配置實現了兩個虛擬主機,分別是“www.bxg.com”和“ask.bxg.com”,并且這兩個虛擬主機的文檔目錄被指定在不同的目錄下。接下來創建“C:\web\apache2.4\htdocs\ask”文件夾,并在文件夾中放一個簡單的網頁,然后重啟Apache使配置文件生效。
(4)在瀏覽器中訪問這兩個域名,會看到不同的兩個網站,如圖1-36所示。

圖1-36 訪問虛擬主機
(5)繼續編輯“httpd-vhosts.conf”,配置一個帶有訪問權限的虛擬主機,如下所示。
<VirtualHost *:80> DocumentRoot "c:/web/www.admin.com" ServerName www.admin.com <Directory "c:/web/www.admin.com"> Require local </Directory> </VirtualHost>
上述配置將虛擬主機“www.admin.com”的文檔目錄指定到“C:/web/www.admin.com”目錄下,并通過<Directory>指令為其配置了目錄訪問權限。在Apache中,默認站點目錄“htdocs”的訪問權限是公開的,而其他目錄禁止訪問,如果將站點部署到其他目錄,就需要配置訪問權限。其中“Require local”表示只允許本地訪問,“Require all granted”表示允許所有的訪問,“Require all denied”表示拒絕所有的訪問。
(6)在瀏覽器中訪問“www.admin.com”進行測試。當用戶沒有訪問權限時,效果如圖1-37左圖所示;當用戶有權限訪問并且該目錄下存在“index.html”時,效果如圖1-37右圖所示。

圖1-37 測試目錄訪問權限
(7)啟用Apache的目錄瀏覽功能。修改“httpd-vhosts.conf”,具體配置如下。
<Directory "C:/web/www.admin.com"> Options indexes </Directory>
在上述配置中,“Options indexes”用于啟用Apache的目錄瀏覽功能。當該功能啟用時,如果用戶訪問的目錄中沒有默認索引頁(DirectoryIndex)指定的文件,就會顯示文件列表,如圖1-38所示。

圖1-38 Apache目錄瀏覽功能
在網站開發階段,Apache的目錄瀏覽功能可以方便用戶訪問服務器中的文件。在網站上線時,應關閉該功能,以免暴露服務器中的文件目錄。將其修改為“Options -indexes”,即可關閉該功能。
2. 部署phpMyAdmin
phpMyAdmin是一個以PHP為基礎的MySQL數據庫管理工具。該工具為Web開發人員提供了圖形化的數據庫操作界面,通過該工具可以對MySQL數據庫進行管理操作,如創建、修改、刪除數據庫及數據表等。本小節講解phpMyAdmin的安裝與使用。
(1)phpMyAdmin的官方網站“http://www.phpmyadmin.net”提供了該軟件的下載,下載后解壓到“C:\web\www.admin.com\phpmyadmin”目錄中即可,如圖1-39所示。

圖1-39 安裝phpMyAdmin
(2)編輯PHP配置文件“php.ini”,開啟運行成熟項目所必需的擴展,具體開啟的擴展如下。
extension=php_curl.dll extension=php_gd2.dll extension=php_mbstring.dll extension=php_mysql.dll extension=php_mysqli.dll extension=php_pdo_mysql.dll
上述擴展是PHP成熟項目中常用到的擴展。在php.ini中找到上述擴展的配置后,取消分號注釋即可。修改“php.ini”后,需要重啟Apache服務器使本次更改生效。
需要注意的是,PHP的CURL擴展開啟后還不能直接使用,需要在Apache配置文件“httpd.conf”中進行配置,具體配置代碼如下。
LoadFile "C:/web/php5.5/libssh2.dll"
上述配置表示Apache將加載PHP目錄中的“libssh2.dll”文件。該文件是CURL擴展的依賴庫文件。
(3)通過phpinfo查詢擴展是否正確開啟,開啟時可以查詢到這些擴展的信息,如圖1-40所示。

圖1-40 查看擴展是否開啟
(4)在瀏覽器中訪問“http://www.admin.com/phpmyadmin”,即可看到phpMyAdmin的登錄頁面,如圖1-41所示。

圖1-41 登錄phpMyAdmin
(5)在圖1-41所示的界面中,輸入MySQL服務器的用戶名“root”和密碼“123456”進行登錄,登錄后即可對MySQL數據庫進行操作,如圖1-42所示。

圖1-42 使用phpMyAdmin
phpMyAdmin有中文語言的界面,在phpMyAdmin中管理數據庫非常簡單和方便,可以進行SQL語句調試、數據導入導出等操作,讀者只需簡單了解即可。
3. 部署WeCenter社區
WeCenter是一款知識型的社交化開源社區程序,國內知名的知識型社區網站有知乎、果殼等。通過WeCenter,用戶也可以自己搭建一個知識型社區網站。WeCenter基于PHP+MySQL技術開發,遵循MVC設計模式,是國內成熟的開源建站軟件之一。接下來,講解WeCenter的安裝步驟。
(1)獲取WeCenter
目前WeCenter的最新版本為3.1.4,其官方網站(http://www.wecenter.com)提供了軟件的下載,如圖1-43所示。

圖1-43 獲取WeCenter
(2)部署到站點中
打開從WeCenter官方網站下載的“WeCenter_3-1-4.zip”壓縮包文件,將其中的“UPLOAD”目錄中的所有文件解壓到虛擬主機“http://ask.bxg.com”站點目錄下,如圖1-44所示。

圖1-44 解壓文件
(3)安裝WeCenter社區
將WeCenter程序代碼部署到站點目錄中后,通過瀏覽器訪問站點,會顯示WeCenter的服務器環境檢查,通過檢查后才可以繼續安裝,如圖1-45所示。

圖1-45 服務器環境檢查
在上一節部署phpMyAdmin時,已經開啟了運行成熟項目所必需的擴展,因此可以通過這里的檢查。單擊【下一步】按鈕繼續安裝,會提示填寫系統配置信息,如圖1-46所示。

圖1-46 填寫系統配置信息
從圖1-46中可以看出,在安裝WeCenter時,需要配置數據庫主機、賬號、密碼等信息。根據環境部署時的配置,“數據庫主機”填寫“localhost”,“數據庫賬號”添加“root”,“數據庫密碼”填寫“123456”。然后專門為WeCenter創建一個數據庫,并填寫數據庫名稱,如“itcast_ask”。正確填寫安裝配置后,單擊【開始安裝】按鈕即可。
(4)添加管理員
在執行安裝后,WeCenter會提示添加管理員。管理員是訪問網站后臺的最高權限的用戶,根據提示輸入用戶名、密碼和E-mail即可,如圖1-47所示。

圖1-47 添加管理員
(5)訪問社區前臺
完成管理員添加后,WeCenter已經安裝完成,此時可以訪問“http://ask.bxg.com”查看社區的前臺,在前臺可以進行發表話題、編輯個人資料等操作,如圖1-48所示。

圖1-48 WeCenter社區前臺
(6)訪問社區后臺
社區后臺是為管理員提供的一套管理系統,通過后臺可以深度定制WeCenter社區的功能,進行用戶管理、內容管理等操作。當管理員在前臺登錄時,將鼠標指針滑到右上角的用戶頭像上,會顯示下拉菜單,單擊下拉菜單中的【管理】可以進入后臺。WeCenter的后臺效果如圖1-49所示。

圖1-49 WeCenter社區后臺
至此,WeCenter社區已經部署完成。當需要該網站可在局域網內的其他計算機中訪問時,只需更改其他計算機的hosts文件,添加一條域名解析記錄即可,如“192.168.1.100ask.bxg.com”。另外,Windows防火墻可能會阻止Apache服務器訪問網絡,如果局域網內的其他計算機不能訪問,應檢查Windows防火墻的配置,允許Apache訪問網絡。
- Learn Type:Driven Development
- Learn to Create WordPress Themes by Building 5 Projects
- Python數據可視化:基于Bokeh的可視化繪圖
- Java高并發核心編程(卷2):多線程、鎖、JMM、JUC、高并發設計模式
- JavaFX Essentials
- Java性能權威指南(第2版)
- 大模型RAG實戰:RAG原理、應用與系統構建
- 快人一步:系統性能提高之道
- Raspberry Pi Home Automation with Arduino(Second Edition)
- Learning Apache Karaf
- GameMaker Essentials
- Learning Docker Networking
- Zabbix Performance Tuning
- Learning Ionic
- Visual Basic語言程序設計上機指導與練習(第3版)