OLD | NEW |
1 {{+bindTo:partials.standard_nacl_article}} | 1 {{+bindTo:partials.standard_nacl_article}} |
2 | 2 |
3 <section id="running"> | 3 <section id="running"> |
4 <span id="devcycle-running"></span><h1 id="running"><span id="devcycle-running">
</span>Running</h1> | 4 <span id="devcycle-running"></span><h1 id="running"><span id="devcycle-running">
</span>Running</h1> |
5 <div class="contents local" id="contents" style="display: none"> | 5 <div class="contents local" id="contents" style="display: none"> |
6 <ul class="small-gap"> | 6 <ul class="small-gap"> |
7 <li><a class="reference internal" href="#introduction" id="id5">Introduction</a>
</li> | 7 <li><a class="reference internal" href="#introduction" id="id5">Introduction</a>
</li> |
8 <li><a class="reference internal" href="#portable-native-client-pnacl-applicatio
ns" id="id6">Portable Native Client (PNaCl) applications</a></li> | 8 <li><a class="reference internal" href="#portable-native-client-pnacl-applicatio
ns" id="id6">Portable Native Client (PNaCl) applications</a></li> |
9 <li><a class="reference internal" href="#native-client-applications-and-the-chro
me-web-store" id="id7">Native Client applications and the Chrome Web Store</a></
li> | 9 <li><a class="reference internal" href="#native-client-applications-and-the-chro
me-web-store" id="id7">Native Client applications and the Chrome Web Store</a></
li> |
10 <li><p class="first"><a class="reference internal" href="#prerequisites" id="id8
">Prerequisites</a></p> | 10 <li><p class="first"><a class="reference internal" href="#prerequisites" id="id8
">Prerequisites</a></p> |
(...skipping 234 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
245 </pre> | 245 </pre> |
246 <p>You must put the <code>manifest.json</code> file in the same directory as you
r | 246 <p>You must put the <code>manifest.json</code> file in the same directory as you
r |
247 application’s main HTML page.</p> | 247 application’s main HTML page.</p> |
248 <p>If you don’t have icons for your application, you can use the following
icons as | 248 <p>If you don’t have icons for your application, you can use the following
icons as |
249 placeholders:</p> | 249 placeholders:</p> |
250 <p><img alt="ICON16" src="/native-client/images/icon16.png" /></p> | 250 <p><img alt="ICON16" src="/native-client/images/icon16.png" /></p> |
251 <p><img alt="ICON128" src="/native-client/images/icon128.png" /></p> | 251 <p><img alt="ICON128" src="/native-client/images/icon128.png" /></p> |
252 <p>Put the icons in the same directory as the CWS manifest file. For more | 252 <p>Put the icons in the same directory as the CWS manifest file. For more |
253 information about CWS manifest files and application icons, see:</p> | 253 information about CWS manifest files and application icons, see:</p> |
254 <ul class="small-gap"> | 254 <ul class="small-gap"> |
255 <li><a class="reference external" href="https://developers.google.com/chrome/web
-store/docs/get_started_simple">Chrome Web Store Tutorial: Getting Started</a></
li> | 255 <li><a class="reference external" href="/webstore/get_started_simple">Chrome Web
Store Tutorial: Getting Started</a></li> |
256 <li><a class="reference external" href="http://code.google.com/chrome/extensions
/manifest.html">Chrome Web Store Formats: Manifest Files</a></li> | 256 <li><a class="reference external" href="/extensions/manifest">Chrome Web Store F
ormats: Manifest Files</a></li> |
257 </ul> | 257 </ul> |
258 </section></section></section><section id="technique-1-local-server"> | 258 </section></section></section><section id="technique-1-local-server"> |
259 <h2 id="technique-1-local-server">Technique 1: Local server</h2> | 259 <h2 id="technique-1-local-server">Technique 1: Local server</h2> |
260 <p>To run your application from a local server:</p> | 260 <p>To run your application from a local server:</p> |
261 <ul class="small-gap"> | 261 <ul class="small-gap"> |
262 <li>Enable the <a class="reference internal" href="#flag"><em>Native Client flag
</em></a> in Chrome.</li> | 262 <li>Enable the <a class="reference internal" href="#flag"><em>Native Client flag
</em></a> in Chrome.</li> |
263 <li>Start a <a class="reference internal" href="#web-server"><em>local web serve
r</em></a>.</li> | 263 <li>Start a <a class="reference internal" href="#web-server"><em>local web serve
r</em></a>.</li> |
264 <li>Put your application under the examples directory in the SDK bundle you are | 264 <li>Put your application under the examples directory in the SDK bundle you are |
265 using (e.g., in the directory <code>pepper_31/examples/my_app</code>).</li> | 265 using (e.g., in the directory <code>pepper_31/examples/my_app</code>).</li> |
266 <li>Access your application on the local server by typing the location of its | 266 <li>Access your application on the local server by typing the location of its |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
299 </ul> | 299 </ul> |
300 </li> | 300 </li> |
301 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the | 301 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the |
302 page to show your installed apps: | 302 page to show your installed apps: |
303 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> | 303 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> |
304 <li>The icon for your newly installed app should appear on the New Tab page. | 304 <li>The icon for your newly installed app should appear on the New Tab page. |
305 Click the icon to launch the app.</li> | 305 Click the icon to launch the app.</li> |
306 </ol> | 306 </ol> |
307 <p>For additional information about how to create CWS metadata and load your | 307 <p>For additional information about how to create CWS metadata and load your |
308 application into Chrome (including troubleshooting information), see the | 308 application into Chrome (including troubleshooting information), see the |
309 <a class="reference external" href="https://developers.google.com/chrome/web-sto
re/docs/get_started_simple">Chrome Web Store Tutorial: Getting Started</a>.</p> | 309 <a class="reference external" href="/webstore/get_started_simple">Chrome Web Sto
re Tutorial: Getting Started</a>.</p> |
310 <p>See also <a class="reference internal" href="/native-client/sdk/examples.html
#run-sdk-examples-as-packaged"><em>Run the SDK examples as packaged apps</em></a
>.</p> | 310 <p>See also <a class="reference internal" href="/native-client/sdk/examples.html
#run-sdk-examples-as-packaged"><em>Run the SDK examples as packaged apps</em></a
>.</p> |
311 </section><section id="technique-3-hosted-application-loaded-as-an-unpacked-exte
nsion"> | 311 </section><section id="technique-3-hosted-application-loaded-as-an-unpacked-exte
nsion"> |
312 <h2 id="technique-3-hosted-application-loaded-as-an-unpacked-extension">Techniqu
e 3: Hosted application loaded as an unpacked extension</h2> | 312 <h2 id="technique-3-hosted-application-loaded-as-an-unpacked-extension">Techniqu
e 3: Hosted application loaded as an unpacked extension</h2> |
313 <p>For development purposes, Chrome lets you load a hosted application as an | 313 <p>For development purposes, Chrome lets you load a hosted application as an |
314 unpacked extension. To load and run your hosted application as an unpacked | 314 unpacked extension. To load and run your hosted application as an unpacked |
315 extension:</p> | 315 extension:</p> |
316 <ol class="arabic simple"> | 316 <ol class="arabic simple"> |
317 <li>Start a web server to serve your application.<ul class="small-gap"> | 317 <li>Start a web server to serve your application.<ul class="small-gap"> |
318 <li>You can use the <a class="reference internal" href="#web-server"><em>local w
eb server</em></a> included with the | 318 <li>You can use the <a class="reference internal" href="#web-server"><em>local w
eb server</em></a> included with the |
319 Native Client SDK if you want.</li> | 319 Native Client SDK if you want.</li> |
(...skipping 29 matching lines...) Expand all Loading... |
349 </ul> | 349 </ul> |
350 </li> | 350 </li> |
351 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the | 351 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the |
352 page to show your installed apps: | 352 page to show your installed apps: |
353 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> | 353 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> |
354 <li>The icon for your newly installed app should appear on the New Tab page. | 354 <li>The icon for your newly installed app should appear on the New Tab page. |
355 Click the icon to launch the app.</li> | 355 Click the icon to launch the app.</li> |
356 </ol> | 356 </ol> |
357 <p>For additional information about how to create CWS metadata and load your | 357 <p>For additional information about how to create CWS metadata and load your |
358 application into Chrome (including troubleshooting information), see the | 358 application into Chrome (including troubleshooting information), see the |
359 <a class="reference external" href="https://developers.google.com/chrome/web-sto
re/docs/get_started_simple">Chrome Web Store Tutorial: Getting Started</a>.</p> | 359 <a class="reference external" href="/webstore/get_started_simple">Chrome Web Sto
re Tutorial: Getting Started</a>.</p> |
360 </section><section id="technique-4-chrome-web-store-application-with-trusted-tes
ters"> | 360 </section><section id="technique-4-chrome-web-store-application-with-trusted-tes
ters"> |
361 <h2 id="technique-4-chrome-web-store-application-with-trusted-testers">Technique
4: Chrome Web Store application with trusted testers</h2> | 361 <h2 id="technique-4-chrome-web-store-application-with-trusted-testers">Technique
4: Chrome Web Store application with trusted testers</h2> |
362 <p>When you’re ready to test your application more broadly, you can upload
the | 362 <p>When you’re ready to test your application more broadly, you can upload
the |
363 application to the Chrome Web Store and let some trusted testers run it. Here | 363 application to the Chrome Web Store and let some trusted testers run it. Here |
364 is how to do so:</p> | 364 is how to do so:</p> |
365 <ol class="arabic simple"> | 365 <ol class="arabic simple"> |
366 <li>Create the Chrome Web Store metadata required to publish your application:<u
l class="small-gap"> | 366 <li>Create the Chrome Web Store metadata required to publish your application:<u
l class="small-gap"> |
367 <li>First, create a Chrome Web Store manifest file and one or more icons for | 367 <li>First, create a Chrome Web Store manifest file and one or more icons for |
368 your application, as described above under <a class="reference internal" href="#
metadata"><em>Chrome Web Store metadata</em></a>. Note that packaged application
s must have at least two icons | 368 your application, as described above under <a class="reference internal" href="#
metadata"><em>Chrome Web Store metadata</em></a>. Note that packaged application
s must have at least two icons |
369 (a 16x16 icon and a 128x128 icon).</li> | 369 (a 16x16 icon and a 128x128 icon).</li> |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
427 <li>When you publish an application to test accounts, the application’s CW
S | 427 <li>When you publish an application to test accounts, the application’s CW
S |
428 listing is visible only to you and to people who are logged into those | 428 listing is visible only to you and to people who are logged into those |
429 accounts. Your application won’t appear in search results, so you need to | 429 accounts. Your application won’t appear in search results, so you need to |
430 give testers a direct link to your application’s CWS listing. Users won
217;t | 430 give testers a direct link to your application’s CWS listing. Users won
217;t |
431 be able to find the application by searching in the CWS.</li> | 431 be able to find the application by searching in the CWS.</li> |
432 </ul> | 432 </ul> |
433 </li> | 433 </li> |
434 </ol> | 434 </ol> |
435 <p>To publish an application to the world after publishing it to test accounts, | 435 <p>To publish an application to the world after publishing it to test accounts, |
436 you must first unpublish the application. For additional information see | 436 you must first unpublish the application. For additional information see |
437 <a class="reference external" href="https://developers.google.com/chrome/web-sto
re/docs/publish">Publishing Your App</a>, and in | 437 <a class="reference external" href="/webstore/docs/publish">Publishing Your App<
/a>, and in particular <a class="reference external" href="/webstore/publish#tes
taccounts">Publishing |
438 particular <a class="reference external" href="https://developers.google.com/chr
ome/web-store/docs/publish#testaccounts">Publishing to test accounts</a>.</p> | 438 to test accounts</a>.</p> |
439 </section></section> | 439 </section></section> |
440 | 440 |
441 {{/partials.standard_nacl_article}} | 441 {{/partials.standard_nacl_article}} |
OLD | NEW |