Month: July 2020

1. Visit https://github.com and log in using your credentials
   
2. Click your profile picture at the Top Right Corner
   
3. Click Settings
   
4. Click Developer Settings at Left Sidebar
   
5. Click OAuth Apps at Left Sidebar
   
6. Click New OAuth App at Right Sidebar Top
   
7. Fill out the mandatory fields like Application Name, Homepage URL, Application Description.
   
8. You can get the Authorization Callback URL: https://your-domain.com/auth/github/callback
   
9. Paste the URL in Github Authorization Callback URL and click Register application
   
10. Copy the Client ID and paste it in your website social login settings panel.

Step 1: First, you need to Go to the LinkedIn Developers website

Step 2: Here, Click on Create Application button.

Step 3: Fill in the form that appears next to register the new application.  PS: Website URL must be your Store URL like http://www.yourstore.com.

Step 4: After filling the form click Submit to submit the form and keep your API Key and Secret Key safe.

For LinkedIn, redirect URL is optional, if you want set redirect URL, then set as: https://your-domain.com/auth/linkedin/callback

Step 5: Now you can use these API details in your LinkedIn social login module to let your customers log in to your website using their LinkedIn account.

1. Login to Google Developer Console at https://console.developers.google.com using your Google account credentials.
2. If you are not registered on the Google developer account, then you need to accept the agreement.
3. After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.
4. From the project selection popup click on the “NEW PROJECT” button to add a new project.
5. Enter your “Project name” and click on the “Create” button.
6. Click on “OAuth consent screen” from the left side menu and create OAuth consent with User Type selection.
   
7. Add Application name, select Support email and add Authorized domain. Then click on the Save button.
   
8. After creating the project, click on “Credentials” from the left side menu to open the Credentials screen.
9. Click on “Create credentials” and from the dropdown list select OAuth client ID.
   
10. On OAuth client id creation screen:
    • Select the “Web Application” radio button from the “Application Type”.
    • Enter your application name in the “Name” field. This name will be shown to end users when they are asked to give login permission to your website. So please specify a meaningful name which can identify your website.
    • Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is yourdomain.com, enter http://yourdomain.com
    • In “Authorized redirect URIs” input box, enter https://your-domain.com/auth/google/callback
    • Click on “Create” Button.
11. It will display the popup with client id and client secret.
    

You should enter Twitter Consumer Key as the Client ID and Consumer Secret as the Client Secret.

To generate the consumer key and secret, just follow the below steps and you are ready to go.

1. Go to https://developer.twitter.com/en/apps/create and log in, if necessary (you need to apply a Twitter developer account if you don’t have one).
2. Supply the necessary required fields, accept the Terms Of Service, and solve the CAPTCHA.
3. Submit the form
4. Make sure under the Permissions tab the access permission is set to “Read and write” and you’ve checked the “Request email address from users”.
5. Use https://your-domain.com/auth/twitter/callback as the callback URL.
6. Go to the Keys and tokens tab, there you will find your Consumer key and Consumer secret keys.
7. Copy the consumer key (API key) and consumer secret from the screen into the social login setting panel.

Please follow the below steps to create a Facebook application for Facebook Login in Directory Hub:

Go to https://developers.facebook.com.