[Laravel] 環境架設 windows 篇 - 使用wagon

最近覺得屁股刺刺的,也是時候學新東西了
拿出曾經放棄的 Laravel
感覺還是應該學一下,畢竟是業界很通俗的一套框架



一開始其實有想過要直接學習Laravel
但是當初原生的PHP不熟悉,同時又沒有人帶
再加上一開始的問題搜尋能力 (google能力) 不夠好
所以就放棄了

現在也是時候來學習使用Laravel了,掐指一算工作業近乎一年
有了基本的能力,同時也覺得自己有點停滯了

因為公司電腦是mac 所以會有一篇在mac上面的環境建置
家裡電腦是windows
公司的電腦使用 composer 安裝Laravel
而家裡電腦則是直接使用現成的 wagon 這是一套打包好的 Laravel 環境
兩種建法一次滿足,增加廣度

mac 留到下一篇,我們先來用看看 wagon 吧!行こう!

第一步


就是去下載 wagon ,這就是一句廢話

下載下來之後存在你爽的地方安裝
點兩下 exe 檔後,會自動解壓縮和安裝 Visual C++ 可轉散發套件
然後呢?然後他就安裝好了

我們看看官網上面說 wagon 幫我們安裝了哪些好東西?

這邊要特別注意的是UwAmp這東西
他就是一個web環境,可能一些人自己是使用XAMPP或是其他的WAMP環境包
就是一樣的東西,wagon只是幫你把Laravel包進去而已

第二步


在剛剛安裝的地方執行 cmder/Cmder
就是那個icon看起來很像CS6.0的東西
啟動時會自動載入獨立環境變數,並把當前位置設定在 wagon\uwamp\www
看到他指定位置在 \www 有沒有興奮的感覺? 這...這就是我的專案該放的位置啊!

接著執行
composer self-update
composer update
或是
composer install

會進行Composer的更新,每當起專案都執行一下比較保險

這時候開啟uwamp/UwAmp.exe
PHP版本選擇7.1以上,點中間的 Browser www

就會看到超醜的wagon works ! 頁面

咦?我的laravel歡迎頁呢!於是我們進行下一個步驟

第三步


來喔!仔細研究一下剛剛的uwamp程式
找到Apache Config點進去,可以看到預設port 8000,有些人會為了避免衝突改成其他的
這邊就是看自己爽怎麼弄,另一個port 443,是給https用的,有興趣可以看看差異
然後重點是,把 Document Root 改掉!
預設是指向 {DOCUMENTPATH}/default 我們來看看這東西在哪邊呢?
原來在uwamp\www下面就有個/default呢,一點也沒難度
裡面有個 index.html 點進去一看果然是我們超醜的 wagon works!頁面呢

現在你就知道啦,把路徑換成{DOCUMENTPATH}/專案資料夾名稱

打到這邊我發現....我跳過起新專案的動作了
因為直接clone專案下來新專案要新建非常簡單,連我念國小的表妹都會

第四步


說到「新專案」理所當然想到一個單字就是 new
開新專案有多簡單?

  1. 開啟剛剛第二步的 Cmder.exe

  2. 輸入 laravel new [專案名稱] 

  3. 等他跑完,一切沒問題就起好了

其實整個步驟很像是使用CodeIgniter的時候,我們會把下載新的CodeIgniter資料夾作為新專案
只是這件事情由 composer解決了

然後我們回到第三步 XD 把路徑名稱換成剛剛 new 出來的專案名稱
再重開uwamp的Apache,或是整個uwamp重開也可以
再經由第二步的方式,進入本地環境
這樣就可以看到我們可愛的 Laravel 歡迎頁面囉

然後我會在專案下面再跑一次composer update,之前有點卡到這個雷還沒找出原因
這之後重現出來再研究看看
為什麼在www目錄composer update過,在專案目錄下還要執行composer update呢?

後記


其實windows版環境在架設的時候沒遇到什麼問題
真的不知道當初為什麼卡關卡到放棄跑去練前端
然後前端做一做覺得好像有點不適合自己,又回頭做後端

有些步驟詳細有點不記得,可能會有點出入這樣,windows 版本的環境建置就大概這樣
mac 版本的環境文章保證詳細!

補充

(20180311)
好像忘了說要怎麼進去wagon的PHPMyadmin
wagon是用Adminer,不過沒差進得去就好
不過今天要進去發現進不去,搞了半天超生氣終於給我找到
官網上說要把
MySQL port 改設定為 33060,可用 root/root 登入
要怎麼改


這麼改...我還在那邊找config找半天
後來直接看人家實作的影片才發現這個
超雷的

留言