App Instance Tags

App Instance Tags Promo

Tag all instances of web apps you’re developing so you never end up messing with the wrong one.

Are you a web developer? Familiar with working on a large number of projects simultaneously? Surely, you are using versioning to make your life easy in terms of collaboration and deployment, but what about viewing different instances of the same app in your browser… have you ever changed something in the production instead in your local app instance? Ever messed up badly?

This convenient Google Chrome extension enables you to register an unlimited number of web applications you’re developing and define different instances with URLs for each one. You can register three different types of web app instances:

  • Local – most developers use something like “localhost/path-to-app” or define their own paths and create virtual hosts, e.g. “the-app.development.com”
  • Staging – although most web app development processes support deploying directly to a production server, a lot of them define a staging server that is used for testing and showcasing development changes
  • Production – this is the live application

Once you registered your apps you will see a recognizable letter icon in the URL bar matching the instance type of the page you are currently browsing (L icon for local, S for staging and P for production). You will be able to click on it to see details about the specific app. You are developing on different machines? No problem, your data is synced between browsers when you sign to Chrome with your Google account!

How to use?

It’s very simple. Just visit the extension’s options page and click on the “Edit” button in the right corner. Configure your web apps and add as many instances you want:

screenshot_1

Click on the “Save” button in the top right corner to save your configuration and take a look at your app:

screenshot_2

Visit your web app URL and you will notice the instance icon in the URL bar:

screenshot_3

Click on the instance icon to view web app and instance information:

screenshot_4

There’s a link to options in the information box so you can quickly access your settings.

What about permissions?

  • Tabs – The extension requires access to your tabs to check if you are viewing one of your registered web applications and to provide the icon with information in the URL bar for that particular tab.
  • Storage – Local browser storage is used to store information about web apps and instances you’re using. The data is synced across browsers if you are signed in with your Google account.

Where can I get it?

You can visit the extension page on the Chrome Web Store. You can report any issues and/or suggestions there. Enjoy!

Share on TumblrTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInShare on RedditPin on PinterestShare on VK

2 thoughts on “App Instance Tags

  1. Great idea. I’ll never forget how I went to the authorities to create a new ID and the app they used had a huge banner “This is production! Do NOT mess around!”

  2. Thanks. Let me share something of mine… So, here I am, working on an enterprise CRM and notice a button that I am not sure I understand. It’s just not supposed to be there. And when I asked the client about it, they said: “Oh, the previous developer told us to NEVER CLICK THAT BUTTON because IT WOULD MESS UP THE ENTIRE SYSTEM”. My face changed at least 5 colors 🙂

    Anyways, there’s a solution for everything, I hope I contributed somewhere with one of my own.

Leave a Reply

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