OLD | NEW |
| (Empty) |
1 <!-- Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | |
2 for details. All rights reserved. Use of this source code is governed by a | |
3 BSD-style license that can be found in the LICENSE file. --> | |
4 | |
5 <!-- TODO(jimhug): This could be a lot prettier --> | |
6 <html> | |
7 <body> | |
8 <h1>Getting started with Swarm development.</h1> | |
9 | |
10 <p>First, get a copy of an up-to-date CannedData.dart so that you can work | |
11 against relatively live data directly while running the app off of the | |
12 local filesystem.</p> | |
13 | |
14 <p>Put this file <a href='/data/CannedData.dart'>CannedData.dart</a> in your | |
15 working tree as <pre>dart/client/samples/swarm/CannedData.dart</pre></p> | |
16 | |
17 <p>You should now be able to run your app out of your local filesystem | |
18 for UI development using something like: <pre>file:///Users/jimhug/dart-all/
dart/client/samples/swarm/swarm.html</pre>.</p> | |
19 | |
20 <p>When you are ready to test your new UI on this live server, first you | |
21 need to run <pre>python update.py</pre> from your | |
22 <pre>dart/client/samples/swarm</pre> directory. This will build | |
23 both a self-contained html file for both js and dart code. Then, | |
24 use the link below to upload your files to this server. If you are | |
25 uploading for testing, keep the version as shown and you will be able | |
26 to access the js version at | |
27 <a href="http://dart.googleplex.com/{{user.nickname}}-swarm-js.html"> | |
28 http://dart.googleplex.com/{{user.nickname}}-swarm-js.html</a>. | |
29 | |
30 By submitting with no prefix, you will update the default demo | |
31 version of the app. | |
32 </p> | |
33 | |
34 <form action="/update/html" method="POST" enctype="multipart/form-data"> | |
35 Upload File: <input type="file" multiple="" name="files"><br> | |
36 Version: <input type="text" value="{{user.nickname}}" name="version"><br> | |
37 <input type="submit" name="submit" value="Submit"> | |
38 </form> | |
39 | |
40 <br /> | |
41 | |
42 <h2>Fully offline mode</h2> | |
43 <p>Download <a href='/data/CannedData.zip'>CannedData.zip</a> (right click, save
as) and extract it to a location that your static file webserver serves. You'll
want to run the following steps on Mac: | |
44 <ol> | |
45 <li>In Sharing Preferences, enable Web Sharing.</li> | |
46 <li>Open this file in a text editor:<pre>/private/etc/apache2/httpd.conf</pre></
li> | |
47 <li>Find the code like this, change "Deny from all" to "Allow from all": | |
48 <pre> | |
49 <Directory /> | |
50 Options FollowSymLinks | |
51 AllowOverride None | |
52 Order deny,allow | |
53 Allow from all | |
54 </Directory> | |
55 | |
56 AddType text/html .data | |
57 </pre> | |
58 </li> | |
59 <li> | |
60 <pre> | |
61 sudo apachectl restart | |
62 pushd /Library/WebServer/Document | |
63 # If you are replacing old data: | |
64 # rm -rf data/ | |
65 unzip ~/Downloads/CannedData.zip | |
66 chmod -R +rw data | |
67 # Warning: this step takes a while | |
68 # It downloads all images from all of the stories and inlines them in the HTML | |
69 # You can skip this if you're iterating on the app, it's only needed for | |
70 # "full offline" demo mode | |
71 path/to/dart/dart/client/samples/swarm/cacheimages.py data/ | |
72 </pre> | |
73 <li>Download a copy of swarm-js.html from this server (or create with update.py)
and save it as: /Library/WebServer/Document/index.html</li> | |
74 <li>Try out your app at: <a href="http://localhost/">http://localhost/</a></li> | |
75 </ol> | |
76 </p> | |
77 | |
78 <h2>Development tools</h2> | |
79 | |
80 <ul> | |
81 <li><a href="https://appengine.google.com/dashboard?app_id=google.com:dart"> | |
82 AppEngine dashboard</a></li> | |
83 </ul> | |
84 | |
85 </body> | |
86 </html> | |
OLD | NEW |