Merge Chromium + Blink git repositories

[chromium-blink-merge.git] / chrome / common / extensions / docs / templates / articles / app_codelab_publish.html

<h1>
  <span class="h1-step">Step 7:</span>
  Publish Your App
</h1>

<p class="note">
  <strong>Want to start fresh from here?</strong>
  Find the previous step's code in the <a href="https://github.com/mangini/io13-codelab/archive/master.zip">reference code zip</a> under <strong><em>cheat_code > solution_for_step6</strong></em>.
</p>

<p>In this step, you will learn:</p>

<ul>
  <li>How to publish a Chrome App to the Chrome Web Store.</li>
</ul>

<p>
  <em>Estimated time to complete this step: 10 minutes.</em>
  <br>
  To preview what you will complete in this step, <a href="#view-in-webstore">jump down to the bottom of this page &#8595;</a>.
</p>

<h2 id="about-web-store">Learn about Chrome Web Store benefits</h2>

<p>For those not familiar with the store, it provides several benefits to users and developers.</p>

<p>For users:</p>

<ul>
  <li>Added security &mdash; all apps and extensions are checked for Malware signals.</li>
  <li>All apps are maintained with the latest version the developer has published.</li>
  <li>Ratings and reviews provide a great way to see the quality of applications.</li>
</ul>

<p>For developers:</p>

<ul>
  <li>You can upload your app once and know that it will be distributed to all users.</li>
  <li>Payments and subscriptions are built in.</li>
  <li>Your app is more discoverable to users.</li>
  <li>Tools to help you manage bugs and reviews from users.</li>
</ul>

<h2 id="developer-dashboard">Upload your app via the Developer Dashboard</h2>

<p>The Chrome Web Store has a special dashboard for developers that lets you upload new applications and update existing ones.</p>

<p>The process of uploading apps is simple:</p>

<ol>
  <li>Compress your application's root directory (the folder containing the <em>manifest.json</em> file) into a .zip file.</li>
  <li>Go to the <a href="https://chrome.google.com/webstore/developer/dashboard">Chrome Web Store Developer Dashboard</a> and log in with a developer-verified Google Account. (If you don't have a verified account, you can <a href="https://chrome.google.com/webstore/developer/about_signup">sign up</a> for a nominal fee.)</li>
  <li>Click <strong>Add new item</strong>.</li>
  <li>Accept the terms and services agreement to continue.</li>
  <li>Use the <strong>choose file</strong> dialog box to find the .zip file in your system. Select that file to upload.</li>
</ol>

<figure>
  <img src="{{static}}/images/app_codelab/webstore-file-picker.jpg" alt="Choose a zip to upload"/>
</figure>

<p>You are nearly done. If you are not quite ready for the next step, you can save the draft for later, or you can publish it to a group of testers.</p>

<figure>
  <img src="{{static}}/images/app_codelab/webstore-draft.png" alt="Save a draft"/>
</figure>

<h2 id="promotional-metadata">Add promotional materials</h2>

<p>Before you can publicly publish your app, you need to add promotional assets and extra meta information about your application.You should see a screen that looks like this:</p>

<figure>
  <img src="{{static}}/images/app_codelab/webstore-promotional.png" alt="Add meta information for your app"/>
</figure>

<p>The below fields are mandatory:</p>

<ul>
  <li>A <strong>detailed description</strong> of your application. Write your description to entice users to download your app.</li>
  <li>A 128x128 <strong>icon</strong> to display in the store. You may re-use your app icon here.</li>
  <li>At least one 1280x800 or 640x400 <strong>screenshot</strong> or YouTube <strong>video</strong> to show off what your app does.</li>
  <li>A 440x280 <strong>small tile icon</strong> that will be displayed on the Chrome Web Store wall.</li>
  <li>The <strong>primary category</strong> where your app should be listed.</li>
  <li>Your app's <strong>language</strong> to help users find it.</li>
</ul>

<p>Once you are happy with everything, you can now publish your application to the public.</p>

<figure>
  <img src="{{static}}/images/app_codelab/webstore-publish.png" alt="Publish your changes"/>
</figure>

<h2 id="view-in-webstore">View your app in the Chrome Web Store</h2>

<p>You are done Step 7! You should have a link to your public Chrome App that you can share with the world.</p>

<figure>
  <img src="{{static}}/images/app_codelab/step7-completed.png" alt="The Todo app in the Chrome Web Store"/>
</figure>

<p>Congratulations on completing this Chrome Apps codelab!</p>

<!-- <p>Ready to continue onto the next step? Go to <a href="app_codelab_mobile.html">Step 8 - Package your app for mobile &raquo;</a></p> -->