Giter Site home page Giter Site logo

clo.viewer.js's Introduction

Overview

CLOSET API provides a programming interface for file management and data retrieval on CLOSET. To access to the API, you need to create an account first. Then, you can access all files and data which will be saved with your account by using the API. In addition to the API, we also provide CLOSET 3D Viewer - a library to view 3D model(ZRrj, ZPac, AVT, ...) in your web sites or applications.

  1. Create your account
  2. CLOSET API
  3. CLOSET 3D Viewer

Create your account

  1. Sign up for a CLOSET and get email verification

Proceed to sign-up. If you already have an account, you may skip this part.

Image

When you complete the sign-up, you will receive a verification email.
Click the activate button.

Image


  1. Log in and go to CLOSET main page

When you verify your email, you will be logged in to the CLOSET and you will be taken to the main page. Once the account is created, you can use the API. Before getting into how to use API, we'd like to give you a brief introduction on some key features to help your understanding. In the main page, you can see Company and Workrooms which are automatically created. If you enter Company by clicking the icon, you can see Brand, Season and Workroom. These can be viewed as hierarchical folders that make file management easier in fashion companies. Workroom is the only folder where the garment files will be placed. There are two types of Workrooms. 1) Public Room is a Workroom that is shared over all Brands in a Company and 2) Workroom is the space that can be accessed only within a Brand.

Image


  1. Enter the workroom and upload the file

In Workroom, you can upload any files including ZPrj, Zpac, AVT, jpg, png, pdf, and etc. This can be done either by hand or by using the API. After uploading is completed, CLO 3D file (ZPrj, ZPac and AVT) is converted to the compact file format that is used by CLOSET 3D Viewer. As the conversion usually takes tens of seconds, it is done on the server side of CLOSET.

Image

Image


  1. Try with the 3D Viewer

Once the conversion is completed, you can check the object through the 3D Viewer. Click the thumbnail to enter its detail page. To see the object in 3D, you usually need to wait for the conversion time (10~20 secs). This is the same as using the API.

Image


CLOSET API

With using the API, you can upload/download files to/from the Workroom and retrieve the information of the uploaded file. To use CLOSET APIs, you must first call the login API to get a token. If the login succeeds, you will receive a token in response. Then, you can call the APIs through HTTP basic authentication with the token and CLOSET ID (the email address).

Server URL

All requests should be made to https://www.clo-set.com/

Authentication

All requests require HTTP Basic Authentication authentication and should be made over HTTPS. HTTP Basic Authentication requires a username and password. Input your CLOSET ID(the email address) and the token as the username and password, respectively. Note that CLOSET ID and Token should be encoded with Base64.

Example - Request Header

Authorization: Basic { base64({Email}:{Token}) }

API Documentation

You can find all APIs with examples at https://www.clo-set.com/swagger.


CLOSET 3D Viewer

CLOSET 3D Viewer is a JavaScript library to see the object in 3D on any web pages or applications supporting for HTTPS and JavaScript. Following the guide below, you can make your own 3D web viewer. As CLOSET has been also implemented with this library, you can refer to CLOSET(https://www.clo-set.com/Marketplace/Detail?itemid=a39e955d947647539314f85443c90e9b) as an example.
(Guide will be updated in a few days)

clo.viewer.js's People

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.