Установка File Manager

Чтобы начать использовать возможности менеджера, нужно:

Подключить необходимые CSS и JS файлы на страницу;
Вызвать конструктор объекта.

Необходимые файлы

Подключаем 4 файла:

<html>
 <head>
  <!-- Библиотека Webix -->
  <script src="codebase/webix.js" type="text/javascript"></script>
  <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
  <!-- File Manager -->
  <script type="text/javascript" src="codebase/filemanager.js"></script>
  <link rel="stylesheet" href="codebase/filemanager.css" type="text/css">
 </head>
 <body>
    <!-- Конструктор File Manager -->
    <script>        webix.ui({
            view:"filemanager", url:"remote/data"
        });
    </script>
 </body>
</html>

В следующем разделе мы рассмотрим другие способы создания File Manager на странице.

Запуск бэкенд сервера

Мы предоставляем серверный код для File Manager на NodeJS и Golang.

Используя NodeJS

Чтобы использовать NodeJS backend для File Manager, склонируйте репозиторий и запустите его локально:

npm install
 
# windows, bash and cmd, same command
npm run local D:\\apps\\some
# linux
npm run local /media/usr/d/apps/some

Обратите внимание, что к файловой системе требуется абсолютный путь!

Используя S3 Backend

Чтобы использовать Amazon S3 backend для File Manager, склонируйте репозиторий и запустите его локально:

npm install
 
npm run local s3://bucket-name/

Данные берутся из следующих переменных:

AWS_ACCESS_KEY_ID
AWS_SECRET_ACCESS_KEY

Используя Golang Backend

Чтобы использовать Golang backend для File Manager, склонируйте репозиторий и запустите его локально:

go build
 
# bash
./wfs-ls some/folder
 
# cmd
wfs-ls some/folder

Используя File Preview Service

Также мы предоставляем бэкенд сервис для генерации превью файлов. Склонируйте репозиторий и запустите его локально:

go build
 
# bash
./preview
 
# cmd
preview

Чтобы использовать превью сервис, запустите Golang backend server с параметром preview:

#bash
./wfs-ls -preview http://localhost:3201/preview some/folder
 
# cmd
wfs-ls -preview http://localhost:3201/preview some/folder

Обратите внимание, что превью сервис работает только с Golang.

Как запустить пакетные примеры локально

Чтобы запустить пакетные примеры локально, вам нужно перейти в корневую директорию File Manager, установить необходимые зависимости и запустить дев сервер:

// переходим в корневую директорию
cd files
 
// устанавливаем зависимости
yarn install //или npm install
 
// запускаем сервер
yarn server //или npm run server

Наверх

If you have not checked yet, be sure to visit site of our main product Webix js frameworks and page of html5 file manager product.