Tip submitted by @moifort_
Spring Social adds many connectors (list below). This tip will show you how to add a new social connector to your JHipster application. More information on the Spring Social project website.
HTTP Session Authentication with social login enabled (Google, Facebook, Twitter). Warning, this doesn't work with Cassandra! option.Add your dependency in the pom.xml file. Add the version of the dependency in <properties></properties> section.
<!-- Add in <properties></properties> section -->
<spring-social-something.version>1.1.2.RELEASE</spring-social-something.version>
<!-- Add in <dependecies></dependecies> section -->
<dependency>
<groupId>org.springframework.social</groupId>
<artifactId>spring-social-something</artifactId>
<version>${spring-social-something.version}</version>
</dependency>
Add in the application.yml under the social section the preference.
# In social section
something:
clientId: xxx
clientSecret: xxx
Add in the SocialConfiguration.java the connector configuration.
// Something configuration
String somethingClientId = environment.getProperty("spring.social.something.clientId");
String somethingClientSecret = environment.getProperty("spring.social.something.clientSecret");
if (somethingClientId != null && somethingClientSecret != null) {
log.debug("Configuring SomethingConnectionFactory");
connectionSomethingConfigurer.addConnectionFactory(
new SomethingConnectionFactory(
somethingClientId,
somethingClientSecret
)
);
} else {
log.error("Cannot configure SomethingConnectionFactory id or secret null");
}
Add your new provider in the service.
socialService.getProviderSetting = function (provider) {
switch(provider) {
case 'google': return 'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email';
case 'facebook': return 'public_profile,email';
case 'twitter': return '';
case 'something': return ''; // Add parameter if need it
default: return 'Provider setting not defined';
}
};
Add your button in the files login.html & register.html.
<div class="col-md-4">
<br/>
<jh-social ng-provider="google"></jh-social>
<jh-social ng-provider="facebook"></jh-social>
<jh-social ng-provider="twitter"></jh-social>
<jh-social ng-provider="something"></jh-social><!-- add your button -->
</div>
Add the style of your social sign in button.
.jh-btn-something {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.jh-btn-something:hover, .jh-btn-something:focus, .jh-btn-something:active, .jh-btn-something.active, .open > .dropdown-toggle.jh-btn-something {
background-color: #2d4373;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}