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  "your_email@youremail.com"

★ 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 加到系統環境變數內