Hi friends, this post by Srinu chilukuri. In this article he will explain you how to create your own chrome app and upload to Google Chrome Web Store. We are creating this app using JSON data, and using Google chrome extension we can compress it to a extension pack. You need a notepad or any text editor and Google Chrome browser installed in your machine.
Create a new file in your project directory called “manifest.json” and add to it the following code.
Place your app icon inside the directory with the name icon.png. You can use png,gif and jpg files for icon. But I prefer png. Now you need to create a JSON object with the details for your Chrome App (Extension) like below.
//name - name of your application
//description - description of your application
"description": "PHP Tutorial Online with Demo and Example.",
//version - of you APP
//manifest version (No need to change)
//Image of your app. Image should be 128 X 128 px
//URL of your website/Blog etc..
//URL of your website/Blog etc..This URL will open once the user clik on the icon
Save the file and open your Google Chrome. From the options open Tools -> Extensions.
The new tab will open.
At the top you can find the menu called Load Unpacked Extension. In not, check the Developer Mode at the top right of the window. Now you can see Load Unpacked Extension button. Click and select the directory where you have saved the above JSON file and Image of your App. Now you can see your app installed in Chrome. Open a new window and check.
Now we can pack the extension using Chrome to send anybody or to upload in Chrome Store. Open Extension Manager (Tools -> Extensions) and click on Load Extension. Open the Extension root directory, click Pack Extension. You can find a file with your app name having .crx extension. You can upload this Packed Extension to Chrome Store or share on internet to make you app popular.
App Icon with 128X128 size
If you are interested in learning more about packaged apps I recommend that you check out the Packaged Apps documentation at