iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 7
4
Modern Web

寫給朋友的 PHP 從 0 到 100 實戰教程系列 第 7

Day 7. PHP教學: 架設 PHP 網站開發環境

網站需要 Apache 阿帕契伺服器, PHP 模組, MySQL資料庫
一個個學安裝,弄完剛好天亮,有沒有懶人包可以下載
嗯,還真的有:

https://www.apachefriends.org/download.html
可以選最新的 7.2.0 / PHP 7.2.0 版本,來練習,界面大同小異
如果是 MAC 的朋友 XAMPP-VM / PHP 7.2.0 安裝時我遇到問題,建議先選上面的版本
筆者因為大部分正式環境還是 5.6 版所以用 5.6 來當開發環境的示範

安裝步驟

  • 打開 dmg 點兩下圖片
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394wLNxJhPpyi.png

  • 開始安裝介面,點 NEXT 下一步
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394DAbF18fGRq.png

  • 繼續點 NEXT 下一步
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394GSqAFl7dAE.png

  • 繼續點 NEXT 下一步
    https://ithelp.ithome.com.tw/upload/images/20171224/201073946OoSwuFXPC.png

  • 繼續點 NEXT 下一步
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394AIsZj41mCT.png

  • 看著它自動裝完
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394jWEL7oBEzQ.png

  • 打勾是指自動啟動 xampp 有勾可以跳過下一步:找檔案來執行
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394sNhlhxFJpi.png

  • 如果你沒打勾,那到 /Application/XAMPP/ 也可以找到 manager-osx.app 點兩下執行它
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394LvDaZvbqc9.png

  • 啟動網頁伺服器 Apache 阿帕契的服務
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394fCH58DrKjb.png

  • 再啟動資料庫 MySQL 的服務
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394lllobl07mR.png

  • 確認都是綠燈 Running 運行中
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394dRPAmOjXq2.png

  • 接著建立一個網站需要下幾個 Mac 終端機指令

cd /Applications/XAMPP/htdocs # 進入 htodcs 資料夾
mkdir game # gmae 是資料夾名稱可以任意設定
atom game # 用整合開發軟體 Atom 開啟 game 專案

如何安裝 Atom 看這裡
Yes

  • 在專案內開新檔案 index.php
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394qYTr9Ry0ae.png
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394ZJNSYkvn9f.png

  • 編輯內容用我們基本的 echo 指令
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394hyFYsY9Mhw.png

  • 打開瀏覽器 輸入 http://127.0.0.1/game 應該就看得到囉 p.s:127.0.0.1 是指向自己的電腦
    https://ithelp.ithome.com.tw/upload/images/20171224/20107394GPxDESrwia.png

就成功看到 echo 的結果囉!是不是沒有很難?
記得 PHP 語法要在 裡面使用哦!


上一篇
Day 6. PHP教學: 用物件的方式連接MYSQL 資料庫 (含範例)
下一篇
Day 8. PHP教學: 必學-超強套件管理器composer
系列文
寫給朋友的 PHP 從 0 到 100 實戰教程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言