Quick start for Laravel 5.6 + Angular 6.0 projects with JWT auth.
- Angular CLI boilerplate files
- JWT authentication service
- Login/Register components (Angular Material)
- Password reset components
- Composer build file
- Boilerplate files
- JWT authentication
- Password reset functionality
-
Install PHP and one of the following Databases: MySQL, PostgreSQL, MS SQL Server or SQL Lite.
-
Go to
Serverfolder and runcomposer installto install dependencies. -
Set your DB connections in
.env: DB_CONNECTION (mysql, pgsql, sqlsrv, sqlite), DB_DATABASE, DB_PORT, DB_USERNAME, DB_PASSWORD. For email sending make sure that you have in your .env file next keys set:MAIL_DRIVER,MAIL_HOST,MAIL_PORT,MAIL_USERNAME,MAIL_PASSWORD,MAIL_ENCRYPTION. Fou production build change environment to production:APP_ENV=production. -
To update your DB to current version go to
Serverfolder and runphp artisan migrate. If you want to rollback old migration usephp artisan migrate:rollback. -
(OPTIONAL) If you want to change
APP_KEYrunphp artisan key:generateto generate app key. If you get any error on key generation, check if lineAPP_KEY=exists in.env, then rerun command. Make sure that apache has access to write intoServer/bootstrap/cacheandServer/storagefolders. -
(OPTIONAL) If you want to change JWT secret run
php artisan jwt:generateto generate secret for API. -
In migrations, the default user is created for which username is "admin" and password is "password".
-
Install nodeJS
-
Globally install Angular CLI using command
npm install -g @angular/cli@latest -
Open Client folder in terminal/console and run
npm ito install all dependencies. -
Add URL to your local server to
/Client/src/environments/environment.ts. -
Run
ng servefor a dev server. Navigate tohttp://localhost:4200/. The app will automatically reload if you change any of the source files. -
If you want to generate a new component run
ng generate component component-name. You can also useng generate directive|pipe|service|class|guard|interface|enum|module. -
Run
ng build -prodinClientdirectory to build angular client. The build artifacts will be stored in thedist/directory.

