Laravel 工作坊開發環境建置
shengyou @ 彰師大資工系學會 (2014.12.06)
階段任務• 依工作坊實作需求建立開發環境
• 請依示範完成所有軟體的安裝
• 安裝完成後,請依檢查表驗證建置結果
• 若過程中遇任何問題,請舉手向講師或助教求助
程式運作原理及流程HTTP 伺服器
(apache / nginx)
資料庫(MySQL)
PHP 直譯器(網路應用程式)
網路主機作業系統
使用者瀏覽
網站預覽
運行環境
佈署平台
版本控制
開發流程及工具
SourceTree
pagoda box google chrome
UwAmpcmder指令執行
原始碼撰寫及系統開發
Netbeans原始碼撰寫 composer
套件管理
phpMyAdmin資料庫操作
程式運行環境• 需安裝的軟體
- HTTP 伺服器 (Apache / Nginx)
- PHP 直譯器
- MySQL 資料庫
開發工具一覽表• 需安裝的軟體
- Cmder (增強型命令提示字元)
- Composer (PHP 套件管理)
- Netbeans (編輯器)
- Source Tree (版本控制)
- Google Chrome (瀏覽器)
建置方案• 依個人喜好及能力可選擇兩種方式:
- 使用 UwAmp (初學)
- 使用 Homestead (進階)
使用 UwAmp
安裝 cmder• 解壓縮 cmder.zip 成 cmder 資料夾即可
• 把 cmder 資料夾放到 C:\ 底下
• 把 cmder 資料夾內的 cmder.exe 製作一個捷徑到桌面上
★ 下載位址:http://bliker.github.io/cmder/
設定 cmder• 用系統管理員的身份開啟 命令提示字元
• 切換到 C:\cmder 資料夾內
• 設定功能表指令 (視喜好選擇性安裝)
$ cd C:\cmder
// 請先用「系統管理員」身份執行 cmder.exe 後再執行$ .\cmder.exe /REGISTER ALL
設定 cmder• 解決中文字重疊:在設定裡字體
Monospace 取消勾選即可
• 設定 aliases
• 設定 prompt.lua
• 安裝 laravel 相關 completion 外掛
★ 下載 completion 外掛:https://github.com/laravel-dojo/cmder-plugins
安裝 UwAmp• 執行 UwAmp.exe (遇安全性警告請按確認執行)
• 請確認安裝路徑至 C:\UwAmp
• 安裝過程中請都使用預設設定 (Next到底)
• 安裝後可在桌面上看到 UwAmp 的啟動捷徑
★ 下載位址:http://www.uwamp.com/en/?page=download
驗證 UwAmp 安裝• 啟動 UwAmp
• 點選 www Site 按鈕
- 測試瀏覽 start page
- 測試使用 phpMyAdmin
安裝 Composer• 請先將 C:\UwAmp\bin\php\php5.5.15\php_uwamp.ini
複製一份並重新命名為 php.ini,並修改
extension_dir = “ext”
• 執行 Composer-Setup.exe
• 安裝過程中請都使用預設設定 (Next到底)
★ 下載位址:https://getcomposer.org/Composer-Setup.exe
設定 Install Shell Menus (依喜好選擇)
尋問 php.exe 在哪裡時,請指向 C:\UwAmp\bin\php\php5.5.15\php.exe
Composer 會自動把 C:\UwAmp\bin\php\php5.5.15\ 加到系統環境變數內Composer 會自動把 C:\ProgramData\ComposerSetup\bin 加到系統環境變數內
驗證 composer 安裝• 在檔案總管視窗內按右鍵,可以看到
Composer 相關指令選單
• 在 cmder.exe 裡打 composer ,可以看到
composer 指令說明
安裝 Netbeans• 請執行 netbeans-8.0.2-php-windows.exe
• 安裝過程中請都使用預設設定 (Next到底)安裝過程提示 JDK 版本可忽略
★ 下載位址:https://netbeans.org/downloads/
安裝 SourceTree• 請執行 SourceTreeSetup_1.6.11.exe
• 安裝過程中請都使用預設設定 (Next到底)
★ 下載位址:http://www.sourcetreeapp.com/
安裝過程中會自動下載 git 程式核心,請在下載完成後按 Next 繼續安裝完成後,會詢問是否自動設定 global gitignore?按 Yes 即可接著會詢問是否要設定帳號?直接按 Skip 先跳過最後會詢問是否已經有 SSH Key 要匯入?先按 No 即可
設定 SourceTree• 在使用 SourceTree 前,先設定 git 的識別資料,這樣日後在儲存版本時,git 才有辦法紀錄是哪個使用者儲存的
$ git config --global user.name "{請寫自己的名字}"
$ git config --global user.email "{請改成自己的 email }"
★ 指令參考:http://git-scm.com/book/zh-tw/v1/開始-初次設定Git
SourceTree 授權提示• SourceTree 雖可免費使用,但需註冊才可以取得免費使用的授權,若之後跳出到期提醒,請先依以下步驟取得授權後,再匯入至 SourceTree
取得 SourceTree 授權• 先至 https://my.atlassian.com/ 註冊帳號
• 註冊完畢後,下載授權
匯入 SourceTree 授權
1. 匯入授權
2. 指向剛下載好的授權檔
3. 設定完關閉
使用 Homestead
安裝 Virtual box• 請執行 VirtualBox-4.3.18-96516-Win.exe
• 安裝過程中請都使用預設設定 (Next到底)安裝過程提示安裝新硬體都按 安裝 即可安裝完成後,請依指令重新開機
★ 下載位址:https://www.virtualbox.org/wiki/Downloads
安裝 Vagrant• 請執行 vagrant_1.6.5.msi
• 安裝過程中請都使用預設設定 (Next到底)
★ 下載位址:https://www.vagrantup.com/downloads.html
安裝 SourceTree• 請執行 SourceTreeSetup_1.6.11.exe
• 安裝過程中請都使用預設設定 (Next到底)
★ 下載位址:http://www.sourcetreeapp.com/
安裝 homestead• 打開 cmder.exe 輸入以下指令
• 將 C:\Users\{username}\AppData\Roaming
\Composer\vendor\bin 加到系統環境變數內
$ composer global require "laravel/homestead=~2.0"
我的電腦 > 右鍵選內容 > 進階系統設定 > 進階分頁 > 環境變數 > 系統變數
> Path > 編輯
設定 homestead• 打開 cmder.exe 輸入以下指令
• 設定 SSH 相關設定
• 編輯 Homestead.yaml、設定 hosts
$ homestead init
$ homestead edit用系統管理員身份打開 C:\Windows\System32/drivers/etc/hosts127.0.0.1 blog.app
$ ssh-‐keygen -‐t rsa -‐C "[email protected]"
★ SSH 設定參考:http://help.pagodabox.com/customer/portal/articles/202068
啟動 homestead• 打開 cmder.exe 輸入以下指令
• 暫停/關機 homestead
• 刪除 homestead
$ homestead up
$ homestead destroy
$ homestead suspend$ homestead halt
階段檢查表• 確認 cmder 安裝、php 及 composer 可用
• 確認 UwAmp 安裝
• 確認 phpmyadmin 可使用
• 確認 Netbeans 安裝
• 確認 SourceTree 安裝
問與答學員可開始練習、實作
單元小結• 在這個單元裡,我們說明了一個網路應用程式所需要的運行環境
• 透過兩種環境建置方式,我們已經成功的安裝所有需要的工具
• 接下來,我們將學習如何使用這些剛安裝好的工具軟體
備份
安裝 MAMP• 執行 setup_MAMP_3_0_1.exe (遇安全性警告請按確認執行)
• 請確認安裝路徑至 C:\MAMP
• 安裝過程中請都使用預設設定 (Next到底)
• 安裝後可在桌面上看到 MAMP 的啟動捷徑★ 下載位址:http://www.mamp.info/en/mamp_windows.html
安裝過程中若需額外安裝 Visual C++ 2008 可轉散發套件,請依提示完成安裝安裝過程中若需額外安裝 Visual C++ 2012 可轉散發套件,請依提示完成安裝
驗證 MAMP 安裝• 啟動 MAMP
• 點選 Open start page
• 測試瀏覽 start page
• 測試使用 phpMyAdmin
安裝 Composer• 請先將 C:\MAMP\conf\php5.6.0\php.ini 複製到 C:\MAMP\bin\php\php5.6.0\ 底下
• 執行 Composer-Setup.exe
• 安裝過程中請都使用預設設定 (Next到底)
★ 下載位址:https://getcomposer.org/Composer-Setup.exe
請設定 Install Shell Menus
Composer 尋問 php.exe 在哪裡時,請指向 C:\MAMP\bin\php\php5.6.0\php.exe
Composer 會自動把 C:\MAMP\bin\php\php5.6.0\php.exe 加到系統環境變數內Composer 會自動把 C:\ProgramData\ComposerSetup\bin 加到系統環境變數內