connect your javascript web app to owncloud over the webdav interface
DESCRIPTION
Here you will learn how to connect a pure JS app like TagSpaces to ownCloud over its WebDAV interface. These slides were presented on the #owncloudconf 2014 in Berlin.TRANSCRIPT
![Page 1: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/1.jpg)
OWNCLOUD CONFConnect your Javascript web app to ownCloud over the WebDAV interface
by Ilian Sapundshiev | |
in August 2014
@ilianste [email protected]
![Page 2: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/2.jpg)
AGENDA▪ Short TagSpaces Introduction + Demo▪ Integrating a JS app over WebDAV▪ Building a small ownCloud app for wrapping ot the JS app
![Page 3: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/3.jpg)
ABOUT MEIlian Sapundshiev▪ studied @ TUM - computer science▪ worked @ Dassault Systemes and Siemens▪ now: freelancing and leading TagSpaces▪ find me on twitter or
▪ interested in: open web, noBackend and 3d printing
@ilianste www.ilian.me
![Page 4: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/4.jpg)
WHAT IS TAGSPACES ?▪ open and extensible platform for management of digitalartefacts▪ letting you organize, tag, browse and find your local files, photosand documents on "every" platforms.▪ project initiated 2013 in Munich under the AGPL license▪ build with HTML5, Javascript, Cordova, Node-Webkit and manyother great libs▪ currently searching for contributors and investors▪ , , tagspaces.org github.com/uggrock/tagspaces @tagspaces
![Page 5: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/5.jpg)
DEMO
![Page 6: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/6.jpg)
SOFTWARE ARCHITECTURE
![Page 7: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/7.jpg)
CHALLENGE▪ TagSpaces is an offline application, completely backendless▪ But many users wanted to use it on the Internet▪ I needed a server version of TagSpaces
![Page 8: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/8.jpg)
SOLUTION - BASED ON OWNCLOUDWhy ownCloud?▪ open source▪ easy to extend▪ supporting "open" standards like WebDav, CalDav, ...
![Page 9: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/9.jpg)
SOLUTIONPart 1 - integrating with the WebDAV intefacePart 2 - build a simple ownCloud app for a tighted integration
![Page 10: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/10.jpg)
PART 1 - INTEGRATION OVER WEBDAVJavaScript WebDAV LibraryLibrary name: js-webdav-clientLicensed under LGPLgithub.com/sara-nl/js-webdav-clientAPI reference - http://sara-nl.github.com/js-webdav-client/
![Page 11: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/11.jpg)
LIMITATIONSDue to the CORS limitations ownCloud andTagSpaces have to be located on the same server
![Page 12: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/12.jpg)
CONNECTING TO WEBDAV
![Page 13: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/13.jpg)
USING WEBDAV IN JS
![Page 14: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/14.jpg)
CONNECTING TAGSPACES TO THE OWNCLOUDSERVER
![Page 15: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/15.jpg)
DEMO - TAGSPACES AS ALTERNATIVE TOOWNCLOUD'S FILE APP
![Page 16: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/16.jpg)
PART 2 -BUILD AN OWNCLOUD APPDrawback of the previous solution is the login dialog
![Page 17: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/17.jpg)
STRUCTURE OF THE APP
![Page 18: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/18.jpg)
OWNCLOUD ADMIN
![Page 19: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/19.jpg)
TAGSPACES RUNNING ON LOCALHOST
![Page 20: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/20.jpg)
AUTOMATICALLY REDIRECTION TO THE APP
![Page 21: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/21.jpg)
POSSIBLE NEXT STEPS▪ integrating the ownCloud search▪ adding links to setting and logout buttons▪ integrating contacts or calendar▪ ...
![Page 22: Connect your Javascript web app to ownCloud over the WebDAV interface](https://reader034.vdocuments.us/reader034/viewer/2022052621/55843fa9d8b42a77068b51c9/html5/thumbnails/22.jpg)
THE ENDTHANK YOU! QUESTIONS?
Ilian Sapundshiev @ilianstePowered by for , using Mindslide Freeplane Reveal.js