The Play Silhouette Reactive Mongo Angular Seed project shows how Silhouette can be used to create a SPA with AngularJS/Satellizer and Play scaffolded by yeoman and how you can presisit the users with MongoDb. It's a starting point which can be extended to fit your needs.
This project is a mix of these two projects:
(The "Build App" phase will take a few minutes)
- Sign Up
- Sign In (Credentials)
- JWT authentication
- Social Auth (Facebook, Google+, VK, Twitter, Xing)
- Dependency Injection with Guice
- Publishing Events
- Avatar service
- Remember me functionality
- Security headers
- CSRF Protection
- Fix duplicating the same user multiple times in the db bug.
Consulate 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.
-
Then create a db called
silhouette
.
Then you must install the node packages yo, grunt and bower:
npm install -g yo grunt grunt-cli bower
And the ruby packages sass and compass:
gem install sass compass
Alternative you can use Bundler to install the ruby packages:
bundle install -j4 --path .bundle
- Configure social providers
To configure the social providers for Satellizer, Open the file "~\ui\app\scripts\app.js" and input your providers clientId
:
// Facebook
$authProvider.facebook({
clientId: 'your-client-id',
...
});
// Google
$authProvider.google({
clientId: 'your-client-id',
...
});
...
If you are using Heroku Update the "~\app.json" file with your client secret and client ID.
"env": {
"BUILDPACK_URL": "https://github.com/heroku/heroku-buildpack-multi",
"NPM_CONFIG_PRODUCTION": "false",
"PLAY_CONF_FILE": "application.conf",
"PLAY_APP_SECRET": "changeme",
"FACEBOOK_CLIENT_ID": "",
"FACEBOOK_CLIENT_SECRET": "",
"GOOGLE_CLIENT_ID": "",
"GOOGLE_CLIENT_SECRET": "",
"TWITTER_CONSUMER_KEY": "",
"TWITTER_CONSUMER_SECRET": ""
}
To test social providers on localhost, you can either set your system environment variables as defined in the app.json "env" section or manually update the "~\conf\silhouette.conf" file directly with your client ID and client secret.
# Google provider
google.accessTokenURL="https://accounts.google.com/o/oauth2/token"
google.redirectURL="http://localhost:9000"
google.clientID="your-client-id"
google.clientSecret="your-client-secret"
google.scope="profile email"
- Start sbt and run the following:
$ update
$ npm install
$ bower install
$ grunt build
$ run
The code is licensed under Apache License v2.0.