abap2UI5

Appearance

Quickstart ​

1. Installation via abapGit ​

Install abap2UI5 with abapGit:

abapGit repository installation screen for abap2UI5

ABAP Cloud

abapGit installation for ABAP Cloud environments

2. Set Up HTTP Handler and Service ​

Create a package and define an HTTP handler class:

abap
CLASS zcl_my_abap2UI5_http_handler DEFINITION PUBLIC.
  PUBLIC SECTION.
    INTERFACES if_http_extension.
ENDCLASS.

CLASS zcl_my_abap2UI5_http_handler IMPLEMENTATION.
  METHOD if_http_extension~handle_request.
    z2ui5_cl_http_handler=>run( server ).
  ENDMETHOD.
ENDCLASS.
abap
CLASS zcl_my_abap2UI5_http_handler DEFINITION PUBLIC.
  PUBLIC SECTION.
    INTERFACES if_http_service_extension.
ENDCLASS.

CLASS zcl_my_abap2UI5_http_handler IMPLEMENTATION.
  METHOD if_http_service_extension~handle_request.
    z2ui5_cl_http_handler=>run( req = request res = response ).
  ENDMETHOD.
ENDCLASS.

Next, use transaction SICF to set up an HTTP service that uses the handler above:

SICF service creation dialog in transaction SICF
HTTP handler class assignment in SICF service configuration

ABAP Cloud

For ABAP Cloud environments, follow the SAP HTTP service tutorial.

Creating an HTTP service in the ABAP Cloud environment

Security

abap2UI5 talks only to the HTTP service you define, giving you full control over accessibility, authentication, and other security aspects.

3. First Launch ​

Open the HTTP endpoint in your browser: Press `check` and launch the test app. That's it — you can now build your own abap2UI5 apps. Press check and launch the test app. That's it — you can now build your own abap2UI5 apps.

4. Your First App ​

Build a class on your system:

abap
CLASS zcl_my_app DEFINITION PUBLIC.
  PUBLIC SECTION.
    INTERFACES z2ui5_if_app.
ENDCLASS.

CLASS zcl_my_app IMPLEMENTATION.
  METHOD z2ui5_if_app~main.
    client->message_box_display( `Hello World` ).
  ENDMETHOD.
ENDCLASS.

Launch your app in place of the test app — and that's it: you've built your first abap2UI5 app.