Bugfender is a game-changing platform that logs every detail your users experience and feeds the data straight to an easy-to-use web console. Bugfender SDK is multi-platform and available for mobile and web apps, so you can use the same tool for all your apps.
This repository contains a sample Vue application with Bugfender SDK to collect user logs.
To run the sample:
npm ci
: install dependenciesnpm run dev
: run example dev server
If you plan to use Bugfender SDK with another JavaScript framework, check the following documentation:
- Vanilla JavaScript: Bugfender SDK for browsers
- Angular: Bugfender SDK for Angular
- React: Bugfender SDK for React
- Svelte: Bugfender SDK for Svelte
To get Bugfender working on your apps, you will need to:
-
Get an app key at bugfender.com
-
npm i @bugfender/sdk
. Install SDK npm package. -
Once initialized, you're ready to use it:
// See: `src/main.ts` // Initialize: `appKey` is the only required option import { Bugfender } from '@bugfender/sdk' Bugfender.init({ appKey: '<YOUR_APP_KEY_HERE>', // apiURL: 'https://api.bugfender.com', // baseURL: 'https://dashboard.bugfender.com', // deviceName: '', // overrideConsoleMethods: true, // printToConsole: true, // registerErrorHandler: true, // logBrowserEvents: true, // logUIEvents: true, // version: '', // build: '', }) // See: `src/App.vue` // Later on your code Bugfender can be used import { Bugfender } from '@bugfender/sdk' Bugfender.log('Hello world!');
⚠️ Remember to change<YOUR_APP_KEY_HERE>
with the app key of your app. It's also recommended to add version & build numbers.