Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Clojure Web Development

A0335428a9bc84ac981640853ca3a7eb?s=47 pschirmacher
June 11, 2013
Programming
2
460

Clojure Web Development

A0335428a9bc84ac981640853ca3a7eb?s=128

pschirmacher

June 11, 2013
Tweet

More Decks by pschirmacher

See All by pschirmacher
A0335428a9bc84ac981640853ca3a7eb?s=48 pschirmacher
0
99
A0335428a9bc84ac981640853ca3a7eb?s=48 pschirmacher
1
210

Other Decks in Programming

See All in Programming
06b10e0c3e87349fa6cc74a63493eb9c?s=48 okmttdhr
2
220
E26d0367de2bbb06bf3059c981aea719?s=48 wagnerfusca
2
230
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
1
1.2k
3a622e726b35fe71480166a16edcb66e?s=48 ariarijp
1
330
933291444e456bfb511a66a2fa9c6929?s=48 j5ik2o
2
500
23190387d424e33d6a1a807cea1e0469?s=48 osamtimizer
0
250
636420dfa4bd120435447924327530f0?s=48 nichimu
0
140
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
480
64e95d2d8051ee58501f21987f46b9e7?s=48 chck
5
2.4k
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
9
3.2k
700eacfd79780dfbd6453c971cadafb8?s=48 martinisoft
1
190
285cc95c4c9fe056b03afca581533266?s=48 fkubota
12
7.5k

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
462
280k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
210k
245cee81a9c424266e5e401d844ea881?s=48 lara
591
61k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
5.2k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
10
560
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
920k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
10k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
53
3k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
54
4.5k

Transcript

  1. We'll take care of it. Personally. Clojure Web Development Philipp

    Schirmacher | innoQ Tuesday, June 11, 13

  2. © 2013 innoQ Deutschland GmbH http://upload.wikimedia.org/wikip Tuesday, June 11, 13

  3. © 2013 innoQ Deutschland GmbH Clojure http://upload.wikimedia.org/wikipedia/en/1/1a/Clo A practical Lisp

    variant for the JVM Functional programming Dynamic Typing Full-featured macro system Bi-directional Java interop Immutable data structures Tuesday, June 11, 13

  4. © 2013 innoQ Deutschland GmbH Lisp?? Tuesday, June 11, 13

  5. © 2013 innoQ Deutschland GmbH Lots of irritating silly parentheses

    Tuesday, June 11, 13

  6. © 2013 innoQ Deutschland GmbH Clojure Environment Clojuresque (Gradle) Leiningen

    Tuesday, June 11, 13

  7. © 2013 innoQ Deutschland GmbH http://www.tbray.org/ongoing/When/200x/2008/09/25/-big/R0010774.jpg.html Rich Hickey Tuesday, June

    11, 13

  8. © 2013 innoQ Deutschland GmbH Clojure Crash Course Tuesday, June

    11, 13

  9. © 2013 innoQ Deutschland GmbH Generic Data Types Tuesday, June

    11, 13

  10. © 2013 innoQ Deutschland GmbH {:name "Clojure" :features [:functional :jvm

    :parens] :creator "Rich Hickey" :stable-version {:number "1.5.1" :release "2013/03/10"}} Tuesday, June 11, 13

  11. © 2013 innoQ Deutschland GmbH Functions Tuesday, June 11, 13

  12. © 2013 innoQ Deutschland GmbH (:city {:name "innoQ" :city "Monheim"})

    > "Monheim" (map inc [1 2 3]) > (2 3 4) (+ 1 2) > 3 Tuesday, June 11, 13

  13. © 2013 innoQ Deutschland GmbH (fn [x y] (+ x

    y)) ((fn [x y] (+ x y)) 1 2) > 3 (def add (fn [x y] (+ x y))) (defn add [x y] (+ x y)) (add 1 2) Tuesday, June 11, 13

  14. © 2013 innoQ Deutschland GmbH (defn activity [weather] (if (nice?

    weather) :surfing :playstation)) Tuesday, June 11, 13

  15. © 2013 innoQ Deutschland GmbH (defn make-adder [x] (fn [y]

    (+ x y))) (def add-two (make-adder 2)) (add-two 3) > 5 Tuesday, June 11, 13

  16. © 2013 innoQ Deutschland GmbH Web Development? Tuesday, June 11,

    13

  17. © 2013 innoQ Deutschland GmbH app request response data function

    Tuesday, June 11, 13

  18. © 2013 innoQ Deutschland GmbH Ring Tuesday, June 11, 13

  19. © 2013 innoQ Deutschland GmbH (defn hello-world-app [req] {:status 200

    :headers {"Content-Type" "text/plain"} :body "Hello, World!"}) (hello-world-app {:uri "/foo" :request-method :get}) > {...} (run-jetty hello-world-app {:port 8080}) Tuesday, June 11, 13

  20. © 2013 innoQ Deutschland GmbH (defn my-first-homepage [req] {:status 200

    :headers {"Content-Type" "text/html"} :body (str "<html><head>" "<link href=\"/pretty.css\" ...>" "</head><body>" "<h1>Welcome to my Homepage</h1>" (java.util.Date.) "</body></html>")}) Tuesday, June 11, 13

  21. © 2013 innoQ Deutschland GmbH static resources request response homepage

    Tuesday, June 11, 13

  22. © 2013 innoQ Deutschland GmbH (defn decorate [webapp] (fn [req]

    ...before webapp... (webapp req) ...after webapp...)) Tuesday, June 11, 13

  23. © 2013 innoQ Deutschland GmbH (defn decorate [webapp] (fn [req]

    (if (static-resource? req) (return-resource req) (webapp req)))) Tuesday, June 11, 13

  24. © 2013 innoQ Deutschland GmbH (defn wrap-resource [handler root-path] (fn

    [request] (if-not (= :get (:request-method request)) (handler request) (let [path (extract-path request)] (or (resource-response path {:root root-path}) (handler request)))))) Tuesday, June 11, 13

  25. © 2013 innoQ Deutschland GmbH (defn my-first-homepage [req] ...) (def

    webapp (wrap-resource my-first-homepage "public")) (run-jetty webapp {:port 8080}) Tuesday, June 11, 13

  26. © 2013 innoQ Deutschland GmbH (webapp {:uri "/pretty.css" :request-method :get

    :headers {}}) > {:status 200 :headers {} :body #<File ...resources/public/pretty.css>} Tuesday, June 11, 13

  27. © 2013 innoQ Deutschland GmbH wrap-resource request response my- rst-homepage

    wrap- le-info Tuesday, June 11, 13

  28. © 2013 innoQ Deutschland GmbH (defn homepage [req] ...) (def

    webapp (-> homepage (wrap-resource "public") wrap-file-info)) (run-jetty webapp {:port 8080}) (wrap-file-info (wrap-resource homepage "public")) Tuesday, June 11, 13

  29. © 2013 innoQ Deutschland GmbH (webapp {:uri "/pretty.css" :request-method :get

    :headers {}}) > {:status 200 :headers {"Content-Length" "16" "Last-Modified" "Thu, 14 Jun ..." "Content-Type" "text/css"} :body #<File ...resources/public/pretty.css>} Tuesday, June 11, 13

  30. © 2013 innoQ Deutschland GmbH wrap-resource wrap- le wrap-params wrap-session

    wrap-flash wrap-etag wrap-basic-authentication Tuesday, June 11, 13

  31. © 2013 innoQ Deutschland GmbH middleware request response handler middleware

    routing ... Tuesday, June 11, 13

  32. © 2013 innoQ Deutschland GmbH Compojure Tuesday, June 11, 13

  33. © 2013 innoQ Deutschland GmbH (def get-handler (GET "/hello" []

    "Hello, World!")) (get-handler {:request-method :get :uri "/hello"}) > {:body "Hello, World!" ...} (get-handler {:request-method :post :uri "/hello"}) > nil Tuesday, June 11, 13

  34. © 2013 innoQ Deutschland GmbH (def get-handler (GET "/hello/:name" [name]

    (str "Hello, " name "!"))) (def post-handler (POST "/names" [name] (remember name) (redirect (str "/hello/" name)))) Tuesday, June 11, 13

  35. © 2013 innoQ Deutschland GmbH Digression: Macros Tuesday, June 11,

    13

  36. © 2013 innoQ Deutschland GmbH text Compiler bytecode Tuesday, June

    11, 13

  37. © 2013 innoQ Deutschland GmbH text Reader Evaluator data structures

    bytecode (if true (print "true" (print "false")) “(if true (print "true" (print "false"))” Tuesday, June 11, 13

  38. © 2013 innoQ Deutschland GmbH text Reader Evaluator data structures

    bytecode (cond (< 4 3) (print "wrong") (> 4 3) (print "yep")) (if (< 4 3) (print "wrong") (if (> 4 3) (print "yep") nil)) cond- Macro (cond (< 4 3) (pri... (> 4 3) (pri... “(cond (< 4 3) (print "wrong") (> 4 3) (print "yep"))” Tuesday, June 11, 13

  39. © 2013 innoQ Deutschland GmbH (defmacro my-cond [c1 e1 c2

    e2] (list 'if c1 e1 (list 'if c2 e2 nil))) (my-cond false (println "won't see this") true (println "it works!")) it works! Tuesday, June 11, 13

  40. © 2013 innoQ Deutschland GmbH (my-cond false (println "won't see

    this") true (println "it works!")) it works! (defmacro my-cond [c1 e1 c2 e2] `(if ~c1 ~e1 (if ~c2 ~e2 nil))) Tuesday, June 11, 13

  41. © 2013 innoQ Deutschland GmbH text Reader Evaluator data structures

    bytecode (GET "/hello" [] "Hello, World!") (fn [req] (if (and (match (:uri req) "/hello") (= (:request-method req) :get)) {:body "Hello, World!" …} nil)) GET- Macro “(GET "/hello" [] "Hello, World!")” Tuesday, June 11, 13

  42. © 2013 innoQ Deutschland GmbH Back to Compojure... Tuesday, June

    11, 13

  43. © 2013 innoQ Deutschland GmbH (def get-handler (GET "/hello/:name" [name]

    (str "Hello, " name "!"))) (def post-handler (POST "/names" [name] (remember name) (redirect (str "/hello/" name)))) Tuesday, June 11, 13

  44. © 2013 innoQ Deutschland GmbH (defroutes todo-app (GET "/todos" []

    (render (load-all-todos))) (GET "/todos/:id" [id] (render (load-todo id))) (POST "/todos" {json-stream :body} (create-todo (read-json (slurp json-stream))) (redirect "/todos"))) Tuesday, June 11, 13

  45. © 2013 innoQ Deutschland GmbH (defroutes more-routes (context "/todos/:id" [id]

    (DELETE "/" [] (delete-todo id) (redirect "/todos")) (PUT "/" {json-stream :body} (update-todo (read-json (slurp json-stream))) (redirect (str "/todos/" id))))) Tuesday, June 11, 13

  46. © 2013 innoQ Deutschland GmbH (defroutes complete-app todo-app more-routes (not-found

    "Oops.")) (def secure-app (wrap-basic-authentication complete-app allowed?)) (run-jetty (api secure-app) {:port 8080}) Tuesday, June 11, 13

  47. © 2013 innoQ Deutschland GmbH middleware request response handler middleware

    routing ... JSON HTML Tuesday, June 11, 13

  48. © 2013 innoQ Deutschland GmbH Hiccup Tuesday, June 11, 13

  49. © 2013 innoQ Deutschland GmbH <element attribute="foo"> <nested>bar</nested> </element> [:element]

    Tuesday, June 11, 13

  50. © 2013 innoQ Deutschland GmbH <element attribute="foo"> <nested>bar</nested> </element> [:element

    {:attribute "foo"}] Tuesday, June 11, 13

  51. © 2013 innoQ Deutschland GmbH <element attribute="foo"> <nested>bar</nested> </element> [:element

    {:attribute "foo"} [:nested]] Tuesday, June 11, 13

  52. © 2013 innoQ Deutschland GmbH <element attribute="foo"> <nested>bar</nested> </element> [:element

    {:attribute "foo"} [:nested "bar"]] Tuesday, June 11, 13

  53. © 2013 innoQ Deutschland GmbH <html> <head><title>Foo</title></head> <body><p>Bar</p></body> </html> (def

    hiccup-example [:html [:head [:title "Foo"]] [:body [:p "Bar"]]]) (html hiccup-example) > "<html>...</html>" Tuesday, June 11, 13

  54. © 2013 innoQ Deutschland GmbH (def paul {:name "Paul" :age

    45}) (defn render-person [person] [:dl [:dt "Name"] [:dd (:name person)] [:dt "Age"] [:dd (:age person)]]) (html (render-person paul)) > "<dl><dt>Name</dt><dd>Paul</dd>...</dl>" Tuesday, June 11, 13

  55. © 2013 innoQ Deutschland GmbH (defn render-person [person] [:dl [:dt

    "Name"] [:dd (:name person)] [:dt "Age"] [:dd (:age person)]]) (defn people-page [people] [:html [:head [:title "All the people"]] [:body (map render-person people)]]) Tuesday, June 11, 13

  56. © 2013 innoQ Deutschland GmbH (link-to "http://www.innoq.com" "click here") >

    [:a {:href "http://www.innoq.com"} "click here"] (form-to [:post "/login"] (text-field "Username") (password-field "Password") (submit-button "Login")) > [:form {:action "POST" ...} [:input ...] ...] Tuesday, June 11, 13

  57. © 2013 innoQ Deutschland GmbH <div id="my-id" class="class1 class2"> foo

    </div> [:div#my-id.class1.class2 "foo"] Tuesday, June 11, 13

  58. © 2013 innoQ Deutschland GmbH middleware request response handler middleware

    routing ... JSON HTML Tuesday, June 11, 13

  59. © 2013 innoQ Deutschland GmbH middleware {} {} handler middleware

    routing ... JSON HTML servlet adapter javax.servlet.http. HttpServletRequest javax.servlet.http. HttpServletRespone Tuesday, June 11, 13

  60. © 2013 innoQ Deutschland GmbH Conclusion Tuesday, June 11, 13

  61. © 2013 innoQ Deutschland GmbH :-) ‣ Simple basic concepts

    ‣ Easy to use ‣ Little code (also in libraries) ‣ Helpful community ‣ Mature eco system Tuesday, June 11, 13

  62. Thank you! We'll take care of it. Personally. © 2012

    innoQ Deutschland GmbH Philipp Schirmacher philipp.schirmacher@innoq.com @pschirmacher Tuesday, June 11, 13

  63. © 2013 innoQ Deutschland GmbH Backup Tuesday, June 11, 13

  64. © 2013 innoQ Deutschland GmbH Task Libraries HTTP Basics Ring

    Routing Compojure Moustache HTML Hiccup Enlive Persistence clojure.java.jdbc Korma Monger Asynchronous Server Aleph JavaScript ClojureScript Tuesday, June 11, 13