Mercurial Hosting > luan
annotate website/src/tutorial.html @ 1458:6b6c11c9164e
goodjava.lucene
| author | Franklin Schmidt <fschmidt@gmail.com> | 
|---|---|
| date | Fri, 20 Mar 2020 10:58:53 -0600 | 
| parents | 29d6d7d79c41 | 
| children | d3e61cd2aca0 | 
| rev | line source | 
|---|---|
| 1216 | 1 <!doctype html> | 
| 391 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 2 <html> | 
| 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 3 <head> | 
| 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 4 <title>Luan Tutorial</title> | 
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 5 <style> | 
| 1326 
29d6d7d79c41
website - use relative paths
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1325diff
changeset | 6 @import "site.css"; | 
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 7 </style> | 
| 391 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 8 </head> | 
| 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 9 <body> | 
| 382 | 10 | 
| 1326 
29d6d7d79c41
website - use relative paths
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1325diff
changeset | 11 <div small> | 
| 
29d6d7d79c41
website - use relative paths
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1325diff
changeset | 12 <a href=".">Luan</a> | 
| 
29d6d7d79c41
website - use relative paths
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1325diff
changeset | 13 / <a href="docs.html">Documentation</a> | 
| 
29d6d7d79c41
website - use relative paths
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1325diff
changeset | 14 </div> | 
| 1324 
1660136ac451
website - remove Shared.luan
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1323diff
changeset | 15 | 
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 16 <h1>Luan Tutorial</h1> | 
| 382 | 17 | 
| 18 | |
| 19 <p>Create a file <b>hello.luan</b> containing:</p> | |
| 20 | |
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 21 <pre> | 
| 382 | 22 %> | 
| 23 Hello World | |
| 24 <% | |
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 25 </pre> | 
| 382 | 26 | 
| 1045 | 27 <p>To run this, type <b>luan hello.luan</b> on the command line. This should print <b>Hello World</b>.</p> | 
| 382 | 28 | 
| 29 <p>The syntax here is based on <a href="http://en.wikipedia.org/wiki/JavaServer_Pages">JSP</a>. Let's change it a little:</p> | |
| 30 | |
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 31 <pre> | 
| 686 
33f1b4ad2c9d
more documentation fixes
 Franklin Schmidt <fschmidt@gmail.com> parents: 
562diff
changeset | 32 local name = "Bob" | 
| 382 | 33 %> | 
| 34 Hello <%= name %> | |
| 35 <% | |
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 36 </pre> | 
| 382 | 37 | 
| 38 <p>This should print <b>Hello Bob</b>. Now let's try a more conventional approach:</p> | |
| 39 | |
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 40 <pre> | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 41 local Io = require "luan:Io.luan" | 
| 382 | 42 local print = Io.print | 
| 43 | |
| 44 print("Hello World") | |
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 45 </pre> | 
| 382 | 46 | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 47 <p>In Luan, a function call with one string argument doesn't require parenthesis, so <b>print("Hello World")</b> is the same as <b>print "Hello World"</b> and <b>require "luan:Io.luan"</b> is the same as <b>require("luan:Io.luan")</b>. Both <b>require</b> and <b>print</b> are functions.</p> | 
| 382 | 48 | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 49 <p>The <b>require</b> function takes a <a href="http://en.wikipedia.org/wiki/Uniform_resource_identifier">URI</a> as an argument. Examples of URIs are "<b>luan:Io.luan</b>" and "<b>file:hello.luan</b>". <b>require</b> is used to import a module, which is returned from the <b>require</b> function call. In the case above, we assign the module to the local variable <b>Io</b>. The function <b>print</b> is a member of this module. We could have done <b>Io.print("Hello World")</b> but instead we chose to assign <b>print</b> to a local variable and use that to call the function.</p> | 
| 382 | 50 | 
| 51 <p>Luan starts with only two defined functions: <b>require</b> and <b>java</b>. You will use <b>require</b> to import whatever you need. This is a little more work, but makes it clear in each file where each function comes from.</p> | |
| 52 | |
| 53 <p>Let's a make fancier version:</p> | |
| 54 | |
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 55 <pre> | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 56 local Io = require "luan:Io.luan" | 
| 382 | 57 local print = Io.print | 
| 58 | |
| 512 
d96944467ffc
update documentation for luan changes
 Franklin Schmidt <fschmidt@gmail.com> parents: 
505diff
changeset | 59 local function hello(name) | 
| 382 | 60 print("Hello "..name) | 
| 61 end | |
| 62 | |
| 63 hello("Bob") | |
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 64 </pre> | 
| 382 | 65 | 
| 66 <p>The <b>..</b> operator does concatenation. This will print <b>Hello Bob</b>.</p> | |
| 67 | |
| 1217 | 68 <p>Now let's make a web page. First we need a directory for our website. So create a directory <b>site</b>. In this directory, create a file <b>hi.html.luan</b> containing: | 
| 382 | 69 | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 70 <pre> | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 71 local Io = require "luan:Io.luan" | 
| 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 72 local Http = require "luan:http/Http.luan" | 
| 382 | 73 | 
| 512 
d96944467ffc
update documentation for luan changes
 Franklin Schmidt <fschmidt@gmail.com> parents: 
505diff
changeset | 74 return function() | 
| 382 | 75 Io.stdout = Http.response.text_writer() | 
| 736 | 76 %> | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 77 <!doctype html> | 
| 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 78 <html> | 
| 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 79 <body> | 
| 736 | 80 Hello World | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 81 </body> | 
| 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 82 </html> | 
| 736 | 83 <% | 
| 382 | 84 end | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 85 </pre> | 
| 382 | 86 | 
| 1217 | 87 <p>Now go back to the parent directory and do <b>luan luan:http/serve.luan file:site</b>. This will run the Luan web server on port 8080. Try going to <a href="http://localhost:8080/">http://localhost:8080/</a>. You should see the directory. If you click on <b>hi.html.luan</b> you will see the source. But if you remove the <b>.luan</b> and just go to <a href="http://localhost:8080/hi.html">http://localhost:8080/hi.html</a> then you will run the program which will generate the web page.</p> | 
| 382 | 88 | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 89 <p>The Luan webserver expects the file to return a function and calls it to generate the page. Code of the form <b>%>...<%</b> writes its output to <b>Io.stdout</b> which by default is the standard output of the command line. So in the returned function one usually starts by setting <b>Io.stdout</b> to a <code>text_writer</code> which writes its output to the HTTP response (to the web browser).</p> | 
| 382 | 90 | 
| 1325 
28c1fc6d9d29
website - make docs html
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1324diff
changeset | 91 <p>You can find this example and others in the <a href="examples/">examples directory</a>. Take a look at <a href="examples/hi2.luan">hi2.luan</a> next. Remember to remove the <b>.luan</b> from the URL to run the code.</p> | 
| 382 | 92 | 
| 1309 
5684a14582c4
move website to www.luan.ws
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1217diff
changeset | 93 <p>So now you have built your website and you want to publish it to the web. If you have your own domain, create a CNAME record for it pointing to <b>s1.luan.ws</b>. If you don't have a domain, just use a domain like <b>bob.s1.luan.ws</b> (anything of the form <b>*.s1.luan.ws</b>). Assuming your directory is <b>site</b> and you will use the password <b>secret</b>, do the following from the command line: | 
| 382 | 94 | 
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 95 <pre> | 
| 1309 
5684a14582c4
move website to www.luan.ws
 Franklin Schmidt <fschmidt@gmail.com> parents: 
1217diff
changeset | 96 luan luan:host/push.luan bob.s1.luan.ws secret site | 
| 562 
7cc9d4a53d3b
remove SimplyHTML from documentation
 Franklin Schmidt <fschmidt@gmail.com> parents: 
512diff
changeset | 97 </pre> | 
| 382 | 98 | 
| 693 
ca169567ce07
module URIs must now include ".luan"
 Franklin Schmidt <fschmidt@gmail.com> parents: 
686diff
changeset | 99 <p>The form is <b>luan luan:host/push.luan domain password directory</b>. If you change your site, just run this again and your site will be updated. To delete your site, do <b>luan luan:host/delete.luan domain password</b>.</p> | 
| 382 | 100 | 
| 101 <p>Hopefully this short tutorial gave you an idea of how to use Luan to make a website.</p> | |
| 102 | |
| 391 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 103 </body> | 
| 
2f5cc9c2cbf0
replace Html.simply_html_page with simply_html_head and simply_html_body_bottom
 Franklin Schmidt <fschmidt@gmail.com> parents: 
387diff
changeset | 104 </html> | 
