Giter VIP home page Giter VIP logo

viewer-walkthrough-online.viewer's Introduction

Online Viewer sample

Node.js npm Platforms License

oAuth2 Data-Management Model-Derivative Viewer

Description

This sample is part of the Online Viewer Walkthrough.

In this sample, we will be creating a simple web page that allows end users to upload some files to Forge storage service, then translate them and display them in a web browser.

  • Authenticate your developer identity
  • Create a bucket
  • Get bucket detail
  • Save a supported file to a bucket
  • Read the uploaded file from a bucket
  • Translate the file to the SVF format
  • Display the file in a web browser

Thumbnail

thumbnail

Setup

Prerequisites

  1. A Forge account: Getting Started with Forge
  2. A text editor of your choice. (For example Brackets or Visual Studio Code are good choices.)
  3. A basic knowledge of :
    • HTML and CSS
    • JavaScript ES6
    • Command-line programs
      • Node.js Command Line (for Windows users)
      • Terminal (for Mac/Linux/Unix users)

Running locally

Install NodeJS (version 8 or newer).

Clone this project or download it. It's recommended to install GitHub desktop.

To run it, install the required packages, set the enviroment variables with your client ID & secret and finally start it. Via command line, navigate to the folder where this repository was cloned and use the following:

Mac OSX/Linux (Terminal)

npm install
export FORGE_CLIENT_ID=<<YOUR CLIENT ID FROM DEVELOPER PORTAL>>
export FORGE_CLIENT_SECRET=<<YOUR CLIENT SECRET>>
npm start

Windows (use Node.js command line from Start menu)

npm install
set FORGE_CLIENT_ID=<<YOUR CLIENT ID FROM DEVELOPER PORTAL>>
set FORGE_CLIENT_SECRET=<<YOUR CLIENT SECRET>>
npm start

Open a browser and navigate to http://localhost:3000.

Click on the Authorize me link and then click through the links on the browser to:

  • Create a bucket
  • Save a supported file to a bucket
  • Display the file in a web browser

NOTE: It may take several minutes to complete translate the file.

License

This sample is licensed under the terms of the MIT License. Please see the LICENSE file for full details.

Support

[email protected]

viewer-walkthrough-online.viewer's People

Contributors

augustogoncalves avatar angauto avatar scmm17 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.