Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(64)

Side by Side Diff: native_client_sdk/doc_generated/devguide/devcycle/running.html

Issue 438403003: [NaCl SDK Docs] Only generate one top-level <section> element. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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&#8217;s recommended to start a local 40 <p>To better simulate a production environment, it&#8217;s recommended to start a local
43 web server to serve the application&#8217;s files. The NaCl SDK comes with a sim ple 41 web server to serve the application&#8217;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&#8217;s import ant to 45 <p>Before reading about how to run Native Client applications, it&#8217;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
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&#8217;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&#8217;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&#8217;re u sing the 138 <p>Before you run a new build of your application, make sure that you&#8217;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 you&#82 17;re 144 the application in Chrome 31 or higher. To check which version of Chrome you&#82 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&#8217;s cache whenever 147 <p>Chrome caches resources aggressively. You should disable Chrome&#8217;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 &#8220;Native Client&#8221;.</li> 159 <li>Scroll down to &#8220;Native Client&#8221;.</li>
168 <li>If the link below &#8220;Native Client&#8221; says &#8220;Disable&#8221;, th en Native Client is 160 <li>If the link below &#8220;Native Client&#8221; says &#8220;Disable&#8221;, th en Native Client is
169 already enabled and you don&#8217;t need to do anything else.</li> 161 already enabled and you don&#8217;t need to do anything else.</li>
170 <li>If the link below &#8220;Native Client&#8221; says &#8220;Enable&#8221;:<ul class="small-gap"> 162 <li>If the link below &#8220;Native Client&#8221; says &#8220;Enable&#8221;:<ul class="small-gap">
171 <li>Click the &#8220;Enable&#8221; link.</li> 163 <li>Click the &#8220;Enable&#8221; link.</li>
172 <li>Click the &#8220;Relaunch Now&#8221; button in the bottom of the screen. <st rong>Native 164 <li>Click the &#8220;Relaunch Now&#8221; 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&#8217;t run applications f rom 170 <p>If you enable the Native Client flag and still can&#8217;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 &#8220;Native Client&#8221;.</li> 174 <li>Scroll down to &#8220;Native Client&#8221;.</li>
183 <li>If the link below &#8220;Native Client&#8221; says &#8220;Enable&#8221;, cli ck the link to enable 175 <li>If the link below &#8220;Native Client&#8221; says &#8220;Enable&#8221;, 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&#8217;t simply drag HTML files into your browser). The Native Client SDK com es 181 can&#8217;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 &quot;name&quot;: &quot;My NaCl App&quot;, 202 &quot;name&quot;: &quot;My NaCl App&quot;,
213 &quot;description&quot;: &quot;Simple game implemented using Native Client&quo t;, 203 &quot;description&quot;: &quot;Simple game implemented using Native Client&quo t;,
214 &quot;version&quot;: &quot;0.1&quot;, 204 &quot;version&quot;: &quot;0.1&quot;,
215 &quot;icons&quot;: { 205 &quot;icons&quot;: {
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
248 <p>If you don&#8217;t have icons for your application, you can use the following icons as 238 <p>If you don&#8217;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&#8217;t have to use a local web server&#8212;you can use another 260 <strong>Note:</strong> You don&#8217;t have to use a local web server&#8212;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
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
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&#8217;re ready to test your application more broadly, you can upload the 348 <p>When you&#8217;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
429 accounts. Your application won&#8217;t appear in search results, so you need to 415 accounts. Your application won&#8217;t appear in search results, so you need to
430 give testers a direct link to your application&#8217;s CWS listing. Users won&#8 217;t 416 give testers a direct link to your application&#8217;s CWS listing. Users won&#8 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}}
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698