Need a special offer?Find out if your project fits.
+
All documentation
  • Introduction
  • Connecting to Data Source
    1. Supported data sources
    2. Connecting to other data sources
  • Browser compatibility
  • Documentation for older versions
  • Installing Flexmonster Data Server as a Windows/Unix service

    This walkthrough describes how to install Flexmonster Data Server. Flexmonster Pivot can be downloaded here.

    Note that this guide is focused on using Flexmonster Data Server as a Windows/Unix service. If you need to reference the Data Server as a DLL, see the following section: The Data Server as a DLL.

    The main benefits of using the Data Server as a Windows/Unix service are:

    • It has a convenient graphical user interface — Flexmonster Admin Panel.
    • It runs in the background and out of sight.
    • It starts automatically on operating system startup.
    • It’s hard for a user to inadvertently quit the application.

    Installing Flexmonster Data Server

    Prerequisites

    • Flexmonster CLI
      Install it with the following command:
      npm install -g flexmonster-cli

    Install the Data Server with the following steps.

    Step 1. Download

    Flexmonster Data Server is available for the following operating systems:

    • Windows (32-bit and 64-bit)
    • macOS (64-bit and ARM64)
    • Ubuntu/Linux (64-bit and ARM64)

    Flexmonster CLI downloads the appropriate version of the Data Server depending on your operating system.

    To install the Data Server, run the following CLI command:

    flexmonster add fds -r

    The flexmonster add fds command does the following:

    • Downloads the .zip archive with Flexmonster Data Server.
    • Automatically unpacks the files in the current folder. As a result, the flexmonster-data-server/ folder will appear in your working directory.

    The -r option, which stands for --run, installs the Data Server as a Windows/Unix service and then runs it. Besides, it installs and runs Flexmonster Admin Panel — a graphical user interface for the Data Server.

    Step 2. See the download package structure

    Let’s have a look at the flexmonster-data-server/ folder’s structure:

    On Windows

    • Flexmonster-Admin-Panel.exe — the executable file to install Flexmonster Admin Panel.
    • flexmonster-data-server.exe — an executable version of Flexmonster Data Server.
    • service-install.bat — the executable file to install the Data Server as a service.
    • service-uninstall.bat — the executable file to uninstall the Data Server as a service.
    • flexmonster-config.json — the Flexmonster Data Server configuration file. It contains a configured ready-to-use CSV data source "sample-index".
      Note that if you have been using the Data Server prior to version 2.9.58, the Data Server possibly uses another flexmonster-config.json file when run as a service.
    • sample-data/data.csv — the file with sample CSV data to create "sample-index".

    On macOS

    • Flexmonster-Admin-Panel.dmg — the file to install Flexmonster Admin Panel.
    • flexmonster-data-server — an executable version of Flexmonster Data Server.
    • service-install.sh — the executable file to install the Data Server as a service.
    • service-uninstall.sh — the executable file to uninstall the Data Server as a service.
    • flexmonster-config.json — the Flexmonster Data Server configuration file. It contains a configured ready-to-use CSV data source "sample-index".
      Note that if you have been using the Data Server prior to version 2.9.58, the Data Server possibly uses another flexmonster-config.json file when run as a service.
    • sample-data/data.csv — the file with sample CSV data to create "sample-index".

    On Ubuntu/Linux

    • Flexmonster-Admin-Panel.AppImage — the file to install Flexmonster Admin Panel.
    • flexmonster-data-server — an executable version of Flexmonster Data Server.
    • service-install — the executable file to install the Data Server as a service.
    • service-uninstall — the executable file to uninstall the Data Server as a service.
    • flexmonster-config.json — the Flexmonster Data Server configuration file. It contains a configured ready-to-use CSV data source "sample-index".
      Note that if you have been using the Data Server prior to version 2.9.58, the Data Server possibly uses another flexmonster-config.json file when run as a service.
    • sample-data/data.csv — the file with sample CSV data to create "sample-index".

    Now the Data Server is installed as a service on your machine.

    Migrating existing configurations

    If you have already used the Data Server, you can import your existing configurations in Flexmonster Admin Panel:

    1. Open the Admin Panel.
    2. Go to the Settings tab.
    3. Scroll down and use Import configuration file functionality.

    See how it can be done:

    Migrate existing Data Server configurations to the Admin Panel

    Connecting to the Data Server

    Step 1. Embed the component into your webpage

    If Flexmonster is not yet embedded, set up an empty component in your webpage:

    In pure JavaScript

    Complete the Integrating Flexmonster guide. Your code should look similar to the following example:

    let pivot = new Flexmonster({
      container: "pivotContainer",
      componentFolder: "node_modules/flexmonster/",
      toolbar: true
    });

    In React

    Complete the Integration with React guide. Your code should look similar to the following example:

    <FlexmonsterReact.Pivot
     toolbar={true}
    />

    In Angular

    Complete the Integration with Angular guide. Your code should look similar to the following example:

    <fm-pivot
     [toolbar]="true">
    </fm-pivot>

    In Vue

    Complete the Integration with Vue guide. Your code should look similar to the following example:

    <Pivot
     toolbar
    />

    Step 2. Configure the report

    To connect to Flexmonster Data Server, configure the report as follows:

    let pivot = new Flexmonster({
      container: "pivotContainer",
      componentFolder: "node_modules/flexmonster/",
      toolbar: true,
      report: {
        dataSource: {
          type: "api",
          url: "http://localhost:9500",
          index: "sample-index"
        }
      }
    });

    Note The "sample-index" is the index predefined in the Admin Panel.

    Open the webpage in the browser: the pivot table with the sample CSV data is shown.

    Uninstalling the Data Server

    To completely uninstall the Data Server, you need to delete the Data Server executable, the Admin Panel, and the Data Server folders.

    Note The uninstallation is irreversible, so ensure you back up the flexmonster-config.json file.

    Learn how to uninstall the Data Server depending on the operating system it runs on:

    On Windows

    Step 1. Open the flexmonster-data-server/ folder and run the service-uninstall.bat file from the console:

    service-uninstall.bat

    This command will stop and delete the Data Server service.

    Step 2. Delete the flexmonster-data-server/ and C:/ProgramData/FlexmonsterDataServer/ folders.

    Step 3. If you were using Flexmonster Admin Panel, uninstall it. See how to uninstall apps and programs in Windows.

    On macOS

    Step 1. Open the flexmonster-data-server/ folder and run the service-uninstall.sh file from the console:

    sh ./service-uninstall.sh

    This command will stop and delete the Data Server service.

    Step 2. Delete the flexmonster-data-server/ and ~/.local/share/FlexmonsterDataServer/ (will resolve to /home/[current_user]/.local/share/FlexmonsterDataServer/) folders.

    Step 3. If you were using Flexmonster Admin Panel, delete the /Applications/Flexmonster Admin Panel.app file.

    On Ubuntu/Linux

    Step 1. Open the flexmonster-data-server/ folder and run the service-uninstall file from the console:

    ./service-uninstall

    This command will stop and delete the Data Server service.

    Step 2. Delete the flexmonster-data-server/ and ~/.local/share/FlexmonsterDataServer/ (will resolve to /home/[current_user]/.local/share/FlexmonsterDataServer/) folders.

    Step 3. If you were using Flexmonster Admin Panel, delete the Flexmonster-Admin-Panel.AppImage file.

    What’s next?

    You may be interested in the following articles: