全棧 - 10 數據庫用MAMP和WAMP搭建Web環境

時間 2019-11-15

標籤數據庫 mamp wamp 搭建 web 環境欄目 SQL 简体版

原文原文鏈接

這是全棧數據工程師養成攻略系列教程的第十期：10 數據庫用MAMP和WAMP搭建Web環境。javascript

如今人人都有本身的臺式機或者筆記本，在咱們的我的電腦上搭建一個Web環境，包括Web服務器和數據庫等，對後續不少開發工做而言都是很是有用的。php

Web環境

爲何須要一個Web環境呢？在數據可視化中很重要的一部分，即是基於Web網站進行一些動態交互可視化，這時候便須要一個Web環境用以部署咱們的網站項目。html

一般來講，一個Web環境中會包含如下幾個組件：前端

Web服務器：例如Apache和Nginx，用於接收和處理Web請求；
數據庫：最經常使用的即關係型數據庫MySQL，用於存儲和讀取數據；
後端語言：例如PHP和Python等，用於開發Web項目。

在本地搭建並啓動Web環境以後，咱們即可以在瀏覽器中訪問根目錄中的網站項目。根目錄是可配置的，能夠設置成我的電腦上任意目錄下的文件夾。使用後端語言開發一個Web項目，將其部署在根目錄下，就能夠經過瀏覽器訪問咱們的項目，進行瀏覽網頁、數據交互等操做，就如同訪問豆瓣、鏈家等網站同樣，不一樣的只是這些網站部署於外網可訪問的服務器上，而咱們的網站只能在本機上訪問。java

固然，咱們不用一個個單獨地去安裝以上說起的組件，而是像Anaconda那樣，安裝一個包含所有所需內容的套件便可，即XAMP。主要是MAMP和WAMP，分別對應Mac OS和Windows兩大經常使用我的電腦操做系統，根據本身的操做系統選擇相應的軟件並下載安裝便可。web

MAMP：Mac OS上的Apache、MySQL和PHP，www.mamp.info/en/；
WAMP：Windows上的Apache、MySQL和PHP，www.wampserver.com/en/。

MAMP有普通版和升級版兩種，前者免費並且功能足以知足需求，WampServer下載時根據系統配置選擇64bit或32bit便可。數據庫

偏好設置

搭建環境天然會涉及到很多配置項內容，或者稱做軟件的偏好設置，這裏以MAMP爲例講解須要瞭解的設置。運行MAMP以後，能夠看到如下軟件界面，很是簡單清爽，只有三個按鈕，分別對應偏好設置、打開歡迎頁面、開啓/中止服務。json

運行MAMP軟件以後，會自動開啓Web服務，開啓成功後會在瀏覽器中彈出歡迎頁面，至關於自動點擊了第三個鍵和第二個鍵。歡迎頁面以下圖所示，能夠查看PHP版本信息，提供了使用phpMyAdmin操做MySQL數據庫的連接入口以及數據庫信息，並給出了PHP、Python、Perl等語言鏈接並操做數據的樣例代碼。其中，phpMyAdmin是一款基於PHP開發的前端數據庫圖形化管理工具。除此以外，能夠發現歡迎頁面的連接是以localhost開頭的，此即本地Web服務的一個別名，和movie.douban.com相似，但別人在他們的手機或電腦上則沒法經過localhost訪問你的本機Web環境。後端

須要重點介紹地是MAMP軟件界面中的偏好設置這一按鈕，英文顯示爲Preferences，點擊以後能夠進行如下五方面的偏好設置：開啓/中止服務選項、端口配置、PHP配置、Web服務器配置、數據庫配置。瀏覽器

在開啓/中止服務選項中，能夠設置每次運行MAMP以後是否自動開啓相關服務，以及在退出MAMP以後是否自動關閉相關服務；
在端口配置中，能夠對Apache、Nginx、MySQL所使用的端口進行配置。在講解url的結構時曾簡單提到過端口的概念，在同一臺機器上，不一樣服務使用同一個域名，所以須要使用不一樣的端口以進行區分，例如Web服務、數據庫服務、ssh服務的默認端口分別是80、330六、22。MAMP的默認端口配置是Apache和Nginx爲888八、MySQL爲8889，使用一些不經常使用的端口主要是爲了不和其餘服務的衝突；
在PHP配置中，能夠設置PHP版本爲5.x或7.x，以及是否啓動緩存，PHP版本主要會影響到一些兼容性問題，例如phpMyAdmin的使用可能對PHP版本有一些要求；
在Web服務器配置中，能夠選擇將Apache或Nginx做爲所使用的Web服務器，使用默認的Apache便可。另外還能夠在這裏設置Web環境的根目錄，例如以用戶桌面爲根目錄，則在瀏覽器中訪問localhost:8888便可看到桌面上的所有文件，其中8888爲Apache的端口；
在數據庫配置中，能夠看到當前所使用的MySQL版本號。

以上配置內容中，最爲重要的是各項服務的端口配置，以及Web環境的根目錄設置。只有理解了這兩點內容，才能弄清楚應當把Web項目拷貝到哪裏，以及如何在瀏覽器中訪問到咱們的項目。

Hello World

既然講到了新的東西，那麼是時候來一發Hello World了。開啓Web服務以後，在根目錄中新建一個hello.html，而後用Sublime進行編輯。html即Hyper Text Markup Language，超文本標記語言，使用html語言編寫而且以.html爲後綴名的文件，是Web網站項目中最多見的一種靜態模版文件。在hello.html中輸入如下代碼，而後在瀏覽器中能夠經過localhost:8888/hello.html訪問到剛纔所寫的文件，並看到期待的Hello World。

<html>
    <header></header>
    <body>
        <h1>Hello World</h1>
    </body>
</html>複製代碼

固然，也能夠經過直接雙擊hello.html的方式運行，一樣能夠在瀏覽器中打開並看到Hello World。但此時連接是以file開頭，說明這一操做是經過文件系統完成的，而並不是以前所用的Web環境。

PHP是一種很是簡單的後端語言，在PHP中也可使用html語法。在根目錄中新建一個hello.php，而後用Sublime進行編輯並輸入如下代碼，其中第一行和第四行分別是php代碼文件的頭和尾，第二行用echo命令打印出來一條文本，第三行使用phpinfo()函數打印出當前所用PHP版本的一些信息，注意每行PHP代碼須要用分號結束。編寫完畢後，在瀏覽器中便可經過localhost:8888/hello.php訪問到hello.php，並看到相應的打印內容。

<?php
    echo 'Hello World';
    phpinfo();
?>複製代碼

以上兩個例子都說明了，當Web服務開啓以後，咱們能夠經過瀏覽器訪問根目錄中的內容，並讓瀏覽器加載和渲染html、php等Web項目文件。

後續章節中，咱們將結合實際項目進一步理解Web環境的做用。例如，當一個html文件中經過AJAX請求了同級目錄中的json數據時，若是僅經過雙擊的方式運行html文件，AJAX請求將失敗；而只有在一個Web環境中運行這一html文件，AJAX請求才能成功，數據才能被獲取到並進一步展現。固然，若是Web項目中涉及到了數據庫的使用，Web環境則是更加必不可少的。

視頻連接：用MAMP和WAMP搭建Web環境