How to Create Your First Chrome Webapp

blog_chrome

Chrome’s Web Store has been live for several months now, and a flurry of great apps have launched. Some of my personal favorites are Grooveshark, Springpad, and Read Later Fast. Not to mention, Angry Birds is now a webapp!

Anyhow, if you have aspirations to create your own webapp, here’s a very basic “Hello World” style app to get you started, courtesy of the folks at Lifehacker.

This very basic web app will be a shortcut to any website. First, create a new folder on your desktop, and give it a name. Next, open up a text editor and paste in the code below:

{
"name": "LonePlacebo",
"description": "A bookmark to the one and only, LonePlacebo",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://loneplacebo.com"
],
"launch": {
"web_url": "http://loneplacebo.com"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

Here, you can edit the sections such as the name, description, and url. I’ve used this blog as an example. Once you’re done, save the file and call it “manifest.json” and store it in the folder you created earlier. Next, create any 128X128 px image, naming it 128.png and save that in your folder.

Lastly, head over to your Extensions page at chrome://extensions. Click the Developer Mode link on the top right corner to reveal three buttons. Select “Load unpacked extension…” and navigate to your folder where you’ve stored your web app then hit ok.

Open up a new tab, and BAM! You’ve just created your first Google Chrome web app! Congratulations.

  • http://40Tech.com Evan Kline

    This is some geekery I could get into it. I may try this just so I can say that I did it!

    Cool new theme, by the way.

    • http://tonyhue.com/ Tony Hue

      Thanks, Evan. I use the Arras Theme, a free magazine theme. It packs a ton of great features like theme options panels, tabbed widgets(which I haven’t set up yet), and the featured posts slider.

      I hate to brag, but since switching to this theme, bounce rate has decline 40%! Pageviews per visit are up 38%! Remarkable. Plus, did I mention that the theme is free?