{"id":933,"date":"2023-01-21T14:46:42","date_gmt":"2023-01-21T13:46:42","guid":{"rendered":"http:\/\/osiris.itabc.cnr.it\/aton\/?page_id=933"},"modified":"2023-01-21T14:57:39","modified_gmt":"2023-01-21T13:57:39","slug":"run-deploy-minimal-3d-viewer","status":"publish","type":"page","link":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/","title":{"rendered":"Run & Deploy (minimal 3D viewer)"},"content":{"rendered":"\n

This guide serves as minimal<\/em><\/strong> deploy of a 3D viewer<\/strong> based on ATON, in scenarios where you are NOT<\/strong> able to install NodeJS<\/strong> on your machine\/server<\/span>.<\/p>\n\n\n\n

This means you won’t <\/strong>have access to several features\/services of the ATON framework, such as users’ authentication, real-time collaboration, REST APIs, 3D scenes live editing, and more (…or you have to implement yourself). So if you have a local (offline) installation or the possibility to install NodeJS, please follow this simple tutorial<\/a>.<\/p>\n\n\n\n

The setup is super-easy with minimal steps, given you have already a basic hosting or access to a web-server (purely serving files)<\/p>\n\n\n\n

First off, you grab the latest version of ATON framework<\/strong> from official github, lets say the zip package<\/a><\/strong>. Unzip somewhere, then go to \/public\/<\/strong> subfolder and upload just these folders on your web-server (via ftp or whatever you are using to upload files to your web-server) in the top level folder<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

At this point, you should be able to reach the standalone\/ folder via <your-domain-or-IP>\/standalone\/<\/strong>. You should see something like this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That’s it! It’s working<\/strong><\/p>\n\n\n\n

Now, this sample App is a basic standalone viewer<\/span> to load 3D models or scenes<\/strong>.<\/p>\n\n\n\n

You can start from there to develop your basic app (tipically a simple 3D viewer) or just use this one as it is. More specifically, this sample viewer loads 3D models and scenes from the \/assets\/ <\/strong>subfolder (inside standalone\/): you can see you have already there a sample glTF 3D model – atoncube.glb<\/strong><\/p>\n\n\n\n

We can rename the “standalone” folder with a customized name you like, lets say “myapp<\/strong>“:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Now you can load a specific 3D model from your assets\/ folder using url parameter like this: <your-domain-or-IP>\/myapp\/?m=atoncube.glb<\/strong><\/p>\n\n\n\n

or a scene (see scene descriptors<\/a>) using <your-domain-or-IP>\/myapp\/?s=scene<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That’s it!<\/strong><\/p>\n\n\n\n

You can indeed populate the assets\/<\/strong> folder with your 3D models using supported 3D formats, and present them through a specific url. Of course if you need something more advanced, you can customize the code in js\/main.js<\/strong>, or use more advanced front-ends like Hathor<\/a>.<\/p>\n\n\n\n

You can see a live sample of this minimal 3D viewer here: https:\/\/aton.ispc.cnr.it\/standalone\/?m=atoncube.glb<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This guide serves as minimal deploy of a 3D viewer based on ATON, in scenarios where you are NOT able to install NodeJS on your machine\/server. This means you won’t have access to several features\/services of the ATON framework, such as users’ authentication, real-time collaboration, REST APIs, 3D scenes live editing, and more (…or you […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":695,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-933","page","type-page","status-publish","hentry"],"yoast_head":"\nRun & Deploy (minimal 3D viewer) - ATON<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Run & Deploy (minimal 3D viewer) - ATON\" \/>\n<meta property=\"og:description\" content=\"This guide serves as minimal deploy of a 3D viewer based on ATON, in scenarios where you are NOT able to install NodeJS on your machine\/server. This means you won’t have access to several features\/services of the ATON framework, such as users’ authentication, real-time collaboration, REST APIs, 3D scenes live editing, and more (…or you […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/\" \/>\n<meta property=\"og:site_name\" content=\"ATON\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-21T13:57:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2023\/01\/standalone-folders.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/\",\"name\":\"Run & Deploy (minimal 3D viewer) - ATON\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/standalone-folders.jpg\",\"datePublished\":\"2023-01-21T13:46:42+00:00\",\"dateModified\":\"2023-01-21T13:57:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/standalone-folders.jpg\",\"contentUrl\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/standalone-folders.jpg\",\"width\":497,\"height\":148},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/run-deploy-minimal-3d-viewer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting Started\",\"item\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/index.php\\\/tutorials\\\/getting-started\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Run & Deploy (minimal 3D viewer)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#website\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\",\"name\":\"ATON\",\"description\":\"open-source Web3D\\\/WebXR framework by CNR ISPC\",\"publisher\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#organization\",\"name\":\"ATON\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/aton-logo-100.png\",\"contentUrl\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/aton-logo-100.png\",\"width\":100,\"height\":100,\"caption\":\"ATON\"},\"image\":{\"@id\":\"https:\\\/\\\/osiris.itabc.cnr.it\\\/aton\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Run & Deploy (minimal 3D viewer) - ATON","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/","og_locale":"en_US","og_type":"article","og_title":"Run & Deploy (minimal 3D viewer) - ATON","og_description":"This guide serves as minimal deploy of a 3D viewer based on ATON, in scenarios where you are NOT able to install NodeJS on your machine\/server. This means you won’t have access to several features\/services of the ATON framework, such as users’ authentication, real-time collaboration, REST APIs, 3D scenes live editing, and more (…or you […]","og_url":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/","og_site_name":"ATON","article_modified_time":"2023-01-21T13:57:39+00:00","og_image":[{"url":"http:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2023\/01\/standalone-folders.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/","url":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/","name":"Run & Deploy (minimal 3D viewer) - ATON","isPartOf":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#website"},"primaryImageOfPage":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/#primaryimage"},"image":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/#primaryimage"},"thumbnailUrl":"http:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2023\/01\/standalone-folders.jpg","datePublished":"2023-01-21T13:46:42+00:00","dateModified":"2023-01-21T13:57:39+00:00","breadcrumb":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/#primaryimage","url":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2023\/01\/standalone-folders.jpg","contentUrl":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2023\/01\/standalone-folders.jpg","width":497,"height":148},{"@type":"BreadcrumbList","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/run-deploy-minimal-3d-viewer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/osiris.itabc.cnr.it\/aton\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/tutorials\/getting-started\/"},{"@type":"ListItem","position":4,"name":"Run & Deploy (minimal 3D viewer)"}]},{"@type":"WebSite","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#website","url":"https:\/\/osiris.itabc.cnr.it\/aton\/","name":"ATON","description":"open-source Web3D\/WebXR framework by CNR ISPC","publisher":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/osiris.itabc.cnr.it\/aton\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#organization","name":"ATON","url":"https:\/\/osiris.itabc.cnr.it\/aton\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#\/schema\/logo\/image\/","url":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2022\/12\/aton-logo-100.png","contentUrl":"https:\/\/osiris.itabc.cnr.it\/aton\/wp-content\/uploads\/2022\/12\/aton-logo-100.png","width":100,"height":100,"caption":"ATON"},"image":{"@id":"https:\/\/osiris.itabc.cnr.it\/aton\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/comments?post=933"}],"version-history":[{"count":7,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/933\/revisions"}],"predecessor-version":[{"id":1531,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/933\/revisions\/1531"}],"up":[{"embeddable":true,"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/osiris.itabc.cnr.it\/aton\/index.php\/wp-json\/wp\/v2\/media?parent=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}