Logging in to Salesforce with Facebook

This topic provides instructions on how to log into Salesforce using your Facebook credentials. In this use case Salesforce is the service provider while Facebook is the Identity Provider. If a user needs to log in to Salesforce, WSO2 Identity Server sends the user details to Facebook. Facebook authenticates the user credentials and if the user exits in Facebook, the user is allowed to log in to Salesforce.

Configuring Salesforce

Sign up as a Salesforce developer if you don't have an account. If you already have an account, move on to step 2 and log in to Salesforce.
1. Fill out the relevant information found in the following URL: https://developer.salesforce.com/signup
2. Click Sign me up.
3. You will receive a security token by email to confirm your new account. If you did not receive the email successfully, you will be able to reset it by following the steps given here.
Log in with your new credentials as a Salesforce developer. Do this by clicking the Login link in the top right hand side of https://login.salesforce.com/.
Click Allow to enable Salesforce to access your basic information.
Once you are logged in, create a new domain and access it.
To do this, do the following steps.
1. Search for My Domain in the search bar that is on the left navigation panel.
2. Click My Domain.
3. In the page that appears, come up with a name for your domain. You can check if the domain is available by clicking the Check Availability button.
  
  For the page given below to load on your browser, make sure that the Salesforce cookies are not blocked.
4. If the domain is available, select I agree to Terms and Conditions and click Register Domain to register your new domain.
  
  Tip: The registration process may take some time. Use this time to get familiar with Salesforce and read through the Salesforce developer documentation.
5. Once the domain is registered to your account, click the Click here to login button to test this out.
On the left navigation menu, search for Single Sign-On Settings, and click it.
In the page that appears, click Edit and then select the SAML Enabled check box to enable federated single sign-on using SAML.
Click Save to save this configuration change.
Obtain the Salesforce certificate and upload it to the Identity Server. Follow the steps given below to obtain the certificate.
About the Salesforce certificate

The validation request sent from Salesforce must be validated by the Identity Server. For this purpose, the Salesforce public certificate must be uploaded to the Identity Server and is used to validate the request.
1. On the left navigation menu, go to Security Controls and click Certificate and Key Management.
2. If you have not done so already, you must create the certificate first. Do the following steps to create this.
  1. Click Create Self-Signed Certificate.
  2. Enter the Label and a Unique Name, and click Save. The certificate is generated.
3. Click the Download Certificate button to download the certificate.

Click New under SAML Single Sign-On Settings. The following screen appears.
Ensure that you configure the following properties.

If you want to know more about the Salesforce SAML Single Sign-On settings configurations, see the Salesforce developer documentation.

Field	Value
Name	SSO
API Name	SSO
Issuer	`localhost` Note: In this case we have localhost as the Issuer as this topic is a sample of how this should work. In a production environment where you need to run this scenario, you must have the domain name or host name of the server that you are hosting the WSO2 Identity Server.
Entity Id	`https://saml.salesforce.com`
Identity Provider Certificate	Generate the wso2.crt file and upload it. Follow the steps given in the note below: Creating the Identity Provider certificate. Note: To create the Identity Provider Certificate, open your Command Line interface, traverse to the `<IS_HOME>/repository/resources/security/` directory. Next you must execute the following command. keytool -export -alias wso2carbon -file wso2.crt -keystore wso2carbon.jks -storepass wso2carbon Once this command is run, the wso2.crt file is generated and can be found in the `<IS_HOME>/repository/resources/security/` directory. Click Choose File and navigate to this location in order to obtain and upload this file.
Request Signing Certificate	From the dropdown, you must select the public certificate of Salesforce you created in step 8. If you have not created this already, follow the steps given in step 8 above. After creating the certificate, you need start filling the SAML Single Sign-On Setting form from beginning again.
Request Signature Method	RSA-SHA1
Assertion Decryption Certificate	Assertion not encrypted
SAML Identity Type	Assertion contains User's salesforce.com username
SAML Identity Location	Identity is in the NameIdentifier element of the Subject statement
Service Provider Initiated Request Binding	HTTP POST
Identity Provider Login URL	`https://localhost:9443/samlsso` Note: In this case we have localhost as the URL as this topic is a sample of how this should work. In a production environment where you need to run this scenario, you must have the domain name or host name of the server that you are hosting the WSO2 Identity Server.
Custom Logout URL	Leave blank
Custom Error URL	Leave blank
Single Logout Enabled	Optionally, if you want to have single log out enabled, you can select this option. With Single Log Out, you can log out of FB and be logged out of Salesforce at the same time.
User Provisioning Enabled	Leave blank If you want to enable Just In Time provisioning, you need to select this configuration. When this configuration is enabled, WSO2 Identity Server creates a user in Salesforce, if the user doesn't have an FB account and signs up with Facebook. Therefore, you don't have to worry about creating a user in salesforce everytime a new user needs to be added.

Click Save to save your configurations.
Search for My Domain in the search bar that is on the left navigation pane and click My Domain.
Go to Domain Management in the left navigation pane and click My Domain.
Click Deploy to Users. Click Ok to the confirmation message that appears.
In the page that appears, you must configure the Authentication Configuration section. Scroll down to this section and click Edit.
Under Authentication Service, select SSO and deselect Login Page.

SSO is the SAML user authentication method you created in salesforce.com, in step 9 above. It is configured to direct users to WSO2 Identity server, which in turn direct the request to Facebook as Facebook acts as the IdP.
Click Save.

Configuring the service provider

Sign in. Enter your username and password to log on to the management console.
Navigate to the Main menu to access the Identity menu. Click Add under Service Providers.
Fill in the Service Provider Name and provide a brief Description of the service provider. Only Service Provider Name is a required field and we use Salesforce as the name for this example.
Click Register.
Expand the Inbound Authentication Configuration and the SAML2 Web SSO Configuration and click Configure.

In the form that appears, fill out the following configuration details required for single sign-on.
See the following table for details.

Field	Value	Description
Issuer	`https://saml.salesforce.com`	This is the `<saml:Issuer>` element that contains the unique identifier of the service provider. This is the same value you entered as the Entity-ID when creating the salesforce application. This is also the issuer value specified in the SAML Authentication Request issued by the service provider. When configuring single-sign-on across Carbon servers, ensure that this value is equal to the ServiceProviderID value mentioned in the `<IS_HOME>/repository/conf/security/authenticators.xm`l file of the relying party Carbon server.
Assertion Consumer URL	Click here and follow the steps to get the Assertion Consumer URL. Follow the steps given below to get the Salesforce URL: Login to the Salesforce developer account: https://login.salesforce.com/. Search for My Domain in the search bar that is on the left navigation panel. Click My Domain and you are navigated to the domain you created under the section Configuring Salesforce. Click Edit under Authentication Configurations and you are navigated to a new page having the following URl: `https://<DOMAIN_NAME>/domainname/EditLogin.apexp` On the left navigation menu, search for Single Sign-On Settings, and click it. Click on the name of the Single Sign-On Setting you created. In this use case click SSO. Copy the URL that is defined for Login URL to access Salesforce.	This is the URL to which the browser should be redirected to after the authentication is successful. This is the Assertion Consumer Service (ACS) URL of the service provider. The identity provider redirects the SAML2 response to this ACS URL. However, if the SAML2 request is signed and SAML2 request contains the ACS URL, the Identity Server will honor the ACS URL of the SAML2 request. In this case, you must use your Salesforce login URL. In Salesforce, click Security Controls on your left menu and then click Single Sign-On Settings. In the page that appears, click on the SSO settings that you created to view the details. Use the Salesforce Login URL listed there for this value.
NameID Format	The default value can be used here.	This defines the name identifier formats supported by the identity provider. The service provider and identity provider usually communicate with each other regarding a specific subject. That subject should be identified through a Name-Identifier (NameID) , which should be in some format so that It is easy for the other party to identify it based on the format. Name identifiers are used to provide information regarding a user.
Enable Response Signing	Selected	Select Enable Response Signing to sign the SAML2 Responses returned after the authentication process.
Enable Attribute Profile	Selected	Select Enable Attribute Profile to enable this and add a claim by entering the claim link and clicking the Add Claim button. The Identity Server provides support for a basic attribute profile where the identity provider can include the user’s attributes in the SAML Assertions as part of the attribute statement. Once you select the check box to Include Attributes in the Response Always, the identity provider always includes the attribute values related to the selected claims in the SAML attribute statement.

Click Register to save your configurations.
Since Salesforce user names are actual email addresses, we must configure the Identity Server for email authentication. Do the following steps to achieve this.
1. Open the <IS_HOME>/repository/conf/carbon.xml file and comment out the EnableEmailUserName property.
```
<EnableEmailUserName>true</EnableEmailUserName>
```
2. Open the <IS_HOME>/repository/conf/user-mgt.xml file and add the following property under the user store manager configurations. Using above property, you can change the pattern of your email address. By default, it must be more than 3 characters and less than 30, but you can configure it as you wish.
```
<Property name="UsernameWithEmailJavaScriptRegEx">^[\S]{3,30}$</Property>
```
Restart the Identity Server.

Configuring the Facebook application

Go to https://developers.facebook.com/ and log in using your Facebook credentials.
Click on Create App.
Enter a Display Name, Contact Email, and click Create App ID.
Enter code for security check, and click Submit.
On Select product page, click Set up under Facebook Login.
Select Website as the platform for the app used in this sample.
Enter https://localhost:9443/ as the Site URL and click Save.

If you have configured WSO2 Identity Server to run using the IP or hostname, you need to provide the IP or hostname instead of localhost.
Under Products on the left navigation panel, Click Facebook Login.
You can configure the Client OAuth Settings on the window that appears.
1. Client OAuth Login should be set to Yes.
  Client OAuth Login is the global on-off switch for using OAuth client token flows. It helps to secure your application and prevent abuse by locking down which token redirect URIs are allowed.
2. Web OAuth Login should be set to Yes.
  Web OAuth Login settings enables any OAuth client token flows that use the Facebook web login dialog to return tokens to your own website.
3. Valid OAuth redirect URIs should be set to https://localhost:9443/commonauth.
  Enter the ACS URL (Assertion Consumer URL) which is the endpoint in WSO2 Identity Server which accepts the response sent by facebook.
Scroll down and click Save Changes button to save the changes.
Click on Dashboard. You can see the App ID and App Secret as shown in the image below. Click Show to view the App Secret.

App ID is the Client ID and the App Secret is the Client Secret in OAuth terminology. The API Version is Facebook’s API that is used to create the application.
Click Settings on the left menu and navigate to the Basic tab. Add the App Domains (since WSO2 IS is running on localhost, you can add localhost as the App Domain)
Click Save Changes.

Now you have finished configuring Facebook as an Identity Provider.

About accessing the app

The app is not available to general public yet. To make to app available to every Facebook user, you have to submit the app for review. After a review, Facebook makes the app available to every Facebook user. You can find more information on the review process by clicking on App Review in the left navigation menu of your app's dashboard.

The review process may take some time, so for the purposes of this sample, you can specify some Facebook users as Developers or Testers. Only the users specified here can use this app to log in with Facebook until the app goes public. To do this, click on Roles in the left navigation menu of the dashboard and specify the required Facebook users as Developers or Testers.

Configuring the identity provider

Now you have to configure WSO2 Identity Server by adding Facebook as a new identity provider.

Log in to the management console as an administrator.
In the Identity section under the Main tab of the management console, click Add under Identity Providers.
Give a suitable name as the Identity Provider Name. In this case we can have Facebook as the identity provider name for clarity.

For detailed information on the Identity Provider configurations, see Configuring an Identity Provider.
Go to Facebook Configuration under Federated Authenticators.
Select both check-boxes to Enable Facebook Authenticator and make it the Default.

Enter the App ID and App Secret values from the Facebook app you created in the Client ID and Client Secret fields respectively.

Navigate to the Facebook developer console and click on your app that is under the My App drop down.

Field	Description	Sample Value
Client Id	This refers to the App ID you received from the Facebook app you created.	<Application ID of the Facebook App>
Client Secret	This refers to the App Secret you received from the Facebook app you created.	<App Secret of the Facebook App>
Scope	Defines the permission to access particular information from a Facebook profile. See the Permissions Reference for a list of the different permission groups in Facebook APIs.	email
User Information Fields	These are the claims related to the user account on Facebook. WSO2 Identity Server requests these fields from Facebook when a user is authenticated with Facebook through the IS. See public_profile permission for more information about these fields.	id,email,first_name,last_name,
Callback Url	This is the URL to which the browser should be redirected after the authentication is successful. It should have this format: https://(host-name):(port)/acs.	https://localhost:9443/commonauth

Click Register.

You have now added the identity provider.

Configuring the federated authenticator for the service provider

The next step is to configure the federated authenticator for the service provider. In this case, the service provider is Salesforce

Return to the management console.
In the Identity section under the Main tab, click List under Service Providers.
Go to the service provider that you created and click Edit.
Go to Local and Outbound Authentication Configuration section.
Select the Identity Provider you created from the dropdown list under Federated Authentication.
Ensure that the Federated Authentication radio button is selected and select Facebook from the dropdown. This is the name of the identity provider that you configured.
Click Update to save the changes.

You have now added the identity provider as the federated authenticator for Salesforce.

Configuring claim mapping for Facebook

The next step is to configure claims in the Identity Server and map them with Facebook.

In the Identity section under the Main tab, click List under Identity Providers.
Click Edit to edit the Facebook identity provider you created.
Under Claim Configuration, go to Basic Claim Configuration.
Select the Define Custom Claim Dialect option under Select Claim mapping Dialect.

Click Add Claim Mapping to add custom claim mappings as follows.

Do the following mappings as shown in the above image.

Identity Provider Claim URI	Local Claim URI	Description
email	`http://wso2.org/claims/emailaddress`	Here we map the value in Facebook with the claim URI in the Identity Server. In this case it is a direct correlation of claims where the email attribute of Facebook users is mapped to the email attribute used in the Identity Server.
first_name	`http://wso2.org/claims/givenname`	Here we map the value in Facebook with the claim URI in the Identity Server. In this case it is a direct correlation of claims where the first_name attribute of Facebook users is mapped to the givenname attribute used in the Identity Server.
last_name	`http://wso2.org/claims/lastname`	Here we map the value in Facebook with the claim URI in the Identity Server. In this case it is a direct correlation of claims where the last_name attribute of Facebook users is mapped to the lastname attribute used in the Identity Server.

The User ID Claim is important to define as it is the unique value used to identify the user. In cases where you have a user store connected to the Identity Server, this User ID Claim value is used to search for the user in the user store. You can define it when configuring the claims for the identity provider or when configuring the claims for the service provider. In this use case this is configured for the service provider by configuring the Subject Claim URI.

If WSO2 Identity server sends roles instead of users and if you want to use those roles to be JIT provisioned to the users of the local userstore, you need to configure Role Claim URI . This configuration is not required for this tutorial.

You can retrieve all the public information of the user and the email address. The following are some common attribute names.

id
email
name
first_name
last_name
link
gender
locale
age_range

More information is available from the following link: https://developers.facebook.com/docs/facebook-login/permissions/v2.0. You can map these attributes to any Local Claim URI that is suitable.
For more information about claim mapping, see Claim Management.

Configuring claim mapping for Salesforce

In the Identity section under the Main tab, click List under Service Providers.
Click Edit to edit the Salesforce service provider you created.
Expand the Claim Configuration section.
Select the Define Custom Claim Dialect option under Select Claim mapping Dialect.

Click Add Claim URI to add custom claim mappings as follows.
Add the following claim URIs.

Service Provider Claim	Local Claim
email	`http://wso2.org/claims/emailaddress`
first_name	`http://wso2.org/claims/givenname`
last_name	`http://wso2.org/claims/lastname`

Select all of these claims as Requested Claims.
Select email from the Subject Claim URI dropdown. The Subject Claim URI is important to define as it is the unique value used to identify the user. In cases where you have a user store connected to the Identity Server, this Subject Claim URI value is used to search for the user in the user store.

For more information about claim mapping, see Claim Management.
Click Update to save your changes.

Testing the configurations

Do the following steps to test out the configurations for a new user in Salesforce and the Identity Server.

Create a user in Salesforce. This user should have the same email address as your Facebook account.
1. Log in to the Salesforce developer account: https://login.salesforce.com/.
2. On the left navigation pane, click Users under Manage Users.
3. On the page that appears, click the New User button to create a new user.
4. Create a user with the same email address as the user on Facebook.
  - Define the User License as Salesforce for this tutorial. For more information on the Salesforce user license, see the Salesforce developer documentation.
  - Define any profile type for the user. For more information on the Salesforce user profiles, see the Salesforce developer documentation.
5. Click Save to save your changes. An email will be sent to the email address you provided for the user.
Logout of Salesforce.
Access your Salesforce login URL on an incognito or private browser.
The salesforce login URL is unique to your Salesforce application. Follow the steps given below to get this URL:
1. Search for My Domain in the search bar that is on the left navigation panel.
2. Click My Domain and you are navigated to the domain you created under the section Configuring Salesforce.
3. Click Edit under Authentication Configurations and you are navigated to a new page having the following URl: https://<DOMAIN_NAME>/domainname/EditLogin.apexp
4. On the left navigation menu, expand Security Controls, and click, Single Sign-On Settings.
5. Click on the name of the Single Sign-On Setting you created. In this use case click SSO.
6. Copy the URL that is defined for Login URL to access Salesforce.
You are directed to the Facebook Login screen.
Log in using your Facebook credentials. You are then redirected back to Salesforce.
Remember to use the same email address as the user in the Salesforce account.

Now you have successfully configured WSO2 Identity server so you can login to Salesforce using Facebook as the Identity Provider.