Sunday, November 27, 2016

Steps to Build a Chrome Plugin


Happy Building Chrome Extensions!


STEP-1: Create a folder "TrialChromePlugin"

STEP-2: The following files are needed to build a chrome plugin:
  • manifest.json
  • html page (if has a UI and a pop-up extension)
  • icon png/image file

STEP-3: If chrome plugin needs "javascript libraries"
  • Create a "js folder" inside the "TrialChromePlugin" folder
  • Store the javascript library files in the respective folder

STEP-4: Build the html page and the necessary javascript and store in the respective folders mentioned in Step-2 and Step-3.


STEP-5: Load Chrome extension in local browser
  • By selecting the above folder in: chrome://extensions->Load unpacked extension

STEP-6: Login to "https://chrome.google.com/webstore/developer/dashboard" pay a onetime fee of 5$. The developer dashboard helps to track the chrome plugin usage and # of downloads. You can also intergrate the plugin with Google Analytics.


STEP-7: Prepare the zip file by including key.pem file
  • Click on "Pack Extension" button on "Chrome://extensions" to generate key.pem file
  • Include key.pem file in the folder "TrialChromePlugin"
  • Then create a zip file of the "TrialChromePlugin folder". Learn more by visiting the site: https://developer.chrome.com/extensions/packaging

STEP-8: After you publish the plugin in chrome webstore if you need to update the chrome plugin what you need to?
  • Click on "Add New Item" on "https://chrome.google.com/webstore/developer/dashboard"
  • Follow the steps: 1) Upload an extension or app (.zip file) 2) Click on "Upload" button 3) Follow through the guided steps