What is social login?

Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, Twitter, Apple etc. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.

How does Social Login Works?

The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your TYPO3 website. If they are a new user then they are registered and if they are an existing user they are logged in.

Integration of Apple Social Login ( Apple SSO ) For TYPO3 using OAuth 2.0 Protocol.

miniOrange Social Login enables your users to use their Apple account to login/register to your TYPO3 Website. Give your users a Best choice, without remembering passwords, to login/register on your TYPO3 website. Setup TYPO3 Apple Plugin by miniOrange in few easy steps and setup Apple.

TYPO3 Apple Social Login (Apple Single Sign-On (SSO)) for TYPO3 can be achieved by using our TYPO3 Social Login plugin. In this guide we will see how to implement Apple login on your TYPO3 website in the easiest way. Click here to know more about other features we provide in TYPO3 Social Login Plugin.

Pre-requisites : Download And Installation

• Log into your Typo3 instance as an admin.
• Navigate to Extensions tab from left pane.
• Select Get Extension from the dropdown and search for miniOrange Social Login and install the extension.
• Now select Installed Extensions from the dropdown menu and search for Social Login and activate the extension.

Steps to configure Apple Social Login into TYPO3

Step 1. Configure Apple Social Login In TYPO3

Follow the steps below to configure Apple login in TYPO3

 Configure Apple Social Login

• Go to https://developer.apple.com click on Account and Login with Apple developer account.

• Click on Certificates, Identifiers and Profiles in Apple Account.

• From the left menu Click on Identifiers and after that click on the Plus Icon(blue color) . Click on Continue for the next 2 pages of Apple Account.

• Enter Description and Bundle ID for the App ID. (The Bundle ID is best when it’s a reverse-dns style string.)

• In the Capabilities section scroll down and select sign up with apple. Click on Edit and select Enable as a primary App Id and click on Save. Click on Continue and then click on Register.

• In the right corner click on Continue and after that Register button.
• Again click the Plus icon( blue color). Select Service IDs and click on Continue.

• Enter Description and Identifier( Identifier would be your client id - Copy this id and Paste in the above field of Client ID). and click on the Continue and after that Register button.

• Click Keys from the left menu.Click on the Plus icon to register a new key.

• Give your Key a name, and select Sign In with Apple and click on Configure button

• Select your Primary Id and click on the Save button and after that at the right corner click on Continue and Register button.

• Click on the Download button once the key is downloaded click on the Done button.

• In the left menu click on Identifiers.
• At the right top click on App IDs
• Select Service IDs from the drop down menu.

• Select your Service Id from the List.
• Select Sign In with Apple and click on Configure button

• Select the Primary App Id from the drop down, and Enter the Domain and Redirect URL in Domains and Subdomains and Return URLs respectively and click on the Next button (You will get the Domain name and Redirect URL from miniOrange social login plugin)

• Verify the details and click on the Done button. After that at the right corner click on the Continue button.
• Copy the Identifier value and click on the Save button.

• Enter the Identifier value in the App Id field and copy the downloaded key value in App secret field of the Apple Login instruction miniOrange social login plugin to Login with Apple.

2. Set credentials in miniOrange Social Login Plugin

• Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Apple.
• Enable Apple Social Login for TYPO3 by enabling the toggle button.
• Copy the Client Id and Client Secret form above setup and Paste them into the fields in Apple Instructions.
• Enter the required scope.
• Then click on Save & Test Configuration button.
• A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.
• Now, Navigate to customer login page. Here you will notice that Apple Social Login button has been activated. Customers can now login using their Apple Credentials.

You have successfully configured Apple Social Login for TYPO3 Website.

Additional Resources

• About Apple
• More on Social Login

If you are looking for anything which you cannot find, please drop us an email on info@xecurify.com