Quick Start

Guide

Starting a basic Glue42 Core project is easy and intuitive, as this guide will show you. To quick start your project, you have to set up a Web Platform app (also called "Main app") and optionally a second app - a Web Client.

Main App

  1. Create standard basic index.html and index.js files for your Main app.

  2. Reference the Glue42 Web Platform library and your index.js in the index.html file:

<script src="https://unpkg.com/@glue42/web-platform@latest/dist/platform.web.umd.js"></script>
<script src="./index.js"></script>
  1. Initialize the Web Platform library in the index.js file using the GlueWebPlatform() factory function:
const init = async () => {
    const { glue } = await window.GlueWebPlatform();

    console.log(`Glue42 initialized successfully! Glue42 version: ${glue.version}`);
};

init().catch(console.error);

Now you have a fully functioning Main app.

Web Client

  1. Create standard basic index.html and index.js files for your Web Client app.

  2. Reference the Glue42 Web library and your index.js in the index.html file:

<script src="https://unpkg.com/@glue42/web@latest/dist/web.umd.js"></script>
<script src="./index.js"></script>
  1. Initialize the Glue42 Web library in the index.js file using the GlueWeb() factory function:
const init = async () => {
    const glue = await GlueWeb();

    console.log(`Glue42 initialized successfully! Glue42 version: ${glue.version}`);
};

init().catch(console.error);

Now you also have a fully functioning Web Client app that can be opened from the Main app - e.g., by using the Window Management library and the URL where the app was deployed.

Next Steps

Congratulations, you have created your very first Glue42 Core project!

For deploying your project, see the Project Deployment section.

For more information on the Web Platform and Web Client apps, see the Web Platform and Web Client sections.

For more information on the Glue42 Web library, see the Reference section.