SDK Setup
View your app configuration, integration status, and SDK credentials.
Overview
The SDK Setup page provides:
- Your App Key for SDK initialization
- Integration instructions (AI assistant, manual, and CDN)
- Live status indicator showing whether the SDK is receiving events
Navigate to Settings > SDK Setup in the admin dashboard.
App Key
Your App Key is required to initialize the Deway SDK.
Finding Your App Key
- Navigate to Settings > SDK Setup
- Copy the App Key shown on the page (click the copy button)
Security
- Don't commit your App Key to public repositories
- Use environment variables in production
// React / Create React App
Deway.init({
appKey: process.env.REACT_APP_DEWAY_APP_KEY
});
// Vite
Deway.init({
appKey: import.meta.env.VITE_DEWAY_APP_KEY
});
Integration Methods
The SDK Setup page offers three integration methods:
Quick Install with AI Assistant (Recommended)
Copy the pre-built prompt from the SDK Setup page and paste it into your AI coding assistant (Claude, Copilot, etc.). The prompt:
- Detects your framework and package manager
- Installs the
@deway-ai/web-sdkpackage - Initializes the SDK with your App Key
- Sets up user identification
This is the fastest way to get started — the prompt adapts to your project automatically.
Manual Installation
npm install @deway-ai/web-sdk
import Deway from '@deway-ai/web-sdk';
Deway.init({
appKey: 'your-app-key'
});
// Identify users after authentication
if (user?.id) {
Deway.identify(user.id);
}
CDN Integration (HTML/JavaScript)
For vanilla JavaScript or HTML projects without a build system:
<script src="https://unpkg.com/@deway-ai/web-sdk/dist/loader.umd.js"></script>
<script>
Deway.init({
appKey: 'your-app-key'
});
// Identify user when available
if (user?.id) {
Deway.identify(user.id);
}
</script>
SDK Status
The SDK Setup page shows real-time verification that your integration is working.
| Status | Description |
|---|---|
| Live | SDK is connected and events received in the last 7 days |
| No Events | SDK installed but no events received recently |
| Error | Unable to check status |
Once you've integrated the SDK and users interact with your app, the status will turn green.
Multiple Projects
If your tenant has multiple projects, each project has its own:
- App Key
- SDK configuration
- Knowledge Base
- Chats
Switch between projects using the project selector in the sidebar header.
Troubleshooting
Status Shows "No Events"
- Verify the SDK is installed correctly
- Check browser console for errors
- Ensure
Deway.init()is called on page load - Verify you're using the correct App Key
Events Not Being Tracked
- Ensure users are identified with
Deway.identify() - Check that the SDK is initialized before identifying
- Verify the correct App Key is being used
- Look for JavaScript errors on the page
Next Steps
- Installation Guide — Detailed SDK installation
- Team Management — Manage team access
- Agent Look & Feel — Customize the widget