To take advantage of Twitter’s API, and allow your users to log in with their Twitter accounts and exchange information between their accounts and your app, you’ll need to complete the API integration process under the Settings -> Sharing settings -> Twitter tab in the mobile application builder.
Setting up your app on Twitter.com
First, navigate to https://dev.twitter.com/apps and sign in with your Twitter account credentials, if haven’t already.
Clicking on the Create a new application button will land you on the “Application Details” page, where you’ll enter information about your app and website. There you need to enter the next data:
- Name – Enter the name of your mobile application as you’ve named it on SixFive.
- Description – A short description of your app, which will appear when users authorize their Twitter accounts through your app.
- Website – The website where your users can find more information on your app, yourself or your company. It can also be a link to your Facebook profile or the Download URL for the app.
- Callback URL – This URL should always be: http://apps.sixfive.io/twitter_callback
Here is the example of correctly entered information under the Application Details section:
After this step, scroll down and read Twitter’s API terms of service. Check “Yes, I agree” after you’ve verified these terms, and prove to them you’re not an evil robot by completing their CAPTCHA. Then, select “Create your Twitter application”:
If everything is correct, the next screen will display your new Twitter app.
Settings and Keys
The next step in the process is to visit the Settings tab, where you’ll enable access and add an avatar / image for your app.
To allow your app the proper permissions to exchange information and behaviour, you’ll need to set the Access to “Read and Write“. Also, check if the Callback URL was set correctly once again, because the integration won’t work without it.
Also, you need to put a checkmark on Allow this application to be used to Sign in with Twitter.
Although optional, to further brand your app shares and to help confirm with your user that it’s your app they’re working with, we suggest adding a thumbnail or avatar under Application Icon.
Once you’ve set your Access, and your app icon if you chose to do so, don’t forget to click on the big blue button on the bottom, called Update this twitter application settings. After you have successfully updated your app, go to the Details tab again:
Find the section called OAuth settings, and find the Consumer key and Consumer secret values. Copy-paste these values, keeping the tab / page open, or write them down. We’ll need these keys to enter under Settings -> Sharing settings -> Twitter in the application builder.
Note: The above are examples for the sake of this guide. Your key and secret will be different.