| OLD | NEW |
| 1 {{+bindTo:partials.standard_nacl_api}} | 1 {{+bindTo:partials.standard_nacl_api}} |
| 2 | 2 |
| 3 <section id="running"> | 3 <section id="running"> |
| 4 <h1 id="running">Running</h1> | 4 <h1 id="running">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> |
| 11 <ul class="small-gap"> | 11 <ul class="small-gap"> |
| 12 <li><a class="reference internal" href="#browser-and-pepper-versions" id="id9">B
rowser and Pepper versions</a></li> | 12 <li><a class="reference internal" href="#browser-and-pepper-versions" id="id9">B
rowser and Pepper versions</a></li> |
| 13 <li><a class="reference internal" href="#chrome-cache" id="id10">Chrome Cache</a
></li> | 13 <li><a class="reference internal" href="#chrome-cache" id="id10">Chrome Cache</a
></li> |
| 14 </ul> | 14 </ul> |
| 15 </li> | 15 </li> |
| 16 <li><p class="first"><a class="reference internal" href="#requirements" id="id11
">Requirements</a></p> | 16 <li><p class="first"><a class="reference internal" href="#requirements" id="id11
">Requirements</a></p> |
| 17 <ul class="small-gap"> | 17 <ul class="small-gap"> |
| 18 <li><a class="reference internal" href="#native-client-flag" id="id12">Native Cl
ient flag</a></li> | 18 <li><a class="reference internal" href="#native-client-flag" id="id12">Native Cl
ient flag</a></li> |
| 19 <li><a class="reference internal" href="#web-server" id="id13">Web server</a></l
i> | 19 <li><a class="reference internal" href="#web-server" id="id13">Web server</a></l
i> |
| 20 </ul> | 20 </ul> |
| 21 </li> | 21 </li> |
| 22 <li><a class="reference internal" href="#technique-1-local-server" id="id14">Tec
hnique 1: Local server</a></li> | 22 <li><a class="reference internal" href="#technique-1-local-server" id="id14">Tec
hnique 1: Local server</a></li> |
| 23 <li><a class="reference internal" href="#technique-2-packaged-application-loaded
-as-an-unpacked-extension" id="id15">Technique 2: Packaged application loaded as
an unpacked extension</a></li> | 23 <li><a class="reference internal" href="#technique-2-packaged-application-loaded
-as-an-unpacked-extension" id="id15">Technique 2: Packaged application loaded as
an unpacked extension</a></li> |
| 24 <li><a class="reference internal" href="#technique-3-hosted-application-loaded-a
s-an-unpacked-extension" id="id16">Technique 3: Hosted application loaded as an
unpacked extension</a></li> | 24 <li><a class="reference internal" href="#technique-3-hosted-application-loaded-a
s-an-unpacked-extension" id="id16">Technique 3: Hosted application loaded as an
unpacked extension</a></li> |
| 25 <li><a class="reference internal" href="#technique-4-chrome-web-store-applicatio
n-with-trusted-testers" id="id17">Technique 4: Chrome Web Store application with
trusted testers</a></li> | 25 <li><a class="reference internal" href="#technique-4-chrome-web-store-applicatio
n-with-trusted-testers" id="id17">Technique 4: Chrome Web Store application with
trusted testers</a></li> |
| 26 </ul> | 26 </ul> |
| 27 | 27 |
| 28 </div><section id="introduction"> | 28 </div><h2 id="introduction">Introduction</h2> |
| 29 <h2 id="introduction">Introduction</h2> | |
| 30 <p>This document describes how to run Native Client applications during | 29 <p>This document describes how to run Native Client applications during |
| 31 development.</p> | 30 development.</p> |
| 32 <p>The workflow for PNaCl applications is straightfoward and will only be discus
sed | 31 <p>The workflow for PNaCl applications is straightfoward and will only be discus
sed |
| 33 briefly. For NaCl applications distributed through the web-store, there is a | 32 briefly. For NaCl applications distributed through the web-store, there is a |
| 34 number of options and these will be discussed more in-depth.</p> | 33 number of options and these will be discussed more in-depth.</p> |
| 35 </section><section id="portable-native-client-pnacl-applications"> | |
| 36 <h2 id="portable-native-client-pnacl-applications">Portable Native Client (PNaCl
) applications</h2> | 34 <h2 id="portable-native-client-pnacl-applications">Portable Native Client (PNaCl
) applications</h2> |
| 37 <p>Running PNaCl applications from the open web is enabled in Chrome version 31
and | 35 <p>Running PNaCl applications from the open web is enabled in Chrome version 31
and |
| 38 above; therefore, no special provisions are required to run and test such | 36 above; therefore, no special provisions are required to run and test such |
| 39 applications locally. An application that uses a PNaCl module can be tested | 37 applications locally. An application that uses a PNaCl module can be tested |
| 40 similarly to any other web application that only consists of HTML, CSS and | 38 similarly to any other web application that only consists of HTML, CSS and |
| 41 JavaScript.</p> | 39 JavaScript.</p> |
| 42 <p>To better simulate a production environment, it’s recommended to start
a local | 40 <p>To better simulate a production environment, it’s recommended to start
a local |
| 43 web server to serve the application’s files. The NaCl SDK comes with a sim
ple | 41 web server to serve the application’s files. The NaCl SDK comes with a sim
ple |
| 44 local server built in, and the process of using it to run PNaCl applications is | 42 local server built in, and the process of using it to run PNaCl applications is |
| 45 described in <a class="reference internal" href="/native-client/devguide/tutoria
l/tutorial-part1.html#tutorial-step-2"><em>the tutorial</em></a>.</p> | 43 described in <a class="reference internal" href="/native-client/devguide/tutoria
l/tutorial-part1.html#tutorial-step-2"><em>the tutorial</em></a>.</p> |
| 46 </section><section id="native-client-applications-and-the-chrome-web-store"> | |
| 47 <h2 id="native-client-applications-and-the-chrome-web-store">Native Client appli
cations and the Chrome Web Store</h2> | 44 <h2 id="native-client-applications-and-the-chrome-web-store">Native Client appli
cations and the Chrome Web Store</h2> |
| 48 <p>Before reading about how to run Native Client applications, it’s import
ant to | 45 <p>Before reading about how to run Native Client applications, it’s import
ant to |
| 49 understand a little bit about how Native Client applications are distributed. | 46 understand a little bit about how Native Client applications are distributed. |
| 50 As explained in <a class="reference internal" href="/native-client/devguide/dist
ributing.html"><em>Distributing Your Application</em></a>, Native | 47 As explained in <a class="reference internal" href="/native-client/devguide/dist
ributing.html"><em>Distributing Your Application</em></a>, Native |
| 51 Client applications must currently be distributed through the <strong>Chrome Web | 48 Client applications must currently be distributed through the <strong>Chrome Web |
| 52 Store (CWS)</strong>. Applications in the CWS are one of three types:</p> | 49 Store (CWS)</strong>. Applications in the CWS are one of three types:</p> |
| 53 <ul class="small-gap"> | 50 <ul class="small-gap"> |
| 54 <li>A <strong>hosted application</strong> is an application that you host on a s
erver of your | 51 <li>A <strong>hosted application</strong> is an application that you host on a s
erver of your |
| 55 choice. To distribute an application as a hosted application, you upload | 52 choice. To distribute an application as a hosted application, you upload |
| 56 application metadata to the CWS.</li> | 53 application metadata to the CWS.</li> |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 129 you plan to distribute your application, you should use the corresponding | 126 you plan to distribute your application, you should use the corresponding |
| 130 technique during development. Choosing a distribution option depends on a number | 127 technique during development. Choosing a distribution option depends on a number |
| 131 of factors such as application size, application start-up time, hosting costs, | 128 of factors such as application size, application start-up time, hosting costs, |
| 132 offline functionality, etc. (see <a class="reference internal" href="/native-cli
ent/devguide/distributing.html"><em>Distributing Your Application</em></a> for d
etails), but you don’t need to make a decision about how | 129 offline functionality, etc. (see <a class="reference internal" href="/native-cli
ent/devguide/distributing.html"><em>Distributing Your Application</em></a> for d
etails), but you don’t need to make a decision about how |
| 133 to distribute your application at the outset.</p> | 130 to distribute your application at the outset.</p> |
| 134 <p>The next two sections of this document describe a couple of prerequisites for | 131 <p>The next two sections of this document describe a couple of prerequisites for |
| 135 running applications during development, and explain the three requirements | 132 running applications during development, and explain the three requirements |
| 136 listed in the table above (NaCl flag, web server, and CWS metadata). The | 133 listed in the table above (NaCl flag, web server, and CWS metadata). The |
| 137 subsequent sections of the document provide instructions for how to use each of | 134 subsequent sections of the document provide instructions for how to use each of |
| 138 the four techniques.</p> | 135 the four techniques.</p> |
| 139 </section><section id="prerequisites"> | |
| 140 <h2 id="prerequisites">Prerequisites</h2> | 136 <h2 id="prerequisites">Prerequisites</h2> |
| 141 <section id="browser-and-pepper-versions"> | |
| 142 <h3 id="browser-and-pepper-versions">Browser and Pepper versions</h3> | 137 <h3 id="browser-and-pepper-versions">Browser and Pepper versions</h3> |
| 143 <p>Before you run a new build of your application, make sure that you’re u
sing the | 138 <p>Before you run a new build of your application, make sure that you’re u
sing the |
| 144 correct version of Chrome. Each version of Chrome supports a corresponding | 139 correct version of Chrome. Each version of Chrome supports a corresponding |
| 145 version of the Pepper API. You (and your users) must use a version of Chrome | 140 version of the Pepper API. You (and your users) must use a version of Chrome |
| 146 that is equal to or higher than the version of the Pepper API that your | 141 that is equal to or higher than the version of the Pepper API that your |
| 147 application uses. For example, if you compiled your application using the | 142 application uses. For example, if you compiled your application using the |
| 148 <code>pepper_31</code> bundle, your application uses the Pepper 31 API, and you
must run | 143 <code>pepper_31</code> bundle, your application uses the Pepper 31 API, and you
must run |
| 149 the application in Chrome 31 or higher. To check which version of Chrome youR
17;re | 144 the application in Chrome 31 or higher. To check which version of Chrome youR
17;re |
| 150 using, type <code>about:version</code> in the Chrome address bar.</p> | 145 using, type <code>about:version</code> in the Chrome address bar.</p> |
| 151 </section><section id="chrome-cache"> | 146 <h3 id="chrome-cache"><span id="cache"></span>Chrome Cache</h3> |
| 152 <span id="cache"></span><h3 id="chrome-cache"><span id="cache"></span>Chrome Cac
he</h3> | |
| 153 <p>Chrome caches resources aggressively. You should disable Chrome’s cache
whenever | 147 <p>Chrome caches resources aggressively. You should disable Chrome’s cache
whenever |
| 154 you are developing a Native Client application in order to make sure Chrome | 148 you are developing a Native Client application in order to make sure Chrome |
| 155 loads new versions of your application. Follow the instructions <a class="refere
nce internal" href="/native-client/devguide/tutorial/tutorial-part1.html#tutoria
l-step-3"><em>in the | 149 loads new versions of your application. Follow the instructions <a class="refere
nce internal" href="/native-client/devguide/tutorial/tutorial-part1.html#tutoria
l-step-3"><em>in the |
| 156 tutorial</em></a>.</p> | 150 tutorial</em></a>.</p> |
| 157 </section></section><section id="requirements"> | 151 <h2 id="requirements"><span id="id1"></span>Requirements</h2> |
| 158 <span id="id1"></span><h2 id="requirements"><span id="id1"></span>Requirements</
h2> | 152 <h3 id="native-client-flag"><span id="flag"></span>Native Client flag</h3> |
| 159 <section id="native-client-flag"> | |
| 160 <span id="flag"></span><h3 id="native-client-flag"><span id="flag"></span>Native
Client flag</h3> | |
| 161 <p>Native Client is automatically enabled for applications that are installed fr
om | 153 <p>Native Client is automatically enabled for applications that are installed fr
om |
| 162 the Chrome Web Store. To enable Native Client for applications that are not | 154 the Chrome Web Store. To enable Native Client for applications that are not |
| 163 installed from the Chrome Web Store, you must explicitly turn on the Native | 155 installed from the Chrome Web Store, you must explicitly turn on the Native |
| 164 Client flag in Chrome as follows:</p> | 156 Client flag in Chrome as follows:</p> |
| 165 <ol class="arabic simple"> | 157 <ol class="arabic simple"> |
| 166 <li>Type <code>about:flags</code> in the Chrome address bar.</li> | 158 <li>Type <code>about:flags</code> in the Chrome address bar.</li> |
| 167 <li>Scroll down to “Native Client”.</li> | 159 <li>Scroll down to “Native Client”.</li> |
| 168 <li>If the link below “Native Client” says “Disable”, th
en Native Client is | 160 <li>If the link below “Native Client” says “Disable”, th
en Native Client is |
| 169 already enabled and you don’t need to do anything else.</li> | 161 already enabled and you don’t need to do anything else.</li> |
| 170 <li>If the link below “Native Client” says “Enable”:<ul
class="small-gap"> | 162 <li>If the link below “Native Client” says “Enable”:<ul
class="small-gap"> |
| 171 <li>Click the “Enable” link.</li> | 163 <li>Click the “Enable” link.</li> |
| 172 <li>Click the “Relaunch Now” button in the bottom of the screen. <st
rong>Native | 164 <li>Click the “Relaunch Now” button in the bottom of the screen. <st
rong>Native |
| 173 Client will not be enabled until you relaunch your browser</strong>. All browser | 165 Client will not be enabled until you relaunch your browser</strong>. All browser |
| 174 windows will restart when you relaunch Chrome.</li> | 166 windows will restart when you relaunch Chrome.</li> |
| 175 </ul> | 167 </ul> |
| 176 </li> | 168 </li> |
| 177 </ol> | 169 </ol> |
| 178 <p>If you enable the Native Client flag and still can’t run applications f
rom | 170 <p>If you enable the Native Client flag and still can’t run applications f
rom |
| 179 outside the Chrome Web Store, you may need to enable the Native Client plugin:</
p> | 171 outside the Chrome Web Store, you may need to enable the Native Client plugin:</
p> |
| 180 <ol class="arabic simple"> | 172 <ol class="arabic simple"> |
| 181 <li>Type <code>about:plugins</code> in the Chrome address bar.</li> | 173 <li>Type <code>about:plugins</code> in the Chrome address bar.</li> |
| 182 <li>Scroll down to “Native Client”.</li> | 174 <li>Scroll down to “Native Client”.</li> |
| 183 <li>If the link below “Native Client” says “Enable”, cli
ck the link to enable | 175 <li>If the link below “Native Client” says “Enable”, cli
ck the link to enable |
| 184 the Native Client plugin. You do not need to relaunch Chrome after enabling | 176 the Native Client plugin. You do not need to relaunch Chrome after enabling |
| 185 the Native Client plugin.</li> | 177 the Native Client plugin.</li> |
| 186 </ol> | 178 </ol> |
| 187 </section><section id="web-server"> | 179 <h3 id="web-server"><span id="id2"></span>Web server</h3> |
| 188 <span id="id2"></span><h3 id="web-server"><span id="id2"></span>Web server</h3> | |
| 189 <p>For security reasons, Native Client applications must come from a server (you | 180 <p>For security reasons, Native Client applications must come from a server (you |
| 190 can’t simply drag HTML files into your browser). The Native Client SDK com
es | 181 can’t simply drag HTML files into your browser). The Native Client SDK com
es |
| 191 with a lightweight Python web server that you can run to serve your application | 182 with a lightweight Python web server that you can run to serve your application |
| 192 locally. The server can be invoked from a Makefile. Here is how to run the | 183 locally. The server can be invoked from a Makefile. Here is how to run the |
| 193 server:</p> | 184 server:</p> |
| 194 <pre> | 185 <pre> |
| 195 $ cd examples | 186 $ cd examples |
| 196 $ make serve | 187 $ make serve |
| 197 </pre> | 188 </pre> |
| 198 <p>By default, the server listens for requests on port 5103. You can use the ser
ver | 189 <p>By default, the server listens for requests on port 5103. You can use the ser
ver |
| 199 to run most applications under the <code>examples</code> directory where you sta
rted the | 190 to run most applications under the <code>examples</code> directory where you sta
rted the |
| 200 server. For example, to run the <code>flock</code> example in the SDK, start the
server | 191 server. For example, to run the <code>flock</code> example in the SDK, start the
server |
| 201 and point your browser to <code>http://localhost:5103/demo/flock/</code>.</p> | 192 and point your browser to <code>http://localhost:5103/demo/flock/</code>.</p> |
| 202 <p>Some of the applications need special flags to Chrome, and must be run with t
he | 193 <p>Some of the applications need special flags to Chrome, and must be run with t
he |
| 203 <code>make run</code> command. See <a class="reference internal" href="/native-c
lient/sdk/examples.html#id1"><em>Run the SDK examples</em></a> for more details.
</p> | 194 <code>make run</code> command. See <a class="reference internal" href="/native-c
lient/sdk/examples.html#id1"><em>Run the SDK examples</em></a> for more details.
</p> |
| 204 <section id="chrome-web-store-metadata"> | 195 <h4 id="chrome-web-store-metadata"><span id="metadata"></span>Chrome Web Store m
etadata</h4> |
| 205 <span id="metadata"></span><h4 id="chrome-web-store-metadata"><span id="metadata
"></span>Chrome Web Store metadata</h4> | |
| 206 <p>Applications published in the Chrome Web Store must be accompanied by CWS | 196 <p>Applications published in the Chrome Web Store must be accompanied by CWS |
| 207 metadata; specifically, a Chrome Web Store manifest file named | 197 metadata; specifically, a Chrome Web Store manifest file named |
| 208 <code>manifest.json</code>, and at least one icon.</p> | 198 <code>manifest.json</code>, and at least one icon.</p> |
| 209 <p>Below is an example of a CWS manifest file for a <strong>hosted application</
strong>:</p> | 199 <p>Below is an example of a CWS manifest file for a <strong>hosted application</
strong>:</p> |
| 210 <pre class="prettyprint"> | 200 <pre class="prettyprint"> |
| 211 { | 201 { |
| 212 "name": "My NaCl App", | 202 "name": "My NaCl App", |
| 213 "description": "Simple game implemented using Native Client&quo
t;, | 203 "description": "Simple game implemented using Native Client&quo
t;, |
| 214 "version": "0.1", | 204 "version": "0.1", |
| 215 "icons": { | 205 "icons": { |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 248 <p>If you don’t have icons for your application, you can use the following
icons as | 238 <p>If you don’t have icons for your application, you can use the following
icons as |
| 249 placeholders:</p> | 239 placeholders:</p> |
| 250 <p><img alt="ICON16" src="/native-client/images/icon16.png" /></p> | 240 <p><img alt="ICON16" src="/native-client/images/icon16.png" /></p> |
| 251 <p><img alt="ICON128" src="/native-client/images/icon128.png" /></p> | 241 <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 | 242 <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> | 243 information about CWS manifest files and application icons, see:</p> |
| 254 <ul class="small-gap"> | 244 <ul class="small-gap"> |
| 255 <li><a class="reference external" href="/webstore/get_started_simple">Chrome Web
Store Tutorial: Getting Started</a></li> | 245 <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="/extensions/manifest">Chrome Web Store F
ormats: Manifest Files</a></li> | 246 <li><a class="reference external" href="/extensions/manifest">Chrome Web Store F
ormats: Manifest Files</a></li> |
| 257 </ul> | 247 </ul> |
| 258 </section></section></section><section id="technique-1-local-server"> | |
| 259 <h2 id="technique-1-local-server">Technique 1: Local server</h2> | 248 <h2 id="technique-1-local-server">Technique 1: Local server</h2> |
| 260 <p>To run your application from a local server:</p> | 249 <p>To run your application from a local server:</p> |
| 261 <ul class="small-gap"> | 250 <ul class="small-gap"> |
| 262 <li>Enable the <a class="reference internal" href="#flag"><em>Native Client flag
</em></a> in Chrome.</li> | 251 <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> | 252 <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 | 253 <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> | 254 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 | 255 <li>Access your application on the local server by typing the location of its |
| 267 HTML file in Chrome, e.g.: | 256 HTML file in Chrome, e.g.: |
| 268 <code>http://localhost:5103/my_app/my_app_main_page.html</code>.</li> | 257 <code>http://localhost:5103/my_app/my_app_main_page.html</code>.</li> |
| 269 </ul> | 258 </ul> |
| 270 <aside class="note"> | 259 <aside class="note"> |
| 271 <strong>Note:</strong> You don’t have to use a local web server—you
can use another | 260 <strong>Note:</strong> You don’t have to use a local web server—you
can use another |
| 272 server if you already have one running. You must still enable the Native | 261 server if you already have one running. You must still enable the Native |
| 273 Client flag in order to run your application from the server. | 262 Client flag in order to run your application from the server. |
| 274 </aside> | 263 </aside> |
| 275 </section><section id="technique-2-packaged-application-loaded-as-an-unpacked-ex
tension"> | |
| 276 <h2 id="technique-2-packaged-application-loaded-as-an-unpacked-extension">Techni
que 2: Packaged application loaded as an unpacked extension</h2> | 264 <h2 id="technique-2-packaged-application-loaded-as-an-unpacked-extension">Techni
que 2: Packaged application loaded as an unpacked extension</h2> |
| 277 <p>For development purposes, Chrome lets you load a packaged application as an | 265 <p>For development purposes, Chrome lets you load a packaged application as an |
| 278 unpacked extension. To load and run your packaged application as an unpacked | 266 unpacked extension. To load and run your packaged application as an unpacked |
| 279 extension:</p> | 267 extension:</p> |
| 280 <ol class="arabic simple"> | 268 <ol class="arabic simple"> |
| 281 <li>Create a Chrome Web Store manifest file and one or more icons for your | 269 <li>Create a Chrome Web Store manifest file and one or more icons for your |
| 282 application.<ul class="small-gap"> | 270 application.<ul class="small-gap"> |
| 283 <li>Follow the instructions above under Chrome Web Store metadata to create | 271 <li>Follow the instructions above under Chrome Web Store metadata to create |
| 284 these files.</li> | 272 these files.</li> |
| 285 <li>Note that the CWS manifest file should contain the <code>local_path</code> f
ield | 273 <li>Note that the CWS manifest file should contain the <code>local_path</code> f
ield |
| (...skipping 15 matching lines...) Expand all Loading... |
| 301 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the | 289 <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: | 290 page to show your installed apps: |
| 303 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> | 291 <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. | 292 <li>The icon for your newly installed app should appear on the New Tab page. |
| 305 Click the icon to launch the app.</li> | 293 Click the icon to launch the app.</li> |
| 306 </ol> | 294 </ol> |
| 307 <p>For additional information about how to create CWS metadata and load your | 295 <p>For additional information about how to create CWS metadata and load your |
| 308 application into Chrome (including troubleshooting information), see the | 296 application into Chrome (including troubleshooting information), see the |
| 309 <a class="reference external" href="/webstore/get_started_simple">Chrome Web Sto
re Tutorial: Getting Started</a>.</p> | 297 <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> | 298 <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"> | |
| 312 <h2 id="technique-3-hosted-application-loaded-as-an-unpacked-extension">Techniqu
e 3: Hosted application loaded as an unpacked extension</h2> | 299 <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 | 300 <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 | 301 unpacked extension. To load and run your hosted application as an unpacked |
| 315 extension:</p> | 302 extension:</p> |
| 316 <ol class="arabic simple"> | 303 <ol class="arabic simple"> |
| 317 <li>Start a web server to serve your application.<ul class="small-gap"> | 304 <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 | 305 <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> | 306 Native Client SDK if you want.</li> |
| 320 </ul> | 307 </ul> |
| 321 </li> | 308 </li> |
| (...skipping 28 matching lines...) Expand all Loading... |
| 350 </li> | 337 </li> |
| 351 <li>Open a new tab in Chrome and click the <strong>Apps</strong> link at the bot
tom of the | 338 <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: | 339 page to show your installed apps: |
| 353 <img alt="new-tab-apps" src="/native-client/images/new-tab-apps.png" /></li> | 340 <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. | 341 <li>The icon for your newly installed app should appear on the New Tab page. |
| 355 Click the icon to launch the app.</li> | 342 Click the icon to launch the app.</li> |
| 356 </ol> | 343 </ol> |
| 357 <p>For additional information about how to create CWS metadata and load your | 344 <p>For additional information about how to create CWS metadata and load your |
| 358 application into Chrome (including troubleshooting information), see the | 345 application into Chrome (including troubleshooting information), see the |
| 359 <a class="reference external" href="/webstore/get_started_simple">Chrome Web Sto
re Tutorial: Getting Started</a>.</p> | 346 <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"> | |
| 361 <h2 id="technique-4-chrome-web-store-application-with-trusted-testers">Technique
4: Chrome Web Store application with trusted testers</h2> | 347 <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 | 348 <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 | 349 application to the Chrome Web Store and let some trusted testers run it. Here |
| 364 is how to do so:</p> | 350 is how to do so:</p> |
| 365 <ol class="arabic simple"> | 351 <ol class="arabic simple"> |
| 366 <li>Create the Chrome Web Store metadata required to publish your application:<u
l class="small-gap"> | 352 <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 | 353 <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 | 354 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> | 355 (a 16x16 icon and a 128x128 icon).</li> |
| 370 <li>You also need to create the following additional assets before you can | 356 <li>You also need to create the following additional assets before you can |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 429 accounts. Your application won’t appear in search results, so you need to | 415 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 | 416 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> | 417 be able to find the application by searching in the CWS.</li> |
| 432 </ul> | 418 </ul> |
| 433 </li> | 419 </li> |
| 434 </ol> | 420 </ol> |
| 435 <p>To publish an application to the world after publishing it to test accounts, | 421 <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 | 422 you must first unpublish the application. For additional information see |
| 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 | 423 <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 to test accounts</a>.</p> | 424 to test accounts</a>.</p> |
| 439 </section></section> | 425 </section> |
| 440 | 426 |
| 441 {{/partials.standard_nacl_api}} | 427 {{/partials.standard_nacl_api}} |
| OLD | NEW |