{"id":440,"date":"2024-02-18T05:05:29","date_gmt":"2024-02-18T05:05:29","guid":{"rendered":"http:\/\/www.phpgang.com\/?p=440---0725f3a2-a978-4765-85b2-bb8dc1d473e7"},"modified":"2024-02-18T05:05:29","modified_gmt":"2024-02-18T05:05:29","slug":"how-to-create-google-chrome-app-using-json","status":"publish","type":"post","link":"https:\/\/www.phpgang.com\/how-to-create-google-chrome-app-using-json_440.html","title":{"rendered":"How to create Google Chrome App using JSON"},"content":{"rendered":"

Google<\/a> Chrome<\/a> is no 1\u00a0browser in the world and today I am going to show you how to create Google chrome app using JSON<\/a> 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<\/strong> or word pad<\/strong> and Google chrome browser<\/strong>.<\/p>\n

\"google-chrome-app-using-json\"<\/p>\n

[wpdm_file id=57]DEMO<\/a><\/div>\n

First of all you have to create “manifest.json<\/em>” file and put blow code in it.<\/p>\n

JSON Code:<\/strong><\/p>\n

{\r\n   \/\/ Your App name\r\n  \"name\": \"PHPGang\",\r\n   \/\/ Your app description (132 characters or less, no HTML)\r\n  \"description\": \"PHPGang Programming Blog, Tutorials, jQuery, Ajax, PHP, MySQL and Demos.\",\r\n   \/\/ Your application version\r\n  \"version\": \"0.0.0.1\",\r\n   \/\/ Remain Same\r\n  \"manifest_version\": 2,\r\n   \/\/128 X 128 Pixel icon\r\n  \"icons\": {\r\n    \"128\": \"phpgang_icon.png\"\r\n  },\r\n  \"app\": {\r\n    \"urls\": [\r\n      \"https:\/\/www.phpgang.com\/\"\r\n    ],\r\n    \/\/URL of your website. This URL will open once the user click on the icon\r\n    \"launch\": {\r\n      \"web_url\": \"https:\/\/www.phpgang.com?ref=cws\"\r\n    }\r\n  }\r\n}<\/pre>\n
 <\/p>\n
Remove comments from above json file before uploading on chrome store. Comments given only for code explanation.<\/p>\n
It require 1 icon file 128×128<\/em> pixel to show on launch website.<\/p>\n
Once you create file and icon put both files in a folder and Click \u00a0\"\"\u00a0 and Tools<\/strong>->Extensions<\/strong> and enable\u00a0Developer mode<\/strong><\/p>\n
 <\/p>\n
\"Enable<\/p>\n
 <\/p>\n
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.<\/p>\n
 <\/p>\n
\"Your<\/p>\n
 <\/p>\n
How to Upload that app on chrome store:<\/strong><\/p>\n
Go to Chrome web-store click here<\/a>\u00a0and follow the instructions to upload your application.<\/p>\n
 <\/p>\n
\"How<\/p>\n
 <\/p>\n
Hope you find this article helpful if you are facing any problem in execution or implementation please feel free to comment below.<\/p>\n
Facebook<\/a><\/blockquote><\/div><\/div>
Tutorial Categories:<\/strong>
\n        \"Apps\"<\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"
Google<\/a> Chrome<\/a> is no 1\u00a0browser in the world and today I am going to show you how to create Google chrome app using JSON<\/a> 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<\/strong> or word pad<\/strong> and Google chrome browser<\/strong>.<\/p>\n
\"google-chrome-app-using-json\"<\/p>\n","protected":false},"author":1,"featured_media":441,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"twitterCardType":"","cardImageID":0,"cardImage":"","cardTitle":"","cardDesc":"","cardImageAlt":"","cardPlayer":"","cardPlayerWidth":0,"cardPlayerHeight":0,"cardPlayerStream":"","cardPlayerCodec":"","footnotes":""},"categories":[267],"tags":[268,134,121,114],"_links":{"self":[{"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/posts\/440"}],"collection":[{"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":0,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/media\/441"}],"wp:attachment":[{"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpgang.com\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}