Chrome Extension Channel Example

background.js

var process = new BackgroundProcess();

process.requetChannelConfig(chrome.runtime.getURL("channel.json"));

channel.json

{
  "channel": "dev"
}

Gruntfile.js

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    manifest: grunt.file.readJSON('src/manifest.json'),

    zip: {
      extension: {
        cwd: 'src/',
        src: [
          'src/**/*',
          '!src/channel.json'
        ],
        dest: "dist/<%= pkg.name %>-<%= manifest.version %>.zip",
        dot: false
      }
    }
  });

  grunt.loadNpmTasks('grunt-zip');

  grunt.registerTask('default', ['zip']);
};

manifest.json

{
  "name": "Channel Extension",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "Sample example of a Chrome Extension channel implementation",
  "background": {
    "scripts": [
      "process.js",
      "background.js"
    ],
    "persistent": true
  }
}

process.js

function BackgroundProcess(){
  this.channel = "production";
}

BackgroundProcess.prototype.requetChannelConfig = function requetChannelConfig(url){
  var xhr = new XMLHttpRequest();

  xhr.open("GET", url);
  xhr.addEventListener("load", this.channelResponseHandler.bind(this));
  xhr.send();
};

BackgroundProcess.prototype.channelResponseHandler = function channelResponseHandler(progressEvent){
  var channelConfig = JSON.parse(progressEvent.target.responseText);

  this.channel = channelConfig.channel;
  
  if (typeof this[this.channel+'Setup'] === "function"){
    this[this.channel+'Setup'](channelConfig);
  }
};

BackgroundProcess.prototype.devSetup = function devSetup(config){
  chrome.browserAction.setIcon({
    "path": chrome.extension.getURL("src/resources/icon-dev.png")
  });
};