Skip to main content

Twitter

In this guide you will learn how to configure your dApp for onboarding users via Twitter authentication.

Prerequisites

Basic Steps

At a high level, you need to perform these four steps for enabling Twitter authentication in your dApp. Some of these actions are performed using Twitter Developer Portal, others using Arcana Dashboard. Finally, you need to integrate the Arcana Auth SDK and trigger Twitter login for your dApp users.

Step 1: Choose Login Type: Twitter

  • Go to the Arcana Dashboard:

    https://dashboard.beta.arcana.network

    tip

    If you have already registered your dApp using Arcana Dashboard and obtained an appID, you may skip this step.

  • Register your dApp by creating a new dApp, specifying a name and choosing your preferred Storage Region in the dashboard.

  • You can choose to use defaults for other settings or change them as per your use case. Refer to the how to configure dApp guide for details.

  • Do not close the dashboard browser tab. Open another tab and setup Twitter OAuth. Then revisit the Dashboard tab for completing dApp configuration settings.

Step 2: Use Twitter Developer Portal for OAuth Credentials

  • Go to the Twitter Developer Portal and create a new application entry for setting up the OAuth credentials for your dApp.twitter console
  • In the keys and tokens tab, generate the API key and secret.Twitter OAuth API key and secret
  • Copy and save the Client ID and the secret assigned by Twitter for the newly created application. It will be required in the next step while completing the Arcana dashboard dApp configuration.

Step 3: Update Twitter OAuth Client ID and Secret in the Arcana Dashboard

  • Revisit the dashboard Auth configuration tab. Refer to the "Twitter" field and paste the API Key assigned by Twitter, in the previous step, in the input text field. howto_config_twitter_clientid
  • Save the settings. Arcana Network assigns an appID to every registered and configured dApp. If you plan to integrate with Arcana Storage SDK, you need to save this appID. howto_app_id
tip

You can revisit Arcana Dashboard later to view and modify configuration settings. The appID is displayed on the top right of your dashboard.

Step 4: Integrate with Arcana Auth SDK and trigger Twitter login

  • Use instructions here to integrate with Arcana Auth SDK

  • Trigger social login for Twitter:

    await auth.requestSocialLogin('twitter')
  • Check if a user is logged in:

    const connected = await auth.isLoggedIn()
  • Log out an authenticated user:

    await auth.logout()

That is all! 🎉

Your dApp is all set for onboarding users via Twitter authentication mechanism.

What's Next?

After enabling Twitter OAuth based user sign in, you can further integrate your dApp with Arcana Storage SDK. This will allow your application to store, retrieve or share files across users. All file store and access operations require file owners to sign blockchain transactions using a wallet provider.

Use the Arcana wallet Ethereum provider exposed by Auth SDK for enabling dApp users to sign file storage related transactions securely.

See also