![]() Each base has it's own API associated with it, so you'll need this ID. ![]() Your Airtable API Key can be found at (scroll down to API) GitHub - ToolJet/ToolJet: Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. For this example, we will be creating a new GitHub. Low-code platform for building business applications. Then click on the option to 'Create a custom automation.' After clicking to create a new custom automation, you will have the option to rename the option. Add a description, image, and links to the airtable-api topic page so that developers can more easily learn about it. The first step is to find the 'Automations' button near the upper right portion of your Airtable base. You'll be prompted for your Airtable API Key and the Airtable Base ID. More than 94 million people use GitHub to discover, fork, and contribute to over 330 million projects. The easiest way to get started is to deploy to Netlify! Click the button below. If you want to use this for a different base, then you'll need to change some configurations in the lambda proxy function and the React app. I recommend adding that template to your own Airtable account and playing around with it. This demo is meant to be used with this Art Gallery template. You could setup an instance on Heroku, like Airtable did in their Ruby demo, or setup a Digital Ocean droplet with a Node server, or you could use a Netlify Function! Which is what this demo is all about. The server holds the key in an environment variable so it's not exposed to the front-end. A server can act as the middleman (a.k.a proxy) to communicate with the API and your frontend. Well, I wanted a dead simple way to use the Airtable API on a client facing React app, but not expose the Airtable API key. I bootstrapped the project with Create React App. I wanted an even simpler way to obfuscate the Airtable API Key on a front-end app, so I built this demo. ![]() I was inspired to build this after discovering Airtable's API Proxy Demo built with Ruby. This demo uses a Netlify Function as a proxy for the Airtable API. ![]() Airtable API Proxy with Netlify Functions ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |