Building Dojo in the Cloud
Download as KEY, PDF1 like1,320 views
The document discusses Dojo Web Builder, a tool that allows users to easily build Dojo applications in the cloud without needing to install build tools locally. It provides a simple interface where users can select Dojo packages and modules to include, customize build settings, and receive an optimized built file. The tool is hosted on Amazon EC2 and uses a REST API and asynchronous JavaScript builder to process builds. Statistics show it is gaining popularity with over 2,700 builds since launch. Future plans include full AMD support and a Dojo package repository.
![GET /packages
{
"packages":
[
{
"link":"http://your.dojotoolkit.org/api/packages/dojo",
"name":"dojo"
}
],
[
{
"link":"http://build.dojotoolkit.org/api/packages/dwb",
"name":"dwb"
}
]
}](https://image.slidesharecdn.com/dwb-dojoconf2011-110917122552-phpapp01/85/Building-Dojo-in-the-Cloud-18-320.jpg)
![GET /packages/dojo
{
"versions":
[
{
"link":"http://build.dojotoolkit.org/api/packages/dojo/1.4.3",
"name":"1.4.3"
},
{
"link":"http://build.dojotoolkit.org/api/packages/dojo/1.5.1",
"name":"1.5.1"
},
{
"link":"http://build.dojotoolkit.org/api/packages/dojo/1.6.1",
"name":"1.6.1"
}
]
}](https://image.slidesharecdn.com/dwb-dojoconf2011-110917122552-phpapp01/85/Building-Dojo-in-the-Cloud-19-320.jpg)
![GET /packages/dojo/1.6.1
{
"description":"Dojo Toolkit, release 1.6.1",
"name":"Dojo Toolkit",
"modules":
[
["dijit.Calendar","A simple GUI for choosing a date in the context of a monthly
calendar. "],
["dijit.CheckedMenuItem","A checkbox-like menu item for toggling on and off "],
["dijit.ColorPalette","A keyboard accessible color-picking widget "],
["dijit.Declaration","The Declaration widget allows a developer to declare new
widget classes directly from a snippet of markup. "],
.......
]
}](https://image.slidesharecdn.com/dwb-dojoconf2011-110917122552-phpapp01/85/Building-Dojo-in-the-Cloud-20-320.jpg)
![POST /build
{
"packages":[
{
"name":"dojo",
"version":"1.6.1"
}
],
"layers":[
{
"name":"dojo.js",
"modules":[
{"name":"dijit.Calendar", "package":"dojo"},
{"name":"dijit.Dialog", "package":"dojo"},
{"name":"dijit.Menu","package":"dojo"}
]
}
],
"optimise":"shrinksafe",
"cdn":"none",
"themes":"claro",
"cssOptimise":"comments"
}](https://image.slidesharecdn.com/dwb-dojoconf2011-110917122552-phpapp01/85/Building-Dojo-in-the-Cloud-22-320.jpg)
Building Dojo in the Cloud
- 1. Dojo Web Builder Building Dojo in the Cloud http://www.flickr.com/photos/turtlemom_nancy/2046347762/ James Thomas
- 2. Me. @thomasj
- 3. Who uses the Dojo builder for their app?
- 5. So... why do we need a “Web Builder”?
- 6. Existing Dojo Build • Learning curve too steep for many users • Toolset may put some some users, i.e. commands lines and shell scripts • Users from simpler toolkits aren’t used to “building” JavaScript components
- 7. Why does this matter?
- 11. Dojo Web Builder
- 12. build.dojotoolkit.org • Launched in April 2011 • Served nearly 3000 builds of Dojo! • Hosted on EC2
- 14. Time for a demo!
- 15. How does it work?
- 16. Architecture XHR Web Application REST API Asynchronous Builder JSON (Java) (JavaScript) Dojo 1.5 Jetty Rhino JAX-RS Dojo Build
- 17. Architecture XHR Web Application REST API Asynchronous Builder JSON (Java) (JavaScript) Retrieve all packages available....
- 18. GET /packages { "packages": [ { "link":"http://your.dojotoolkit.org/api/packages/dojo", "name":"dojo" } ], [ { "link":"http://build.dojotoolkit.org/api/packages/dwb", "name":"dwb" } ] }
- 19. GET /packages/dojo { "versions": [ { "link":"http://build.dojotoolkit.org/api/packages/dojo/1.4.3", "name":"1.4.3" }, { "link":"http://build.dojotoolkit.org/api/packages/dojo/1.5.1", "name":"1.5.1" }, { "link":"http://build.dojotoolkit.org/api/packages/dojo/1.6.1", "name":"1.6.1" } ] }
- 20. GET /packages/dojo/1.6.1 { "description":"Dojo Toolkit, release 1.6.1", "name":"Dojo Toolkit", "modules": [ ["dijit.Calendar","A simple GUI for choosing a date in the context of a monthly calendar. "], ["dijit.CheckedMenuItem","A checkbox-like menu item for toggling on and off "], ["dijit.ColorPalette","A keyboard accessible color-picking widget "], ["dijit.Declaration","The Declaration widget allows a developer to declare new widget classes directly from a snippet of markup. "], ....... ] }
- 21. Architecture XHR Web Application REST API Asynchronous Builder JSON (Java) (JavaScript) Submit a build...
- 22. POST /build { "packages":[ { "name":"dojo", "version":"1.6.1" } ], "layers":[ { "name":"dojo.js", "modules":[ {"name":"dijit.Calendar", "package":"dojo"}, {"name":"dijit.Dialog", "package":"dojo"}, {"name":"dijit.Menu","package":"dojo"} ] } ], "optimise":"shrinksafe", "cdn":"none", "themes":"claro", "cssOptimise":"comments" }
- 23. HTTP 202 Accepted { "buildStatusLink": "http://build.dojotoolkit.org/api/build/status/ HtHlqBVzBAztHRKMlClyYPzBofk_" }
- 24. GET /build/status { "buildStatusLink": "http://build.dojotoolkit.org/api/build/status/ HtHlqBVzBAztHRKMlClyYPzBofk_" } { "logs": "Beginning build process...” "state": "BUILDING" }
- 25. GET /build/status { "buildStatusLink": "http://build.dojotoolkit.org/api/build/status/ HtHlqBVzBAztHRKMlClyYPzBofk_" } { "logs":"Beginning build process...” Local build selected. Loading build scripts... done Found custom module package, set up build.... Custom user package analysis... done Creating layer profiles.... Discovered layer, dojo.js Creating layer contents from profile... .... Build process completed successfully!", "state" : "COMPLETED", "result": "http://build.dojotoolkit.org/api/build/ HtHlqBVzBAztHRKMlClyYPzBofk_" }
- 28. LOGS http://www.flickr.com/photos/decade_null/142235888/
- 29. Statistics! http://www.flickr.com/photos/gasi/348050339/
- 30. Builds Per Month Build Requests 800 600 400 200 0 May June July August Sept Total Builds Since Launch - 2740*
- 31. Most Popular Modules Module Name Builds Contained dijit.Dialog 30.80% dijit.form.Button 30.58% dijit.layout.ContentPane 26.57% dijit.form.Form 23.80% dojo.parser 22.85% dojo.data.ItemFileReadStore 22.85% dijit.Calendar 22.55% dijit.form.FilteringSelect 22.26% dijit.form.ComboBox 22.08% dijit.layout.TabContainer 22.01%
- 32. Auto Analysis Analysis Type 2,000 1,500 1,000 500 0 Remote URL Local File Profile Total Auto-Analyse Requests - 2180
- 33. Auto Analysis Analysis Type Localhost 2,000 1,500 1,000 500 0 Remote URL Local File Profile Total Auto-Analyse Requests - 2180
- 34. What’s next?
- 35. • Full AMD support (build & auto-analysis)
- 36. • Full AMD support (build & auto-analysis) • Dojo Foundation Package Repository
- 37. • Full AMD support (build & auto-analysis) • Dojo Foundation Package Repository • Build process purely client-side?
- 38. Thank you for listening! http://build.dojotoolkit.org http://github.com/dojo/dwb