February 18, 2024 5:05 am

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

[wpdm_file id=57]DEMO

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

JSON Code:

{
   // Your App name
  "name": "PHPGang",
   // Your app description (132 characters or less, no HTML)
  "description": "PHPGang Programming Blog, Tutorials, jQuery, Ajax, PHP, MySQL and Demos.",
   // Your application version
  "version": "0.0.0.1",
   // Remain Same
  "manifest_version": 2,
   //128 X 128 Pixel icon
  "icons": {
    "128": "phpgang_icon.png"
  },
  "app": {
    "urls": [
      "https://www.phpgang.com/"
    ],
    //URL of your website. This URL will open once the user click on the icon
    "launch": {
      "web_url": "https://www.phpgang.com?ref=cws"
    }
  }
}

 

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:

11 responses to “How to create Google Chrome App using JSON”

  1. siddhu says:

    asking to pay money

  2. Maddyzone says:

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

  3. Waseem says:

    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 says:

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

      • waseem says:

        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 🙂

  4. Love Sharma says:

    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

  5. s.shivasurya says:

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

Leave a Reply

Your email address will not be published. Required fields are marked *