January 7, 2014 12:52 pm

How to create Google Chrome App using JSON

Google Chrome is no 1 browser in the world and today I am going to show you how to create Google chrome app using JSON an upload chrome store. I am creating this app using JSON and its very easy to create you can create it in minutes. To create chrome app you need a text editor like notepad or word pad and Google chrome browser.

google-chrome-app-using-json

First of all you have to create “manifest.json” file and put blow code in it.

JSON Code:

 

Remove comments from above json file before uploading on chrome store. Comments given only for code explanation.

It require 1 icon file 128×128 pixel to show on launch website.

Once you create file and icon put both files in a folder and Click    and Tools->Extensions and enable Developer mode

 

Enable Developer mode

 

Click on load unpacked extension button and select your folder in which your extension files exists and it will add extension in your extensions list now you can test it and make changes you want to.

 

Your Application in Extensions look like this

 

How to Upload that app on chrome store:

Go to Chrome web-store click here and follow the instructions to upload your application.

 

How to Upload that app on chrome store

 

Hope you find this article helpful if you are facing any problem in execution or implementation please feel free to comment below.

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.


Tutorial Categories:
  • siddhu

    asking to pay money

    • huzoorbux

      Money for what?

    • Waseem

      Siddu Google ask for developer registration if you don’t pay leave it because it allow you to upload 20 Application without developer registration.

      • To publish apps, you have to pay one time 5$

  • please remove comments when you will upload on chrome store some times it gives error

  • Waseem

    Dear Expert
    I have make this application, when i load extension it successfully load but when i try to upload it on Google Web store then it give me this error “An error occurred: Failed to process your item.

    manifest.json:23:1: a object must end with ‘}’.”

    Tell me how i solve this error

    • huzoorbux

      Before uploading remove comments from your manifest.json file and zip that file and upload again.

      • waseem

        Yes dear its working now thanks alot, today i make my first application on Google chrome, we encourage you to post tutorial on how to create easy applications on Facebook and twitter because many people doing this business. Thanks again 🙂

        • Love Sharma

          hello wassem how can upload app in google chrome please tell me

  • Love Sharma

    Dear Expert
    I have make this
    application, when i load extension it successfully load

    Before you publish your first item, you must pay a one-time US$5.00 developer registration fee. We charge this fee in order to verify developer accounts and better protect users against fraudulent activity.

    Once you have paid the registration fee, you can publish any number of items. You do not need to pay the registration fee again.

    We use Google Checkout to process the US$5.00 payment. We’ll ask you to provide your billing information if you haven’t used Google Checkout before

    Tell me how i solve this error

  • nice post! sir pls post abt chrome extensions! also! with offline apps!