1. 創(chuàng)建laravel 6項(xiàng)目
在工作目錄下執(zhí)行如下命令滨巴,通過(guò)composer創(chuàng)建laravel項(xiàng)目玩徊。
composer create-project --prefer-dist laravel/laravel blog "6.*"
2. 下載laravel/ui
執(zhí)行命令:composer require laravel/ui:^1.0 --dev
(如果對(duì)應(yīng)的依賴(lài)未安裝則會(huì)報(bào)錯(cuò))
3. 使用laravel/ui的用戶(hù)認(rèn)證“腳手架”
執(zhí)行命令:php artisan ui vue --auth
該命令自動(dòng)為我們生成了控制器HomeController.php(認(rèn)證相關(guān)的控制器本來(lái)就有)哪替,在routes/web.php生成新的路由信息红氯,生成認(rèn)證頁(yè)面的模版文件泣懊,生成認(rèn)證頁(yè)面的靜態(tài)文件(js, sass, vue這些)
這時(shí)候訪(fǎng)問(wèn)網(wǎng)站首頁(yè)躺彬,會(huì)發(fā)現(xiàn)右上角多了兩個(gè)按鈕LOGIN與REGISTER煤墙。點(diǎn)擊LOGIN或者REGISTER就能進(jìn)入登錄或者注冊(cè)頁(yè)面。但是此時(shí)頁(yè)面排版是混亂的宪拥,因?yàn)闆](méi)有真正的靜態(tài)文件js與css仿野。剛剛生成的靜態(tài)文件其實(shí)是在/resources目錄下預(yù)處理前的靜態(tài)文件,還需要用npm生成真正的靜態(tài)文件并放到/public目錄下才行她君。
4. 下載npm依賴(lài)包
執(zhí)行命令:npm install
該命令會(huì)在項(xiàng)目根目錄下新建目錄/node_modules脚作,將JavaScript依賴(lài)包下載到該目錄中。同時(shí)生成/package-lock.json文件缔刹。
5. 生成前端靜態(tài)文件
執(zhí)行命令:npm run dev
該命令會(huì)生成項(xiàng)目真正的前端靜態(tài)文件球涛。這時(shí)候再刷新登錄/注冊(cè)頁(yè)面就會(huì)發(fā)現(xiàn)頁(yè)面正常了。
部署到生產(chǎn)環(huán)境的話(huà)校镐,應(yīng)該用:?npm run production?亿扁。可以有效減小生成的app.js與app.css的文件大小鸟廓。
6. 配置數(shù)據(jù)庫(kù)
雖然登錄/注冊(cè)頁(yè)面看起來(lái)正常了魏烫,但是此時(shí)我們還沒(méi)有配置網(wǎng)站的數(shù)據(jù)庫(kù)連接,也還沒(méi)生成用戶(hù)表肝箱。
6.1 配置數(shù)據(jù)庫(kù)連接
修改/.env文件中的數(shù)據(jù)庫(kù)連接配置。
6.2 自動(dòng)生成數(shù)據(jù)庫(kù)表
執(zhí)行命令:php artisan migrate
該命令會(huì)根據(jù)/database/migrations目錄下的幾個(gè)migrate文件自動(dòng)創(chuàng)建表稀蟋。其中migrations表使用來(lái)記錄migrate動(dòng)作的煌张。
此后就可以正常的使用用戶(hù)登錄/注冊(cè)功能了。
7. 配置郵件發(fā)送服務(wù)
此時(shí)如果想使用默認(rèn)的重置密碼頁(yè)面退客,就得先配置Laravel的郵件發(fā)送服務(wù)骏融。
以使用網(wǎng)易個(gè)人郵箱的smtp服務(wù)為例,去網(wǎng)易郵箱的設(shè)置頁(yè)面開(kāi)啟POP3/SMTP服務(wù)萌狂,這時(shí)會(huì)給你一個(gè)授權(quán)碼档玻,這個(gè)授權(quán)碼就第三方郵件服務(wù)登錄網(wǎng)易郵箱的密碼(而不是用你自己的用戶(hù)登錄密碼)。所以修改/.env文件中的MAIL配置如下:
MAIL_USERNAME就是網(wǎng)易郵箱的用戶(hù)名
MAIL_PASSWORD就是剛剛得到的授權(quán)碼
參考:https://www.hawu.me/coding/1870