{"id":23874,"date":"2024-09-11T15:01:20","date_gmt":"2024-09-11T15:01:20","guid":{"rendered":"https:\/\/advance.fredericoavo.com\/?p=23874"},"modified":"2025-05-21T10:17:58","modified_gmt":"2025-05-21T10:17:58","slug":"migrating-traditional-web-application-to-reactive-applications","status":"publish","type":"post","link":"https:\/\/advanceworks.ai\/pt\/migrating-traditional-web-application-to-reactive-applications\/","title":{"rendered":"Migrating Traditional Web Application to Reactive Applications"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Internal Articles<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n

\n\t\t\t\t\t\tMigrating Traditional Web Application to Reactive Applications\t\t\n\t\t<\/svg><\/span>\t<\/h3>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

See how, one step at a time!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

In the last NextStep promoted by Outsystems, the big news was the launch of the Outsystems Developer Cloud. The Outsystems Developer Cloud is a cloud-native app development platform and the Outsystems future.<\/p>

Outsystems has been working on the increase of the platform capabilities from each version released. With the platform improvements, the need to migrate to new versions or to new technologies arises.<\/p>

Since the Reactive applications launch at Outsystems 11, many applications have been migrated from Traditional Web Development to Reactive applications. However, large web portals have been left behind because of the effort and cost to do it all at once.<\/p>

With that in mind, AdvanceWorks today presents a One Step at a time<\/strong> migration plan from Traditional to Reactive. This migration starts with a hybrid application<\/strong> between Traditional Web Application and Reactive Web Application.<\/p>

\"\"<\/p>

Allowing Hybrid Application Creation<\/strong><\/p>

  1. Share Login between Reactive and Traditional<\/strong><\/li><\/ol>

    The first step is to allow navigation between Reactive and Traditional applications sharing the same login.<\/p>

    This is a Factory configuration an can be handled on the Service Center activating the option Single Sign-On between App Types.<\/p>

    The following steps must be followed:<\/p>

    • Service Center Administration tab;<\/li>
    • Security tab and Applications Authentication;<\/li>
    • Activate the “Single Sign-On between App Types” Check-box;\"\"<\/li><\/ul>
      1. Replicate the Traditional Theme<\/strong><\/li><\/ol>

        All new Reactive pages must consume a new Reactive theme. Traditional themes cannot be consumed in a Reactive application.<\/p>

        For this, it will be necessary to copy the theme and change all class names according to a Reactive base theme, since the default classes do not have the same name in both technologies.<\/p>

        The old pages must keep consuming the Traditional Theme.<\/p>

        1. Replicate the Traditional Menu<\/strong><\/li><\/ol>

          All new Reactive pages must consume a new Reactive Menu Weblock. Traditional weblocks cannot be consumed in a Traditional application.<\/p>

          For this, you should use the same entities to both Menus and the Menus should be on a new Layout Module.<\/p>

          In addition, the navigation from Traditional to Reactive or from Reactive to Traditional must be done by URL links.<\/p>

          The old pages must keep consuming the Traditional Menu Weblock.<\/p>

          1. Manage Session Variables in Database<\/strong><\/li><\/ol>

            Even though it is possible share login between Reactive and Traditional application, the user loses the session when navigating between both applications. To manage this lack is necessary to manage the session variables that you want to share on all applications in an Entity with the user identification.<\/p>

            Through all these steps it will be possible that all the new pages built can be Reactive even if the Portal is in Traditional. With that, will not be necessary to build anything new on deprecated technology and will allow you to migrate old pages step by step without user impact.<\/p>

            And for you, what is the NextStep? Talk with AdvanceWorks and benefit from the experience of ensuring that the customer takes advantage of all the new technologies used by Outsystems.<\/p>

            See you soon!<\/p>

            \u00a0<\/p>
            \"\"<\/td>

            In\u00eas Oliveira<\/strong><\/p>

            International Business Development<\/p><\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

            \n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t
            \t\t
            \n\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t
            \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
            \n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t

            Internal Articles<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t
            \n

            \n\t\t\t\t\t\tRelated Articles\t\t\n\t\t<\/svg><\/span>\t<\/h3>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
            \n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t
            \n\t\t\t\t
            \n\t\t