electron-quick-start

Setup

1. npm install
2. Place your DSN Key in sentry.js

init({
  // TODO: Replace with your project's DSN
  dsn: 'SENTRY_DSN',
});

3. Upload the Debug Information Files The download and upload take a few minutes.

npm install -g @sentry/wizard

# Optional, if the following command (sentry-wizard) errors then perform this
npm install --save-dev @sentry/cli electron-download

# dynamically creates the sentry.properties file and sentry-symbols.js, for Download/Upload of symbols
sentry-wizard --integration electron

# Downloads the Electron Symbols (from Electron Github)
# Uploads your Electron Symbols (i.e. Debug Information Files) to Sentry.io.
node sentry-symbols.js

4. Check that your Debug Info Files were uploaded
   Sentry.io > Project Settings > Debug Files
5. (For Electron JavaScript Offline Events) - in main.js you'll need up update:

SENTRY_KEY
PROJECT_ID
AUTH_TOKEN

Run

1. npm start

Docs

• Sentry Documentation https://docs.sentry.io/platforms/javascript/electron/
• Where the Electron Symbols get downloaded from: https://github.com/electron/electron/releases

Electron Basics

• package.json - Points to the app's main file and lists its details and dependencies.
• main.js - Starts the app and creates a browser window to render HTML. This is the app's main process.
• index.html - A web page to render. This is the app's renderer process. This is a minimal Electron application based on the Quick Start Guide within the Electron documentation. You can learn more about each of these components within the Quick Start Guide.

GIF Electron Native Crash

GIF Electron Javascript

GIF Electron Javascript Offline Events