Our application is ready to go! We'll need our Auth0 Client ID and Domain, so click the Settings tab and copy them somewhere safe. ![]() ![]() Give your new application a name, set its type to Single Page Web Applications, then click Create. Then click the smaller Applications option that appears, then the Create Application button. If you don't, signup for one.įrom the Auth0 dashboard, click the Applications button in the sidebar. If you already have an account, login to it. In the example below, the base ID is app02LAJbvDNMAZBb.Īwesome, our Airtable instance is all setup! Let's setup Auth0 next. The base ID is the characters between the first two slashes in the base's URL that begin with app. We'll need the base's ID in the next part of this guide, so copy it down for safe keeping. Open up your newly copied base by clicking on its icon in Airtable's dashboard. If prompted, choose which workspace you'd like to copy the base to, then click Add base. If you haven't already, login to Airtable /www/portal.html - the example customer portal, which pulls data from our getAirtableData and getHashData APIs./www/callback.html - where the user is redirected to after logging in with Auth0 - it sets the accessToken cookie then redirects them to the portal./www/logout.html - automatically redirects the user to Auth0's logout flow, and clears their accessToken cookie./www/login.html - automatically redirects the user to Auth0's login flow. ![]() /www/index.html - the homepage containing a login button./functions/getProjectMetadata.js - this endpoint exposes data such as our project's URL, Auth0 domain and Auth0 client ID to the frontend./functions/getHashData.js - our backend API which pulls data (eg: name, email) about the user an Auth0 access token belongs to./functions/getAirtableData.js - our backend API which authenticates an Auth0 access token then pulls data about the user it corresponds to.This app is a demo of how to integrate Auth0 with Autocode, and how to pull data from an Autocode API in the frontend of a website. ✨ Click here to try out the live demo! About this App Auth0 & Airtable Integration - Customer Portal Demo
0 Comments
Leave a Reply. |