Twitter Application Setup

The Twitter Application setup process is described below. These steps below should guide you through the entire process. Please note that this guide will explain how to create an app as part of an existing project. Standalone apps are limited to v1 of the Twitter API, whereas apps as part of a project may use v1 or v2.

  1. Navigate to https://developer.twitter.com/en/apps.
  2. In the top right, click the "Sign In" and login with your Twitter account.
  3. Create a project (not detailed in this guide)
  4. Click the 'Add App' button in your project.Twitter - Create App
  5. Click the 'Create a New App' button.Twitter - New App
  6. Choose a Production app environment and hit Next.Twitter - App Environment
  7. Fill out the Name of your app and hit next
    Twitter - App Name
  8. After you hit Next, the next screen will show your OAuth 2.0 Client ID and Client Secret. Use the Client ID and Client Secret in the JFBConnect backend settings for Twitter Application ID and Twitter Secret Key.
  9. Click on the App Settings button.
  10. Start the setup for the OAuth authentication settings by hitting the "Set up" button in the User Authentication Settings section.Twitter - OAuth
  11. Select OAuth 2.0 and 'Web App' and enter URLsTwitter - OAuth
    1. Callback URI / Redirect URI - Your full website URL with 'index.php'. Add as many callback URLs as necessary for all variations of your site, like:
      http://www.yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=twitter
      https://www.yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=twitter
      http://yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=twitter
      https://yourdomain.com/index.php?option=com_jfbconnect&task=authenticate.callback&provider=twitter
    2. Website URL - Your full website URL, like http://www.yourdomain.com/
    3. Terms of Service - A link to your terms of service will be shown when users authorize your App.
    4. Privacy PolicyA link to your privacy policy will be shown when users authorize your App.
    5. Click Save.
  12. If for some reason, you need to use OAuth 1.1, the following settings are specific to 1.1
    1. App Permissions - If you would like to use JFBConnect's channels feature to display Twitter posts, please set this to Read and Write.
      twitter app details perms
    2. Email from Users - If you'd like to support Automatic Registration for users, set "Request email from users" to On.
      Twitter App Details - Redirect URLsTwitter App Details - Terms and Privacy
    3. Set the Callback URI / Redirect URLs and Website URL like in step 11.a
    4. Click Save.
  13. If you forget or lose your OAuth2 Client ID and Client Secret, you can regenerate these by visiting the Keys & Tokens tab at the top of your app.
  14. At this point, JFBConnect is ready for Twitter authentication.

Twitter Application Image

If you'd like to update the application image shown during the login/authentication process, go to the "App Details" of your Twitter Application and upload your image in the "App Icon".