Web Mini App Sample

This KB sample shows how to consume a Super App API from a Web Mini App.

Suppose you have a Super App that exposes the following methods in its API:

Payment {
    PayWithUI(in:&Amount,out:&Reference)
        => PayPanel(&Amount,&Reference);

    PayWithoutUI(in:&Amount,out:&Reference)
        => PayProc(&Amount,&Reference);
}

For more details on how to create a Super App object, check: Super App object.

Metadata associated with the Web Mini App on the Mini App Center should be as follows:

{
    "EntryPointURL": "https://your_miniapp_services_url",
    "SuperAppObjectName": "GxSuperAppApi",
    "MiniAppObjectName": "MiniAppAPI"
}

These definitions indicate how the Web Mini App communicates with the Super App. The input URL is the gateway to the Web Mini App. At the same time, the GxSuperAppApi and MiniAppAPI objects are used to interact with the Super App and handle the internal operations of the Web Mini App.

Download KB Sample

In the KB Sample below you can find a complete integration flow between a Web Mini App and a Super App through an External Object called PaymentApi.