Ember CLI and Raygun: Get Setup Fast!

Jesse JamesJavascript, Languages, Resource, Web Development3 Comments

ember and Raygun

Overview:

One of the main purposes of Ember CLI is to provide a single, community supported build tool to shorten the time between having an idea and starting core development work on it. That idea of making things easy and fast to implement so you can get working is something firmly believe in.

Here at Raygun we know that Ember CLI users have a love for things that speed up the development process. We also know that setting up an exception monitoring system is incredibly vital part of your devops plan. Being able to track errors and exceptions in real time with useful data enables you to move swiftly in fixing potentially critical issues. But with the fast pace of today’s Agile focused development cycle you should not have to spend extra time during a sprint to implement software solutions that are meant to make life easier.

To help Ember CLI users get to the key tasks quickly, we created the ember-cli-raygun package. In less than five minutes you can have automatic exception monitoring installed and active in your Ember.js application.

The ember-cli-raygun package acts on much the same principle that Ember CLI itself does: to handle the implementation of systems in order to save time and effort. To make setting up exception monitoring faster the package adds the raygun4js provider to your Ember CLI application for you. It also handles creating the Raygun configuration entries in your environment.js file and adding the necessary snippets of code in dist/assets files.

Since the ember-cli-raygun package installs the raygun4js provider you can use all the powerful features of the provider in your Ember CLI application without having to manually add the code snippets. For more information on the provider please take a look at our raygun4js documentation.

Getting Started:

Setup of the ember-cli-raygun package is incredibly quick:

Step 1:

In your terminal of choice run $ ember install ember-cli-raygun

terminal showing install completed for an ember cli app

Step 2:

Setup your Raygun API key in config/environment.js

editor showing config/environment.js in an ember cli app

 

Your API key is available under “Application Settings” in your Raygun account.

And that is it! A quick two step process and now your production environment errors and exceptions are being tracked automatically.

If you have any questions or concerns about getting Raygun setup with your application please reach out to our Support Team!

Additional Resources:

ember-cli-raygun GitHub repository

ember-cli-raygun NPM package listing

raygun4js Raygun Documentation

raygun4js GitHub Repository

 

Next level software intelligence across your entire stack.

3 Comments on “Ember CLI and Raygun: Get Setup Fast!”

  1. Josh

    Love this! Very timely for me.

    Which language would you recommend specifying when creating the application in Raygun itself? Javascript or Node.js? Does it matter? Will there be an Ember CLI option?

    1. Jesse James

      Hey Josh!

      Thanks for the love! I would recommend choosing JavaScript for your Ember/Ember CLI application. The ember-cli-raygun package handles the grunt work of installing the raygun4js provider into your application so the functionality/implementation is the same in that regard. Choosing a specific language during the application creation flow just specifies which setup of install instructions you’re shown, so neither option is really perfect at the moment for an Ember CLI app (Ember apps basically just follow the same process as JavaScript apps, but I’ll write another post on that soon and update the documents to reflect any specific “gotchas”).

      I do see the value in having a specific Ember CLI option (or at the very least, better wording) available in the setup process so I will speak with the team about adding one in.

      Thanks again for the comment and let me know if you have any other questions!

      Jesse

  2. William Pullen

    Does this setup sourcemap configuration out of the box? Would be interested in seeing an example of that within ember-cli.

Leave a Reply

Your email address will not be published. Required fields are marked *