Wednesday, September 12, 2012

A simple chrome web app

To create a chrome web app follow the below steps:

1. Create a new folder.

2. Have an icon from and save the icon (PNG format one in the above folder).

3. Create a new text file and copy paste the below (the below sample creates a chrome web app to launch this blog):

"name": "Watsh's Blog",
"version": "1.0",
"manifest_version": 2,
"description": "Launcher for Watsh Rajneesh's blog",
"icons": { "128": "gnome_blog.png" },
"app": {
"urls": [
"launch": {
"web_url": ""

The highlighted parts above can be changed to create your own chrome web app.

4. Save the above file with the name “manifest.json” in the same folder we created above. The complete manifest file info is found here.

5. Now to install it in chrome browser, select the settings icon “wrench” on the top right hand corner of your chrome browser and select Tools > Settings > Extensions and check the “Develolper mode” check box. Then click on the “Load unpacked extension” and select the folder we created above which contains the icon and the manifest files.

6. That’s it. Your web app is installed and available in chrome.

The above tutorial is based on this nice tutorial. The only change I have done above is to port the manifest.json to comply with manifest file version 2.

No comments:

Book notes: Designing Data-Intensive Applications: The Big Ideas Behind Reliable, Scalable, and Maintainable Systems, by Martin Kleppmann

My notes from the excellent book on how software has evolved to handle data from hierarchical databases to the NoSQL -  https://www.goodrea...