OLD | NEW |
1 {{+bindTo:partials.standard_nacl_article}} | 1 {{+bindTo:partials.standard_nacl_article}} |
2 | 2 |
3 <section id="c-tutorial-getting-started-part-1"> | 3 <section id="c-tutorial-getting-started-part-1"> |
4 <span id="tutorial"></span><h1 id="c-tutorial-getting-started-part-1"><span id="
tutorial"></span>C++ Tutorial: Getting Started (Part 1)</h1> | 4 <span id="tutorial"></span><h1 id="c-tutorial-getting-started-part-1"><span id="
tutorial"></span>C++ Tutorial: Getting Started (Part 1)</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><p class="first"><a class="reference internal" href="#overview" id="id1">Ove
rview</a></p> | 7 <li><p class="first"><a class="reference internal" href="#overview" id="id1">Ove
rview</a></p> |
8 <ul class="small-gap"> | 8 <ul class="small-gap"> |
9 <li><a class="reference internal" href="#what-the-application-in-this-tutorial-d
oes" id="id2">What the application in this tutorial does</a></li> | 9 <li><a class="reference internal" href="#what-the-application-in-this-tutorial-d
oes" id="id2">What the application in this tutorial does</a></li> |
10 <li><a class="reference internal" href="#communication-between-javascript-and-na
tive-client-modules" id="id3">Communication between JavaScript and Native Client
modules</a></li> | 10 <li><a class="reference internal" href="#communication-between-javascript-and-na
tive-client-modules" id="id3">Communication between JavaScript and Native Client
modules</a></li> |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
57 can be used to serve the application on <code>localhost</code>. A convenience Ma
kefile | 57 can be used to serve the application on <code>localhost</code>. A convenience Ma
kefile |
58 rule called <code>serve</code> is the easiest way to invoke it:</p> | 58 rule called <code>serve</code> is the easiest way to invoke it:</p> |
59 <pre> | 59 <pre> |
60 $ cd pepper_$(VERSION)/getting_started | 60 $ cd pepper_$(VERSION)/getting_started |
61 $ make serve | 61 $ make serve |
62 </pre> | 62 </pre> |
63 <aside class="note"> | 63 <aside class="note"> |
64 The SDK may consist of several “bundles”, one per Chrome/Pepper vers
ion (see | 64 The SDK may consist of several “bundles”, one per Chrome/Pepper vers
ion (see |
65 <a class="reference internal" href="/native-client/version.html"><em>versioning
information</em></a>). In the sample invocation above | 65 <a class="reference internal" href="/native-client/version.html"><em>versioning
information</em></a>). In the sample invocation above |
66 <code>pepper_$(VERSION)</code> refers to the specific version you want to use. F
or | 66 <code>pepper_$(VERSION)</code> refers to the specific version you want to use. F
or |
67 example, <code>pepper_31</code>. If you don’t know which version you need,
use the | 67 example, <code>pepper_37</code>. If you don’t know which version you need,
use the |
68 one labeled <code>(stable)</code> by the <code>naclsdk list</code> command. See | 68 one labeled <code>(stable)</code> by the <code>naclsdk list</code> command. See |
69 <a class="reference internal" href="/native-client/sdk/download.html"><em>Downlo
ad the Native Client SDK</em></a> for more details. | 69 <a class="reference internal" href="/native-client/sdk/download.html"><em>Downlo
ad the Native Client SDK</em></a> for more details. |
70 </aside> | 70 </aside> |
71 <p>If no port number is specified, the server defaults to port 5103, and can be | 71 <p>If no port number is specified, the server defaults to port 5103, and can be |
72 accessed at <code>http://localhost:5103</code>.</p> | 72 accessed at <code>http://localhost:5103</code>.</p> |
73 <p>Any server can be used for the purpose of development. The one provided with
the | 73 <p>Any server can be used for the purpose of development. The one provided with
the |
74 SDK is just a convenience, not a requirement.</p> | 74 SDK is just a convenience, not a requirement.</p> |
75 <h2 id="step-3-set-up-the-chrome-browser"><span id="tutorial-step-3"></span>Step
3: Set up the Chrome browser</h2> | 75 <h2 id="step-3-set-up-the-chrome-browser"><span id="tutorial-step-3"></span>Step
3: Set up the Chrome browser</h2> |
76 <p>PNaCl is enabled by default in Chrome version 31 and later. Please make sure | 76 <p>PNaCl is enabled by default in Chrome. We recommend that you use a version of |
77 that you have a suitable version to work through this tutorial. It’s also | 77 Chrome that’s the same or newer than the SDK bundle used to build Native C
lient |
78 important to use a Chrome version that’s the same or newer than the SDK bu
ndle | 78 modules. Older PNaCl modules will always work with newer versions of Chrome, but |
79 used to build the Native Client modules.</p> | 79 the converse is not true.</p> |
80 <aside class="note"> | 80 <aside class="note"> |
81 To find out the version of Chrome, type <code>about:chrome</code> in the address
bar. | 81 To find out the version of Chrome, type <code>about:chrome</code> in the address
bar. |
82 </aside> | 82 </aside> |
83 <p>For a better development experience, it’s also recommended to disable t
he | 83 <p>For a better development experience, it’s also recommended to disable t
he |
84 Chrome cache. Chrome caches resources aggressively; disabling the cache helps | 84 Chrome cache. Chrome caches resources aggressively; disabling the cache helps |
85 make sure that the latest version of the Native Client module is loaded during | 85 make sure that the latest version of the Native Client module is loaded during |
86 development.</p> | 86 development.</p> |
87 <ul class="small-gap"> | 87 <ul class="small-gap"> |
88 <li>Open Chrome’s developer tools by clicking the menu icon <img alt="menu
-icon" src="/native-client/images/menu-icon.png" /> and | 88 <li>Open Chrome’s developer tools by clicking the menu icon <img alt="menu
-icon" src="/native-client/images/menu-icon.png" /> and |
89 choosing <code>Tools > Developer tools</code>.</li> | 89 choosing <code>Tools > Developer tools</code>.</li> |
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
231 <li>See the <a class="reference internal" href="/native-client/devguide/devcycle
/building.html"><em>Building</em></a>, <a class="reference internal" href="/nati
ve-client/devguide/devcycle/running.html"><em>Running</em></a>, and <a class="re
ference internal" href="/native-client/devguide/devcycle/debugging.html"><em>Deb
ugging pages</em></a> for information about how to build, run, and | 231 <li>See the <a class="reference internal" href="/native-client/devguide/devcycle
/building.html"><em>Building</em></a>, <a class="reference internal" href="/nati
ve-client/devguide/devcycle/running.html"><em>Running</em></a>, and <a class="re
ference internal" href="/native-client/devguide/devcycle/debugging.html"><em>Deb
ugging pages</em></a> for information about how to build, run, and |
232 debug Native Client applications.</li> | 232 debug Native Client applications.</li> |
233 <li>Check the <a class="reference external" href="http://code.google.com/p/naclp
orts/">naclports</a> project to see | 233 <li>Check the <a class="reference external" href="http://code.google.com/p/naclp
orts/">naclports</a> project to see |
234 what libraries have been ported for use with Native Client. If you port an | 234 what libraries have been ported for use with Native Client. If you port an |
235 open-source library for your own use, we recommend adding it to naclports | 235 open-source library for your own use, we recommend adding it to naclports |
236 (see <a class="reference external" href="http://code.google.com/p/naclports/wiki
/HowTo_Checkin">How to check code into naclports</a>).</li> | 236 (see <a class="reference external" href="http://code.google.com/p/naclports/wiki
/HowTo_Checkin">How to check code into naclports</a>).</li> |
237 </ul> | 237 </ul> |
238 </section> | 238 </section> |
239 | 239 |
240 {{/partials.standard_nacl_article}} | 240 {{/partials.standard_nacl_article}} |
OLD | NEW |