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 |