How to add Twitter Login to your App How to add Twitter Login to your App

How to add Twitter Login to your App

Vijay Sharma Vijay Sharma

Twitter login feature will allow users to easily user their Twitter account to create an in App account in your app.

You will need a Free twitter developer account to link your Twitter app to your Apps Creator apps. Free Twitter developer account only allow one app to be setup. If you have a paid account already, you can create a new app their.

 

Step 1: SignUp or Login to the Twitter Developer portal.

Step 2: Create a new project in your developer dashboard.

Screenshot 2023-12-26 at 3.02.58 PM.png

Step 3: Follow the on screen instruction to create a new project and App.

Screenshot 2023-12-26 at 3.03.44 PM.png

Screenshot 2023-12-26 at 3.04.18 PM.png

Screenshot 2023-12-26 at 3.04.34 PM.png

Screenshot 2023-12-26 at 3.05.12 PM.png

Step 4: Once your app is created, you will be shown your App Key, Secret and Bearer Token. Copy these and keep them securely stored. We will use these later.

Screenshot 2023-12-26 at 3.06.13 PM.png

Step 5: Now click on App Settings to setup your App.

Screenshot 2023-12-26 at 3.10.23 PM.png

Step 6: Under App Settings, we will now set up User authentication. Click on Set up, under user authentication.

Screenshot 2023-12-26 at 3.18.37 PM.png

Step 7: On this page we will appropriate permissions. Callback URLs and other items to our Twitter app.

For App Permissions, select Read option. Make sure you turn on "Request email from users".

Select Native for the type of app.

Screenshot 2023-12-26 at 3.31.32 PM.png

Under App Info:

a. Add your marketing Website link.

b. Add your Terms of Service and Privacy Policy links.

c. Head towards the next step to fill Call back URLs.

 

Screenshot 2023-12-26 at 3.34.44 PM.png

Step 8: Call back URLs.

We need to add two call back URLs. One will be user for the iOS app and one will be user for the Android app.

To create a call back URL for the iOS app we will need the API key obtained in Step 4 of this article. We will need to provide a schema as a call back URL. The schema will be in this format twitterkit-<API KEY>:// here the <API Key> will be replaced by your App's API Key. FOr example if your Twitter App API key is CWlp4H36K1zI7a6vA5J618fgW then the resulting schema will be

twitterkit-CWlp4H36K1zI7a6vA5J618fgW://

add this schema as Call back URL.

Screenshot 2023-12-26 at 3.43.09 PM.png

 

Now we will create a call back URL for our Android App. We will user Firebase Authentication service to create a Twitter Login for our Android apps.

Step 8a: Open your Firebase Console and select the existing project that has your Android app registered.

Step 8b: Select All Products from the left menu.

Screenshot 2023-12-26 at 3.45.40 PM.png

Step 8c: From the list select "Authentication" and click on "Get Started".

Screenshot 2023-12-26 at 3.46.55 PM.png

Screenshot 2023-12-26 at 3.47.25 PM.png

Step 8d: Under Sign in providers, select Twitter.

Screenshot 2023-12-26 at 3.49.08 PM.png

Step 8e: Add your Twitter API key and secret obtained in step 4 of this article. Grab the callback URL shown here and add it to your Twitter app authentication settings. Save the form.

Screenshot 2023-12-26 at 3.51.56 PM.png

Screenshot 2023-12-26 at 3.53.24 PM.png

Step 8f: Now in Firebase, Navigate to Project Settings and select your pre-registered Android app:

Screenshot 2023-12-26 at 4.00.30 PM.png

Step 8g: Grab your SHA1 hash from the Keystore information that your added to your Android Platform page in Apps Creator. Add the SHA1 hash under SHA Certificate Fingerprints.

Screenshot 2023-12-26 at 4.07.12 PM.png

Step 9: We are done with the setup on Firebase and can move back to Twitter Developer account. Save the authentication form after adding all the information as stated in Step 7 and 8.

Step 10: Open Apps Creator Dashboard and Navigate to Manage >> Social Integrations. Click on the "+" icon and select Twitter ("X" icon). Add the API key and Secret obtained in Step 4 of this article and save.

Screenshot 2023-12-26 at 4.14.49 PM.png

 

Congratulations! you have successfully added Twitter login in Apps Creator. If you face any difficulty following the steps in this article, please reach out to appsupport@zype.com.

Was this article helpful?

0 out of 0 found this helpful