Versions Compared

Old Version 3

changes.mady.by.user auriac

Saved on

compared with

New Version 4

changes.mady.by.user auriac

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of contents

  1. Goal
  2. Installation
  3. Configuration
  4. Launch you application
  5. Basic usage


Quick navigation

Child pages (Children Display)
alltrue
pageUtilities


Panel
titleGoal

Anchor
1
1

The goal of this tutorial is to initiate youto the Spinalcom viewer.


$ mkdir newfolder $ cd newfolder $ npm init -y

To install the viewer you first need to install the Spinalcom Drive. If you don't know how you can learn here.

Once this is done there are 2 ways to install Spinalcom Viewer.

A. Without editing package.json

you can install the viewer in the folder you installed the drive.

Panel
titleInstallation

Anchor
2
2

First create a new folder and initialize it using npm.

Code Block
languagebash
themeDJango
Code Block
languagebash
themeDJango
$ npm iinstall https://github.com/spinalcom/spinal-browser-viewer.git

B. By editing package.json

Add spinal-browser-drive to the dependencies in package.json.

package


 Panel
titleConfiguration
 Anchor
3
3
To use the viewer you're going to need a Autodesk Forge account. Create or log in:
https://developer.autodesk.com/

Create an App with at least the Data Management API and Model Derivative API. The other labels don't matter.
https://forge.autodesk.com/myapps/create
Image Added
After you created the app you will be given a client ID and a client secret in the app's information. 
Put these information in .config.json in the environment of spinal-organ-forge.
.config.json
 Code Block
languagejs
themeDJango
linenumberstrue
{
  "spinal-core-hub": {
    "
name
env": {
   
"newfolder",
   "SPINALHUB_PORT": 7777,
      "
version
SPINALHUB_IP": "127.0.0.1"
    },
    "env_test": {
      "SPINALHUB_PORT": 7777,
      "SPINALHUB_IP": "127.0.0.1"
    },
    "
description
env_production": {
      "SPINALHUB_PORT": 7777,
  
"main
    "SPINALHUB_IP": "
index.js",
127.0.0.1"
    }
  },
  "spinal-organ-forge": {
    "
scripts
env": {
      "
test
INTERVAL": 2000,
      "CLIENT_ID": "
echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
// here
  "dependencies": {
    "spinal-browser-admin": "git+https://github.com/spinalcom/spinal-browser-viewer"
  }
}Then install it using npm.
REPLACE HERE",
      "CLIENT_SECRET": "REPLACE HERE",
      "SPINAL_USER_ID": "168",
      "SPINAL_PASSWORD": "JHGgcz45JKilmzknzelf65ddDadggftIO98P"
    },
    "env_test": {
      "INTERVAL": 2000,
      "CLIENT_ID": "REPLACE HERE",
      "CLIENT_SECRET": "REPLACE HERE",
      "SPINAL_USER_ID": "168",
      "SPINAL_PASSWORD": "JHGgcz45JKilmzknzelf65ddDadggftIO98P"
    },
    "env_production": {
      "INTERVAL": 2000,
      "CLIENT_ID": "REPLACE HERE",
      "CLIENT_SECRET": "REPLACE HERE",
      "SPINAL_USER_ID": "168",
      "SPINAL_PASSWORD": "JHGgcz45JKilmzknzelf65ddDadggftIO98P"
    }
  }
}

 Panel
titleLaunch your application
 Anchor
4
4
If you see a previously launched spinal-hub-7777 or spinal-hub-forge-7777 you need to delete them.
 Code Block
languagebash
themeDJango
$ pm2 delete spinal-hub-7777
$ pm2 delete spinal-organ-forge-7777
You can now restart your application with:
 Code Block
languagebash
themeDJango
$ pm2 npm installrestart launch.config.js


 Panel
titleBasic usage
 Anchor
5
5
The drive and viewer is a browser application. To use it you need to access it via a browser (you may change the host/port corresponding to your .config.json file):
http://127.0.0.1:7777/html/drive
To create your BIM application you're going to need a rvt file. You can get one here:
http://www.autodesk.com/revit-rac-basic-sample-project-2016-enu?_ga=2.104361024.1367483780.1526027060-750616995.1518426196
Once you downloaded it use your file manager to drag and drop it on the drive.
Image Added
Then right click on it and select Create BIM Project.


Conclusion