OLD | NEW |
1 <h1 id="lab_10_publishing">Lab 10 - Publishing</h1> | 1 <h1 id="lab_10_publishing">Lab 10 - Publishing</h1> |
2 | 2 |
3 <p>An app without users is just a piece of code. To get users, you need to distr
ibute your application. | 3 <p>An app without users is just a piece of code. To get users, you need to distr
ibute your application. |
4 All Chrome applications are distributed through the <a href="https://chrome.goog
le.com/webstore">Chrome Web Store</a>. | 4 All Chrome applications are distributed through the <a href="https://chrome.goog
le.com/webstore">Chrome Web Store</a>. |
5 For those not familiar with the store, it provides several benefits to users and
developers.</p> | 5 For those not familiar with the store, it provides several benefits to users and
developers.</p> |
6 | 6 |
7 <p>For users:</p> | 7 <p>For users:</p> |
8 | 8 |
9 <ul> | 9 <ul> |
10 <li> Added security: all apps and extensions are checked for Malware signals.</l
i> | 10 <li> Added security: all apps and extensions are checked for Malware signals.</l
i> |
(...skipping 11 matching lines...) Expand all Loading... |
22 </ul> | 22 </ul> |
23 | 23 |
24 <p>The Chrome Web Store has a special <a href="https://chrome.google.com/webstor
e/developer/dashboard">dashboard for Developers</a> that lets you upload new app
lications and update existing ones.</p> | 24 <p>The Chrome Web Store has a special <a href="https://chrome.google.com/webstor
e/developer/dashboard">dashboard for Developers</a> that lets you upload new app
lications and update existing ones.</p> |
25 | 25 |
26 <p>The process of uploading apps is simple:</p> | 26 <p>The process of uploading apps is simple:</p> |
27 | 27 |
28 <ol> | 28 <ol> |
29 <li> Compress your applications root directory (the folder containing the 'm
anifest.json' file).</li> | 29 <li> Compress your applications root directory (the folder containing the 'm
anifest.json' file).</li> |
30 <li> Visit the <a href="https://chrome.google.com/webstore/developer/dashboard">
dashboard</a> and click "Upload new application".</li> | 30 <li> Visit the <a href="https://chrome.google.com/webstore/developer/dashboard">
dashboard</a> and click "Upload new application".</li> |
31 <li> Find the file in your system. | 31 <li> Find the file in your system. |
32 <img src="/static/images/codelab/upload.jpg" alt="Developer Dashboard Upload"> | 32 <img src="{{static}}/images/codelab/upload.jpg" alt="Developer Dashboard Upload"
> |
33 <img src="/static/images/codelab/findfile.jpg" alt="Developer Dashboard Find"></
li> | 33 <img src="{{static}}/images/codelab/findfile.jpg" alt="Developer Dashboard Find"
></li> |
34 <li> Upload.</li> | 34 <li> Upload.</li> |
35 </ol> | 35 </ol> |
36 | 36 |
37 <p class="note"><b>Note:</b> To walkthrough the publishing process, you can use
any of the sample apps in this code lab. | 37 <p class="note"><b>Note:</b> To walkthrough the publishing process, you can use
any of the sample apps in this code lab. |
38 Just make sure it contains the <code>manifest.json</code>.</p> | 38 Just make sure it contains the <code>manifest.json</code>.</p> |
39 | 39 |
40 <p>You should see a screen that looks like this:</p> | 40 <p>You should see a screen that looks like this:</p> |
41 | 41 |
42 <p><img src="/static/images/codelab/md.jpg" alt="Developer Dashboard Edit"></p> | 42 <p><img src="{{static}}/images/codelab/md.jpg" alt="Developer Dashboard Edit"></
p> |
43 | 43 |
44 <p>Done.... Well not quite, nearly.</p> | 44 <p>Done.... Well not quite, nearly.</p> |
45 | 45 |
46 <p>Now you need to upload the assets and extra meta information about your appli
cation before you can publish it to the world. These include:</p> | 46 <p>Now you need to upload the assets and extra meta information about your appli
cation before you can publish it to the world. These include:</p> |
47 | 47 |
48 <ul> | 48 <ul> |
49 <li> The icon to display in the store</li> | 49 <li> The icon to display in the store</li> |
50 <li> The detailed description of your application; this will entice users to dow
nload your app</li> | 50 <li> The detailed description of your application; this will entice users to dow
nload your app</li> |
51 <li> A screen-shot or video of your app (show the user what your app looks like)
</li> | 51 <li> A screen-shot or video of your app (show the user what your app looks like)
</li> |
52 <li> The primary category where your app is listed</li> | 52 <li> The primary category where your app is listed</li> |
53 <li> A small tile icon that will be displayed on the Chrome Web Store wall</li> | 53 <li> A small tile icon that will be displayed on the Chrome Web Store wall</li> |
54 </ul> | 54 </ul> |
55 | 55 |
56 <p>There are many other fields, but the above items are mandatory.</p> | 56 <p>There are many other fields, but the above items are mandatory.</p> |
57 | 57 |
58 <p>If you are happy with everything, you can now publish your application to the
public. If you are not quite ready, you can save the draft for later, or you ca
n publish it to a group of testers.</p> | 58 <p>If you are happy with everything, you can now publish your application to the
public. If you are not quite ready, you can save the draft for later, or you ca
n publish it to a group of testers.</p> |
59 | 59 |
60 <p><img src="/static/images/codelab/publish.jpg" alt="Developer Dashboard Publis
h"></p> | 60 <p><img src="{{static}}/images/codelab/publish.jpg" alt="Developer Dashboard Pub
lish"></p> |
61 | 61 |
62 <p>Hint: if anyone wants to create a tool that lets users quickly create all the
required assets, developers would sincerely appreciate.</p> | 62 <p>Hint: if anyone wants to create a tool that lets users quickly create all the
required assets, developers would sincerely appreciate.</p> |
OLD | NEW |