An open protocol for per-user storage on the Web
Webfinger + OAuth + CORS + REST
Read more on the protocol and its apps
Check the online demo here
<script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
<script src="build/aframe-remotestorage.min.js"></script>
<style type="text/css">
#remotestorage-widget {
z-index: 21000000;
position: fixed;
top: 0;
right: 0;
}
</style>
</head>
<body>
<a-scene remotestorage="dropbox: apikey; googledrive: apikey; logging: true; folder: myapp">
... see index.html for usage ...
</a-scene>
</body>
</html>
See index.html as an example, which demonstrates a store.js component which uses the aframe-remotestorage AFRAME component.
- websites supporting remotestorage protocol:
- 5apps
- dropbox (adapter)
- gdrive (adapter)
- for storage get an account on 5apps.com, dropbox, gdrive or ideally selfhost armadietto
- open the online demo
- click the 'connect storage'-widget
- enter your account address
Once you're connected try modifying the scene:
- launch the AFRAME designer by pressing 'editor'-button (or ctrl+shift+i)
- modify some objects
- optional: run
$('a-sphere').setAttribute("scale","0.2 0.2 0.2") - now reload the page
Profit! the scene is now saved/loaded to/from your storage.
- verify whether a
myapp-folder was written to your storage
Simple! With other webapps which support remotestorage :)
Developers can use/access the remoteStorage-object (initialized in the aframe-remotestorage.js component).
Then, they can do various operations (demonstrated in load() and save() of store.js) which are documented here: