This repository has been archived by the owner on Apr 3, 2020. It is now read-only.
/
crosswalk-app-tools-alpha.html
249 lines (211 loc) · 12 KB
/
crosswalk-app-tools-alpha.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!DOCTYPE html>
<html id="top" lang="en-us">
<head>
<meta charset="utf-8">
<title>The Crosswalk Project</title>
<link rel="shorcut icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<script>
WebFontConfig = {
custom: {
families: ['Clear Sans'],
urls: ['/css/fonts.css']
},
google: {
families: ['Source Code Pro:n4,n6']
},
timeout: 2000
};
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script async defer src="//ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js"></script>
<link rel="stylesheet" href="/css/main.css">
<meta name="description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="author" content="Crosswalk" />
<meta name="handheldfriendly" content="true" />
<meta name="mobileoptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta http-equiv="cleartype" content="on" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Facebook -->
<meta property="og:side_name" content="Crosswalk" />
<meta property="og:title" content="Crosswalk Project App Tools Alpha release" />
<meta property="og:url" content="http://crosswalk-project.org/blog/crosswalk-app-tools-alpha" />
<meta property="og:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta property="og:image" content="/assets/crosswalk-og-banner.jpg" />
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="http://crosswalk-project.org/blog/crosswalk-app-tools-alpha" />
<meta name="twitter:title" content="Crosswalk Project App Tools Alpha release" />
<meta name="twitter:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="twitter:site" content="@xwalk_project" />
<!-- Relevant original Crosswalk Project JS -->
<script src="/js/utils.js"></script>
<script src="/js/xwalk.js"></script>
<script src="/js/versions.js"></script>
<script src="/js/demos.js"></script>
<script src="/js/testimonials.js"></script>
<script src="/js/tools.js"></script>
<script src="/js/qualityindicators.js"></script>
</head>
<body>
<!-- If curr page named 'index' and less than 2 dirs deep,
do custom layouts. (home screen, blog, app-mgmt page)
Else, provide doc header and nav. -->
<div class="container">
<div class="doc-header">
<div class="doc-logo-div">
<a href="/" class="doc-logo-link">
<img src="/assets/identity/crosswalkproject-logo-horizontal-dark.png" class="doc-logo-img">
</a>
</div>
<div class="doc-nav-div">
<ul class="doc-nav-list">
<li class="doc-nav-item">
<a href="/documentation/getting_started.html" class="doc-nav-link">Documentation</a>
</li>
<li class="doc-nav-item">
<a href="/blog" class="doc-nav-link">Blog</a>
</li>
<li class="doc-nav-item">
<a href="/contribute" class="doc-nav-link">Contribute</a>
</li>
<li class="doc-nav-item">
<a href="https://github.com/crosswalk-project/crosswalk-website/wiki" class="doc-nav-link">Wiki</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/about/faq.html" class="doc-nav-link">FAQ</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/getting_started.html" class="doc-nav-link" style="border:1px solid #ec543b;padding:8px;color:#ec543b;" >get started</a>
</li>
</ul>
</div>
</div>
<br />
<div class="doc-main">
<div class="row">
<article class="article">
<header class="article-header">
<h1 class="article-title">Crosswalk Project App Tools Alpha release</h1>
<span class="article-meta">
<a href="crosswalk-app-tools-alpha.html"><time class="js-vagueTime" datetime="Fri, 08 May 2015 12:00:00 GMT">Fri, 08 May 2015 12:00:00 GMT</time></a>
by <span class="article-author">Robert Staudinger</span>
</span>
</header>
<p>We are happy to announce the alpha version for Crosswalk-app-tools. This is a preview milestone of our forthcoming Node.js based tools for Android app development. Deployment in a production environment is not encouraged at this time.</p>
<p>Crosswalk-app-tools is licensed under the Apache License Version 2.0, please refer to the file LICENSE-APACHE-V2 included in the package.</p>
<h3>Installation</h3>
<p>Crosswalk-app-tools is cross-platform by virtue of being based on Node.js. However at this point most testing is done on Linux, so we expect the least number of hiccups there. In any case we have seen reports of successful runs on Apple OS X, and are looking forward to hearing about adventurous individuals giving it a spin on Microsoft Windows as well. (But be warned that there are known problems with proxy support on Windows, for starters)</p>
<p>The following components are required</p>
<ol>
<li>Android SDK with 5.0 (target-21) installed</li>
<li>Java JDK and Apache Ant</li>
<li>Node.js and NPM</li>
</ol>
<p>The best way to check if a machine has all the required dependencies is to create and build a plain empty Android app on the system. If this does not work, then building Crosswalk apps will not succeed either.</p>
<pre><code>android create project -a MainActivity -k com.example.foo -p com.example.foo -t android-21
cd com.example.foo
ant debug</code></pre>
<p>In order to get the <code>crosswalk-app</code> script available everywhere, global npm installation is required. On most Linux distributions this can be achieved by using <code>sudo</code>.</p>
<pre><code>sudo npm install -g crosswalk-app-tools</code></pre>
<h3>Usage</h3>
<pre><code>Crosswalk Application Project and Packaging Tool
crosswalk-app create <package-id> Create project <package-id>
crosswalk-app build [release|debug] Build project to create packages
Defaults to debug when not given
crosswalk-app update <channel>|<version> Update Crosswalk to latest in named
channel, or specific version
crosswalk-app help Display usage information
crosswalk-app version Display version information
Options for platform 'android'
For command 'create'
--android-crosswalk Channel name (stable/beta/canary)
or version number (w.x.y.z)
Environment Variables
CROSSWALK_APP_TOOLS_CACHE_DIR Keep downloaded files in this dir</code></pre>
<h4>Example: Create App</h4>
<pre><code>crosswalk-app create com.example.foo</code></pre>
<p>This sets up a skeleton project in directory com.example.foo/, downloads and imports Crosswalk, and puts a sample "hello world" web app under com.example.foo/app/.</p>
<h4>Example: Build App</h4>
<pre><code>cd com.example.foo
crosswalk-app build</code></pre>
<p>Builds packages. The APKs can be found under pkg/ when done.</p>
<p>For more details, see the project's <a href="https://github.com/crosswalk-project/crosswalk-app-tools/blob/master/README.md">README file</a>.</p>
<h2>Highlights</h2>
<ul>
<li><p>Straightforward creation and building of app packages (APKs) for Android. Crosswalk is downloaded and integrated into the build process without user intervention.</p>
</li>
<li><p>Distributed via the Node Package Manager, with the Android SDK and Ant as only requirements, relying only on standard web app and Android development tools.</p>
</li>
<li><p>Extensible architecture allows for adding operating system support and package formats over time.</p>
</li>
</ul>
<h2>Limitations</h2>
<ul>
<li>Tested and known to work on Linux. Support for additional host operating systems coming soon (has been found to work on OS X, although there is no official support yet).</li>
</ul>
<h2>Upcoming features</h2>
<ul>
<li>Support for W3C manifest.</li>
<li>Support building release packages that can be round-trip tested via the Google Play Store.</li>
</ul>
<h2>Issue tracking</h2>
<p>Bugs are tracked and fixed as quickly as possible. Please enter those you find. Crosswalk JIRA can be found at <a href="https://crosswalk-project.org/jira/">https://crosswalk-project.org/jira/</a> ("App Tools" component)</p>
<a href="http://twitter.com/xwalk_project" class="article-promo well">
<h4 class="article-promoTitle">Get more hybrid app secrets</h4>
<p>Build powerful hybrid apps for Android or Cordova / PhoneGap more reliably with <span class="a-faux">tips from the Intel Crosswalk team</span>.</p>
</a>
</article>
</div>
</div>
</div>
<hr class="footer-divider" style="margin-top:125px; margin-bottom:0px" />
<div style="position:relative; top:-30px;">
<a href="/"><img src="/assets/cw-logo-circle.png" width="60px" style="display:block; margin: 0 auto;" /></a>
</div>
<footer class="footer footer--documentation" >
<div class="container" >
<div class="row">
<div class="footer-div">
<img src="/assets/Twitter_logo_blue.png" width="20px" /> Follow <a href="http://twitter.com/xwalk_project">@xwalk_project on Twitter</a> for the latest developer activities and project updates.
</div>
<div class="footer-div">
Latest blog post:</br>
<b><a href="/blog">Introducing 'Download mode' in Crosswalk for Android</a></b><br/>
(<span ><time class="js-vagueTime" datetime="Mon, 09 May 2016 17:00:00 GMT">2016-05-09T17:00</time></span>)
<br/>
</div>
<div class="footer-div">
<strong><a href="/feed.xml"><img src="/assets/rss-icon-16.gif" style="vertical-align:middle" /> RSS Feed</a></strong>
</div>
<div class="footer-div">
<a href="/documentation">Documentation</a>
<a href="/blog">Blog</a>
<a href="/documentation/downloads.html">Downloads</a> <br />
<a href="https://crosswalk-project.org/jira/secure/Dashboard.jspa">Issues</a>
<a href="https://github.com/crosswalk-project">GitHub source</a>
<a href="/sitemap.html">Sitemap</a> <br/>
</div>
</div>
<div class="row">
<small>
The Crosswalk Project was created by the Intel Open Source Technology Center. Copyright © 2013–2016 Intel Corporation. All rights reserved. <a href="https://github.com/crosswalk-project/crosswalk-website/wiki/Privacy-Policy">Privacy policy</a>. *Other names and brands may be claimed as the property of others.
</small>
</div>
</div>
</footer>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WC843Q"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WC843Q');</script>
<!-- End Google Tag Manager -->
<script src="/js/smoothScroll.js"></script>
<script src="/js/vagueTime.js"></script>
<!-- <script async defer src="/js/trmix.js"></script> -->
</body>
</html>