FOXX - a Javascript application framework on top of ArangoDB

ArangoDB Database

More Related Content

1.RWTH Aachen, Computer Science Student on branch mastertriAGENS GmbH, Developermoonglum moonbeamlabsby Lucas DohmenCreate APIs on your databaseArangoDB Foxx
2.Single PageWeb Applications
3.The Idea• What if we could talk tothe database directly?• It would only need an API• What if we could definethis API in JavaScript?
4.Single PageWeb Applications
5.Single PageWeb ApplicationsThis doesn‘t mean its a Rails/… Killer
6.Client Server DB
7.Client Server DBwith Foxx
8.Who is that guy?• ArangoDB Core Team• ArangoDB Foxx &Ruby Adapter• Student on the masterbranch• hacken.in & nerdkun.de
9.Who is that guy?• ArangoDB Core Team• ArangoDB Foxx &Ruby Adapter• Student on the masterbranch• hacken.in & nerdkun.de/(~() ) /_/( _-----_(@ @)( //|/--| V" " " "
10.What is ?• Free and Open Source…• … Document and Graph Store…• … with embedded JavaScript…• … and an amazing query languageMore aboutArangoDB atRuby UG Munichnext week
11./(~() ) /_/( _-----_(@ @)( //|/--| V" " " "
12.• …a feature of ArangoDB 1.4 (currently inalpha, release: End of September)• …an easy way to define REST APIs on top ofArangoDB• … a toolset for developing your single pageweb application• … not requiring any special code on the clientside – use it with Backbone, Ember, Angular…Foxx is…
13.Why another solution?• ArangoDB Foxx is streamlined for APIcreation – not a Jack of all trades• There‘s no communication overheadbetween (serverside) application anddatabase• It is designed for front end developers: UseJavaScript, you already know that
14.Foxx.Controller
15.Foxx = require("org/arangodb/foxx");controller = new Foxx.Controller(appContext);controller.get("/users", function(req, res) {res.json({hello: "world"});});
16.Parameterizethe routes• You may want a route like `users/:id`…• …and then access the value of `id` easily
17.Foxx = require("org/arangodb/foxx");controller = new Foxx.Controller(appContext);controller.get("/users ", function(req, res) {res.json({hello:});});req.params("name");/:name
18.• In your Foxx.Controller you describe yourroutes• But your application can consist of multipleFoxx.Controllers• … and you also want to deliver assets andfilesManifest.json
19.{"name": "my_website","version": "1.2.1","description": "My Website with a blog and a shop","thumbnail": "images/website-logo.png","controllers": {"/blog": "apps/blog.js","/shop": "apps/shop.js"},"assets": {"application.js": {"files": ["vendor/jquery.js","assets/javascripts/*"]}}}
20.More• Define a setup and teardown function tocreate and delete collections• Define lib to set a base path for your requirestatements• Define files to deliver binary data unaltered
21.Documentationas a first class citizen
22.Annotate your Routes• For Documentation• But it is also used for validation
23.controller.get("/users/:name", function(req, res) {res.json({hello: req.params("name");});}).pathParam("name", {description: "Name of the User",dataType: "string"});/** What's my name?** This route knows it.*/
24.Automatically generateSwagger Docs
25.Models & Repositories• Foxx also helps you structure the M part ofMVC• We don‘t have time for that today• But you can see a demonstration in ourdemo app• … or come to me later ;)
26.Foxx Apps Repo• Look at demo applications• Install components from a central repository• Share your ideas
27.Foxx Demo App:Aye-Aye
28.Foxx Authenticationhttps://github.com/moonglum/foxx_authentication
29.Foxx:The Future
30.A Glance intothe Future• Configure filters for your assets:• UglifyJS2• Later: Coffee, Sass, Client Templates…• Configurable Logging• Yo Generator
31.Thanks• Please try ArangoDB Foxx• We to get feedback
32.Contact• lucas@arangodb.org• @moonbeamlabs on Twitter
33.Thanks• Database icon designed by Romeo Barretofrom The Noun Project• Browser icon designed by FernandoVasconcelos from The Noun Project• Logos from Node.js, Ruby on Rails, Djangoand Symfony from the respective projects• All other icons are from Font Awesome