2020年4月15日 星期三

Laravel+Laravue for Mac OS

今天要紀錄的主要是Laravue的部份,遇到了好多問題才能順利on起整個模版,拍拍自己,還好堅持住了,沒有放棄不用它。

[laravel安裝]
主要參考來源:https://ithelp.ithome.com.tw/articles/10216204
次要參考來源:https://ray247k.blogspot.com/2018/03/laravel-mac.html

上一篇提到參考了某篇文章最後決定安裝php7.1就是來自第2個參考來源,雖然不知道現在還是不是有一樣的問題,但我怕麻煩,能少一事就少一事。

安裝composer
curl -sS https://getcomposer.org/installer | php 

使用 Composer 下載 Laravel installer
composer global require "laravel/installer"

把$HOME/.composer/vendor/bin目錄放置於環境變數 $PATH裡,這樣系統才能夠找到並正確執行laravel這個指令
export PATH="$PATH:$HOME/.composer/vendor/bin"

然後就能夠建立Laravel的專案了,不過這邊我就不做了,因為下一步要clone laravue的專案下來,直接使用這套模版。

[laravue安裝]
Laravue是一個laravel+vue.js的後台管理系統,因為對vue.js有興趣,找了一陣子才找到這套模版,往後也有打算用在客戶的後台管理系統。
參考來源:https://doc.laravue.dev/guide/#getting-started

因為這套系統會使用node.js,我們要先把node.js安裝起來,我們是透過home-brew來安裝,執行命令前要先確保你的系統已經安裝過home-brow嘍(安裝方式可以參考上一篇文章)
brew install node 

裝完後如果要檢查版本這樣做就行了
node -v
npm -v

接著切換到我要Clone的目錄底下
cd /my/path

下載模版並切換到該專案目錄下
composer create-project tuandm/laravue
cd laravue

接下來都是舉node.js有關的指令
npm install
npm run dev
在執行這兩行指令時我有跳出錯誤,這錯誤我找了超多文章才終於找到真正的解決之道,在這邊也放上來供大家參考。
參考來源:https://npm.community/t/npm-err-cb-never-called-macos/6101
!!錯誤訊息:npm ERR! cb() never called!
這錯誤訊息似乎是與權限有關係,解法如下,我們只要輸入下列指令後再執行上方的指令就能夠完成了。
sudo chown -R $(whoami) ~/.npm

在執行Migration前請我做了幾件事,一個參考了程式中的dbname,先在mariaDB中將DB建立好,然後到.env中修改DB連線,然後我才順利將seed餵進我的DB裡...不然一直跳出錯誤真的很煩呀!
php artisan migrate --seed

你以為這樣終於能順利執行系統了嗎?才沒有!!就在我想說這次總能順利登入系統時…又出現了一個error。
參考文章:https://github.com/tymondesigns/jwt-auth/issues/1729
!!錯誤訊息:\JWT\Signer\Hmac::doVerify() must be an instance of Lcobucci\JWT\Signer\Key
很抱歉,我並沒有把完整的錯誤訊息留下,這是找解法時人家的標題內容,如果你的錯誤訊息也有部份長的一樣,大概都會是相同的解法啦,我稍為了解了一下,這東西要你產生一個key出來才能使用,所以我們只要執行下列指令產出一個key值就能解決了。
php artisan jwt:secret

執行專案
php artisan serve

看到自己終於能夠順利登入模版,眼淚差點沒掉下來,好了!接下來就是要慢慢研究這模版怎麼使用要怎麼改,祝大家好運,我也是。

哦對了,今天在指令處用了不一樣的樣式,其實是copy官方的命令時忘了先去掉樣式就直接貼在日誌上,然後發現好漂亮哦,於是將錯就錯就用哩,呵呵呵。


沒有留言:

張貼留言