OLD | NEW |
(Empty) | |
| 1 <h1 id="lab_10_publishing">Lab 10 - Publishing</h1> |
| 2 |
| 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>. |
| 5 For those not familiar with the store, it provides several benefits to users and
developers.</p> |
| 6 |
| 7 <p>For users:</p> |
| 8 |
| 9 <ul> |
| 10 <li> Added security: all apps and extensions are checked for Malware signals.</l
i> |
| 11 <li> All apps are maintained with the latest version the developer has published
.</li> |
| 12 <li> Ratings and reviews provide a great way to see the quality of applications.
</li> |
| 13 </ul> |
| 14 |
| 15 <p>For developers:</p> |
| 16 |
| 17 <ul> |
| 18 <li> You can upload your app once and know that it will be distributed to all us
ers.</li> |
| 19 <li> Payments and subscriptions are built in.</li> |
| 20 <li> Your app is more discoverable to users.</li> |
| 21 <li> Tools help you manage bugs and reviews from users.</li> |
| 22 </ul> |
| 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> |
| 25 |
| 26 <p>The process of uploading apps is simple:</p> |
| 27 |
| 28 <ol> |
| 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> |
| 31 <li> Find the file in your system. |
| 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> |
| 34 <li> Upload.</li> |
| 35 </ol> |
| 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. |
| 38 Just make sure it contains the <code>manifest.json</code>.</p> |
| 39 |
| 40 <p>You should see a screen that looks like this:</p> |
| 41 |
| 42 <p><img src="/static/images/codelab/md.jpg" alt="Developer Dashboard Edit"></p> |
| 43 |
| 44 <p>Done.... Well not quite, nearly.</p> |
| 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> |
| 47 |
| 48 <ul> |
| 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> |
| 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> |
| 53 <li> A small tile icon that will be displayed on the Chrome Web Store wall</li> |
| 54 </ul> |
| 55 |
| 56 <p>There are many other fields, but the above items are mandatory.</p> |
| 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> |
| 59 |
| 60 <p><img src="/static/images/codelab/publish.jpg" alt="Developer Dashboard Publis
h"></p> |
| 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> |
OLD | NEW |