The Play Silhouette Angular Giter8 Template shows how Silhouette can be used to create a SPA with Angular/ng2-ui-auth. It's a starting point which can be extended to fit your needs. It was migrated from the existing seed with AngularJS: play-silhouette-angular-seed.
- Play! Framework 2.6
- Scala 2.12
- Silhouette 5
- Angular 5
- Bootstrap 4
- Webpack
- RxJS
- Sign Up
- Sign In (Credentials)
- Password forgotten (Credentials)
- JWT authentication
- Social Auth (Facebook, Google+, Twitter)
- Dependency Injection with Guice
- Publishing Events
- Avatar service
Install sbt and node.js first.
In order to play with this sample locally you need to:
- go to the app-ui subfolder and run:
npm install - configure the social providers:
- by putting client id and secrets in your environment (see silhouette.conf to know the exact syntax). For instance it is GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET for Google.
- and by setting the correct values in your webpack configuration (
app-ui/webpack/webpack.config.dev.jsfor local dev, andapp-ui/webpack/webpack.config.prod.jsfor production). I did not find a way to avoid this duplication unfortunately.
- run "sbt start" from this sample root folder
Consult the Silhouette documentation for more information. If you need help with the integration of Silhouette into your project, don't hesitate and ask questions in our mailing list or on Stack Overflow. For specific issues or questions related to this template, please do not hesitate to open issues on github.
This sample is deployed with Heroku here: https://play-silhouette-angular-ts.herokuapp.com/
The code is licensed under Apache License v2.0.