Connecting 3rd-party APIs
Dreamspace allows Creators to provide their API keys to popular third party services (such as OpenAI, X/Twitter, n8n, Zapier, Google Suite, Coinmarketcap, Coinbase Wallet, etc) and then securely send requests to those APIs from your generated app (often initiated by your app's end-users).
Step 1: Open the Dreamspace API key settings! First, navigate to the "My Account" panel by clicking your robot-style avatar icon in the top right of Dreamspace AI Studio. This opens up the "My Account" settings. Navigate to the "Third-party APIs" page at the very bottom of the left side navigation links in the "My Account" panel. Click the "Add Key (Secret)" button in the picture below.
Step 2: Add a new key! Get your API key from the developer platform or API service of your choice (i.e. OpenAI, X (Twitter), n8n, Zapier, Google Suite, Coinmarketcap, Coinbase Wallet, Binance, Reddit, Discord, Slack, YouTube, TikTok, Airtable, Notion, Trello, Linear, Kraken, Etherscan, Alchemy, Moralis, DefiLlama, Dropbox, Calendly, DocuSign, GitHub, Jira, Anthropic Claude, Microsoft Cognitive Services, Stripe, PayPal, Shopify, Square, etc).
Input all the details of your API key before saving, such as the domain (ask ChatGPT if you're not sure) the path prefix (usually leave this as the default already pre-filled in the input), a header key such as "Authorization" (very common for popular services like OpenAI), and then the actual key itself. Keep your key secure, and we will too!
Note: you can ask ChatGPT or Google how to get an API key for your favorite service. It often requires signing up for a developer account and navigating to the developer settings for your favorite service. For example, to get an OpenAI API key, select "API Platform" in the log-in dropdown in the top right at https://openai.com/api/, and finally log in to the developer tooling platform to select the "API Keys" tab on the left side nav panel.
Step 3: Use the API in your generated app! Ask the chatbot in the Dreamspace AI Studio (canvas editor, while editing your generated app) to assist with you with using your provided third-party API key in your generated app. For example, tell the chatbot to reach out to the 3rd-party API service and use the response to populate a selected container/component of your generated app. This is an easy way to test the connection to your favorite API.
Step 4: Link new API keys with older apps! Any time you add a new API key, all new projects created from that point forward will have the recently added API key automatically linked... meaning, all new projects are automatically linked with API keys added prior to the project's initial creation. So, you'll need to manually link newer API keys if you want to use them in older projects. To do so, navigate to the "settings" page in the chatbot ('gear' icon in the top right of the chatbot next to the 'pin' icon), which will let you "Link Existing API Key". Choose the new key to link to this project, and apply the link.
IMPORTANT NOTE: If you start working on a project, then add a new API key in the "My Account" section afterwards, you will need to link the new API key to your current project. Navigate to 'Settings' page in the chatbot and link the API key which you recently added in the "My Account" page for Dreamspace Third-party API Keys. This will link the new API key to your current project to make it available to be used in your generated app.
Updated 5 days ago