browserDashboard Setup

Ready to launch your dashboard? Let's set it up.

circle-info

Follow this guide from top to bottom.

The Dashboard depends on your Web API config, then your common.json, then Discord OAuth.

triangle-exclamation

AthenaBot Web API Setup

The Web API is the bridge between AthenaBot and the Dashboard. If this is wrong, the dashboard will not load data.

Open /configuration/web_api.json(5) and complete these steps:

1. Set your API port

Pick a free port (example uses 3111):

port: "3111"

2. Set a secure authentication key

Replace the default value in authentication_key:

authentication_key: ["your-super-secure-key"]
triangle-exclamation

3. Set base IP / domain

Configure base_ip as one of the following:

  • "<host_ip>:<web_api_port>" (IP/port setup)

  • "<domain>" (domain setup)

4. Optional hardening options

  • secure_mode: set true to limit most API routes to whitelisted_ips.

  • whitelisted_ips: keep required defaults and add trusted sources.

  • rate_limit.enabled: keep enabled for protection.

  • rate_limit.proxied: set true if you are behind Nginx/Apache/Cloudflare.


Dashboard Configuration

Now open /common.json and edit the dashboard section.

1. Enable dashboard

2. Set dashboard port

Use a different port than Web API.

3. Configure both URLs

Dashboard URL:

or

Web API URL:

4. Whitelist your Discord account

Add your Discord user ID to:

5. Review optional dashboard flags

  • disable_dashboard_configuration: set true to disable config editing from the panel. The bot will use the configuration files in /configuration instead.

  • sync_dashboard_configs_to_file: set true to sync DB changes back into /configuration files.

circle-exclamation
circle-exclamation

Discord OAuth Setup

The dashboard login uses Discord OAuth.

1. Add redirect URL

Open your app in the Discord Developer Portal:

  • https://discord.com/developers/applications

  • Go to OAuth2 -> Redirects

Add one of these:

  • http://<host_ip>:<dashboard_port>/api/auth/callback

  • https://<domain>/api/auth/callback

2. Add client secret to common.json

Reset/copy your Discord Client Secret and set:


Final Checklist

circle-check

Dashboard Errors

If you hit errors like fetch failed, Unexpected token '<', API status errors, or redirect loops:

  1. Confirm authentication_key is not default and is valid.

  2. Confirm dashboard and API ports are different and reachable.

  3. Confirm dashboard_base_url and web_api_base_url are correct.

  4. Confirm OAuth redirect URL exactly matches your dashboard URL.

  5. Confirm your Discord ID is included in whitelisted_user_ids.

  6. If proxied, confirm rate_limit.proxied is configured correctly.

Last updated