Monday, August 16, 2010

Creating Google Reader Web Apps with Google Chrome for Fun

I tried some fun stuffs on Google Chrome Web Apps today. I've created a web apps for Google Reader in Google Chrome.

Please refer to the document here for the detail steps. Before you begin, here's the pre-requisite:

  • Must be on Dev channel already. I'm using 6.0.490.1 dev.
  • Successful install the 3 sample web apps from Google.

Now, make an empty folder to store all your files there.
  • Download Google Reader icons files (all: 32,48, 64, 128) from here and put in the the folder.
  • Create a blank text file called "manifest.json", and paste the following into it.
{
  "name": "Google Reader",
  "description": "Read your rss",
  "version": "1",
  "app": {
    "urls": [
      "*://www.google.com/reader/view/",
      "*://www.google.com/reader/"
    ],
    "browse_urls": [
      "https://www.google.com/accounts/"
    ],
    "launch": {
      "web_url": "http://www.google.com/reader/"
    }
  },
  "icons": {
    "32": "32.png",
    "48": "48.png",
    "64": "64.png",
    "128": "128.png"
  },
  "permissions": [
    "unlimited_storage",
    "notifications"
  ]
}
  • Goto chrome extension page to load unpacked extension (like how you load the 2 samples).

Congratulation, you just create your first web apps! Here is the screenshot on my laptop (press ctrl-T).