開發環境建置
•
8 gefällt mir•13,000 views
於 2014/12/6, 7, 13, 14 受邀於 彰化師範大學 資訊工程學系系學會 進行 Laravel 工作坊，內容共分 12 個主題： 0. 工作坊簡介 - http://www.slideshare.net/shengyou/0-43453831 1. 開發環境建置 - http://www.slideshare.net/shengyou/1-43453834 2. 開發流程與工具介紹 - http://www.slideshare.net/shengyou/2-43453836 3. 專案啟動與設定 - http://www.slideshare.net/shengyou/3-43453837 4. Schema & Migration 操作 - http://www.slideshare.net/shengyou/4-schemamigration 5. Model & Seeding 整合 - http://www.slideshare.net/shengyou/5-modelseeding 6. 使用 Eloquent ORM - http://www.slideshare.net/shengyou/6-eloquent-orm 7. Route 機制 - http://www.slideshare.net/shengyou/7-route 8. View 與 Blade 樣板引擎 - http://www.slideshare.net/shengyou/8-view 9. 連結 Controller - http://www.slideshare.net/shengyou/9-controller 10. CRUD 綜合應用 - http://www.slideshare.net/shengyou/10-crud 11. 使用者認證 - http://www.slideshare.net/shengyou/11-43453858 12. 應用程式佈署 - http://www.slideshare.net/shengyou/12-43453865 完整課程訊息請見：http://www.laravel-dojo.com/courses/laravel4-first-class 程式碼範例請見：https://github.com/laravel-dojo/laravel4-first-class-example
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Andere mochten auch
Ähnlich wie 開發環境建置
Ähnlich wie 開發環境建置 (20)
Mehr von Shengyou Fan
Mehr von Shengyou Fan (20)
開發環境建置
- 1. Laravel 工作坊 開發環境建置 shengyou @ 彰師大資工系學會 (2014.12.06)
- 2. 階段任務 • 依工作坊實作需求建立開發環境 • 請依示範完成所有軟體的安裝 • 安裝完成後，請依檢查表驗證建置結果 • 若過程中遇任何問題，請舉手向講師或助 教求助
- 3. 程式運作原理及流程 HTTP 伺服器 (apache / nginx) 資料庫 (MySQL) PHP 直譯器 (網路應用程式) 網路主機作業系統 使用者瀏覽
- 4. 網站預覽 運行環境 署平台 版本控制 開發流程及工具 SourceTree pagoda box google chrome UwAmp cmder 指令執行 原始碼 寫及系統開發 Netbeans 原始碼 寫 composer 套件管理 phpMyAdmin 資料庫操作
- 5. 程式運行環境 • 需安裝的軟體 - HTTP 伺服器 (Apache / Nginx) - PHP 直譯器 - MySQL 資料庫
- 6. 開發工具一覽表 • 需安裝的軟體 - Cmder (增強型命令提示字元) - Composer (PHP 套件管理) - Netbeans (編輯器) - Source Tree (版本控制) - Google Chrome (瀏覽器)
- 7. 建置方案 • 依個人喜好及能力可選擇兩種方式： - 使用 UwAmp (初學) - 使用 Homestead (進階)
- 8. 使用 UwAmp
- 9. 安裝 cmder • 解壓縮 cmder.zip 成 cmder 資料夾即可 • 把 cmder 資料夾放到 C: 底下 • 把 cmder 資料夾內的 cmder.exe 製作一個 捷徑到 面上 ★ 下載位址：http://bliker.github.io/cmder/
- 10. 設定 cmder • 用系統管理員的身份開啟 命令提示字元 • 切換到 C:cmder 資料夾內 • 設定功能表指令 (視喜好選擇性安裝) $ cd C:cmder // 請先用「系統管理員」身份執行 cmder.exe 後再執行 $ .cmder.exe /REGISTER ALL
- 11. 設定 cmder • 解決中文字重疊：在設定裡字體 Monospace 取消勾選即可 • 設定 aliases • 設定 prompt.lua • 安裝 laravel 相關 completion 外掛 ★ 下載 completion 外掛：https://github.com/laravel-dojo/cmder-plugins
- 12. 安裝 UwAmp • 執行 UwAmp.exe (遇安全性警告請按確認 執行) • 請確認安裝路徑至 C:UwAmp • 安裝過程中請都使用預設設定 (Next到底) • 安裝後可在 面上看到 UwAmp 的啟動捷 徑 ★ 下載位址：http://www.uwamp.com/en/?page=download
- 13. 驗證 UwAmp 安裝 • 啟動 UwAmp • 點選 www Site 按鈕 - 測試瀏覽 start page - 測試使用 phpMyAdmin
- 14. 安裝 Composer • 請先將 C:UwAmpbinphpphp5.5.15php_uwamp.ini 複製一份並重新命名為 php.ini，並修改 extension_dir = “ext” • 執行 Composer-Setup.exe • 安裝過程中請都使用預設設定 (Next到底) ★ 下載位址：https://getcomposer.org/Composer-Setup.exe 設定 Install Shell Menus (依喜好選擇) 尋問 php.exe 在 裡時，請指向 C:UwAmpbinphpphp5.5.15php.exe Composer 會自動把 C:UwAmpbinphpphp5.5.15 加到系統環境變數內 Composer 會自動把 C:ProgramDataComposerSetupbin 加到系統環境變數內
- 15. 驗證 composer 安裝 • 在 案總管視窗內按右 ，可以看到 Composer 相關指令選單 • 在 cmder.exe 裡打 composer ，可以看到 composer 指令說明
- 16. 安裝 Netbeans • 請執行 netbeans-8.0.2-php-windows.exe • 安裝過程中請都使用預設設定 (Next到底) 安裝過程提示 JDK 版本可忽略 ★ 下載位址：https://netbeans.org/downloads/
- 17. 安裝 SourceTree • 請執行 SourceTreeSetup_1.6.11.exe • 安裝過程中請都使用預設設定 (Next到底) ★ 下載位址：http://www.sourcetreeapp.com/ 安裝過程中會自動下載 git 程式核心，請在下載完成後按 Next 繼續 安裝完成後，會詢問是否自動設定 global gitignore？按Yes 即可 接著會詢問是否要設定帳號？直接按 Skip 先跳過 最後會詢問是否已經有 SSH Key 要匯入？先按 No 即可
- 18. 設定 SourceTree • 在使用 SourceTree 前，先設定 git 的識別 資料， 樣日後在 存版本時，git 才有辦 法紀錄是 個使用者 存的 $ git config --global user.name "{請寫自己的名字}" $ git config --global user.email "{請改成自己的 email }" ★ 指令參考：http://git-scm.com/book/zh-tw/v1/開始-初次設定Git
- 19. SourceTree 授權提示 • SourceTree 雖可免費使用，但需 冊才可 以取得免費使用的授權，若之後跳出到期 提醒，請先依以下步驟取得授權後，再匯 入至 SourceTree
- 20. 取得 SourceTree 授權 • 先至 https://my.atlassian.com/ 冊帳號 • 冊完畢後，下載授權
- 21. 匯入 SourceTree 授權 1. 匯入授權 2. 指向剛下載好的授權 3. 設定完關閉
- 22. 使用 Homestead
- 23. 安裝Virtual box • 請執行VirtualBox-4.3.18-96516-Win.exe • 安裝過程中請都使用預設設定 (Next到底) 安裝過程提示安裝新硬體都按 安裝 即可 安裝完成後，請依指令重新開機 ★ 下載位址：https://www.virtualbox.org/wiki/Downloads
- 24. 安裝Vagrant • 請執行 vagrant_1.6.5.msi • 安裝過程中請都使用預設設定 (Next到底) ★ 下載位址：https://www.vagrantup.com/downloads.html
- 25. 安裝 SourceTree • 請執行 SourceTreeSetup_1.6.11.exe • 安裝過程中請都使用預設設定 (Next到底) ★ 下載位址：http://www.sourcetreeapp.com/
- 26. 安裝 homestead • 打開 cmder.exe 輸入以下指令 • 將 C:Users{username}AppDataRoaming Composervendorbin 加到系統環境變數 內 $ composer global require "laravel/homestead=~2.0" 我的電腦 > 右 選內容 > 進階系統設定 > 進階分頁 > 環境變數 > 系統變數 > Path > 編輯
- 27. 設定 homestead • 打開 cmder.exe 輸入以下指令 • 設定 SSH 相關設定 • 編輯 Homestead.yaml、設定 hosts $ homestead init $ homestead edit 用系統管理員身份打開 C:WindowsSystem32/drivers/etc/hosts 127.0.0.1 blog.app $ ssh-‐keygen -‐t rsa -‐C "your_email@youremail.com" ★ SSH 設定參考：http://help.pagodabox.com/customer/portal/articles/202068
- 28. 啟動 homestead • 打開 cmder.exe 輸入以下指令 • 暫停/關機 homestead • 刪除 homestead $ homestead up $ homestead destroy $ homestead suspend $ homestead halt
- 29. 階段檢查表 • 確認 cmder 安裝、php 及 composer 可用 • 確認 UwAmp 安裝 • 確認 phpmyadmin 可使用 • 確認 Netbeans 安裝 • 確認 SourceTree 安裝
- 30. 問與答 學員可開始練習、實作
- 31. 單元小結 • 在 個單元裡，我們說明了一個網路應用 程式所需要的運行環境 • 透過兩種環境建置方式，我們已經成功的 安裝所有需要的工具 • 接下來，我們將學習如何使用 些剛安裝 好的工具軟體
- 32. 備份
- 33. 安裝 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 可轉散發套件，請依提示完成安裝
- 34. 驗證 MAMP 安裝 • 啟動 MAMP • 點選 Open start page • 測試瀏覽 start page • 測試使用 phpMyAdmin
- 35. 安裝 Composer • 請先將 C:MAMPconfphp5.6.0php.ini 複製 到 C:MAMPbinphpphp5.6.0 底下 • 執行 Composer-Setup.exe • 安裝過程中請都使用預設設定 (Next到底) ★ 下載位址：https://getcomposer.org/Composer-Setup.exe 請設定 Install Shell Menus Composer 尋問 php.exe 在 裡時，請指向 C:MAMPbinphpphp5.6.0php.exe Composer 會自動把 C:MAMPbinphpphp5.6.0php.exe 加到系統環境變數內 Composer 會自動把 C:ProgramDataComposerSetupbin 加到系統環境變數內