Skip to Content

My name is Ludo Noens and I am the Product Owner for Hybrid Application Toolkit. I have been working on this tool since we started on this journey 4 years ago. Prior to working on this tool, I have been developing hybrid apps for mobile payments and mobile banking. During that time, I was always looking for tools that could help me build my apps and prototypes faster. I eventually joined the team in Singapore which created this tool.

This blog post is especially important for you, if you are currently building hybrid mobile apps on your workstation while using SAP Web IDE as editor. With this posting I would like to inform our user base of an upcoming change with respect to the way we support building hybrid mobile applications.

To support the development of mobile applications for the enterprise, SAP provides various options to developers. Developers can choose to develop native iOS apps based on Swift by using the SAP Cloud Platform SDK for iOS. On top of this offering, developers can create model-driven apps using the Mobile Development Kit. At the other end of the spectrum there is the option to build web applications and consume them on a mobile device via a web browser or through the SAP Fiori Client. Last but not least, there is a hybrid approach that combines web technology with native code. For this, we are making use of an open standard technology called Apache Cordova, which basically wraps your web app into a native application where it will run inside a customised web container. Sometimes we refer to these type of apps as “Packaged Apps”.

Over the past years, SAP created various components to support the development of hybrid apps, which we deliver as part of the product called Hybrid Application Toolkit. Those components include:

  • The optional SAP Web IDE plugin/feature called Hybrid App Toolkit
  • SCN Hybrid App Toolkit add-on, downloadable via the SAP Store
  • SAP Hybrid App Tool Companion, available in the Apple AppStore and Google Play
  • Developer Companion, built on-demand using our Cloud Build Service.

 

Figure 1: The latest version of the optional feature “Hybrid App Toolkit”, visible in the Features list of SAP Web IDE Full-Stack

 

SCN Hybrid App Toolkit add-on (also referred to as ‘HAT local add-on’), which is one of the oldest pieces, was created as a temporary stepping stone towards building mobile apps in the cloud. This add-on creates a bridge (connector) between SAP Web IDE running in your favourite web browser and your local development environment. Developers can create applications in the cloud with SAP Web IDE and turn them into a mobile app by running a local build.

One of the main challenges faced by customers is the installation and regular updating of the add-on. It requires a number of tools and open source packages to be installed, which depend on each other. Many customers face issues setting up and maintaining this environment. This was partly due to version issues and package dependencies, but also IT landscape related issues (e.g. proxy servers, privilege settings). To help resolve some of these problems, we eventually introduced an installation helper tool. This GUI based tool checks for installed tools, environment settings, versions and dependencies. It also helps in creating a custom version of the Companion App.

More than one year ago, SAP has introduced the Cloud Build Service as an alternative to building apps on a local machine. This service was originally added as part of the mobile service for SAP Fiori developer experience and in October of 2017 was added to SAP Cloud Platform mobile service for development and operations. With this, developers are able to build hybrid mobile apps completely in the cloud without having to install anything on their own machine. The only things required are a web browser and a mobile device.

We have now come to the point where the Cloud Build Service offers a comparable developer experience, and in some cases this service is even faster than running a local build (e.g. Android and iOS builds run in parallel). In the coming months, we will further enhance the developer experience and ensure that all the code generated for the mobile apps is accessible and can be customized where needed.

We plan to focus our investments on cloud based mobile application development and therefore we plan End of Maintenance for the SCN Hybrid App Toolkit add-on component in the second quarter of 2018. The other components (Web IDE plugin, Companion App) are not affected by this.

 

Figure 2: Legacy and new version of SAP Web IDE as visible in the SAP Cloud Platform Cockpit

 

We have deprecated a few templates in the old SAP Web IDE that can only be built using the local add-on. For the time being, these templates (some refer to them as ‘Kapsel templates’) will be kept available on the old SAP Web IDE, with the deprecation notice. These templates will not be available or supported on SAP Web IDE Full-Stack.

 

Figure 3: Application templates related to HAT local add-on that are marked deprecated.

 

In the coming months, we will provide guidelines for existing customers on how to move their existing projects to SAP Web IDE Full-Stack and build the apps in the cloud using our Cloud Build Service. A reference to this information will be made available in the migration guide which is part of the SAP Web IDE Full-Stack documentation. When starting new projects, we recommend using SAP Web IDE Full-Stack to create apps based on the existing Fiori templates. Provided you have the HAT feature activated in SAP Web IDE, the following SAP Web IDE templates can be used to develop hybrid mobile apps:

  • SAP Fiori Worklist Application
  • CRUD Master-Detail Application
  • SAP Fiori Master-Detail Application
  • List Report Application
  • SAP UI5 Application

Existing customers can continue to use the add-on. However, we encourage customers to move to the Cloud Build Service, which is part of the SAP Cloud Platform mobile service for development and operations offering. All customers who have subscribed to SAP Cloud Platform mobile service can make use of the cloud build service.

 

Figure 4: Cloud Build feature visible in the Mobile Service for Development and Operations Cockpit

 

We are open to feedback on this. Feel free to comment on this blog post, or if you prefer, you can reach out to me or my colleagues from Product Management.

 

Ludo Noens , Product Owner – Hybrid Application Toolkit

Eric Solberg , Senior Director – Product Management

Britt Womelsdorf , Area Product Manager

 

 

To report this post you need to login first.

10 Comments

You must be Logged on to comment or reply to a post.

  1. Daniel Silva

    Thanks for the info, Ludo.

    Can you clarify this to me? “More than one year ago, SAP has introduced the Cloud Build Service as an alternative to building apps on a local machine. This service was originally added as part of the mobile service for SAP Fiori developer experience and in October of 2017 was added to SAP Cloud Platform mobile service for development and operations.”

    What has actually changed? I keep using this feature from Web IDE and I don’t see any changes on it.

    Thanks in advance. Happy Holidays!

    (0) 
    1. Ludo Noens Post author

      Hi Daniel,

      If you are using SAP Web IDE (not SAP Web IDE Full-Stack) then there have not been any changes since March 2017. Neither SAP Web IDE, nor HAT has been updated on this version.

      On the SAP Web IDE Full-Stack, there have been minor changes for end-users. Although the services used for building the mobile apps have changed, the impact for end-users is kept to a bare minimum.

      One of the noticeable changes can be found in the HAT preferences, where the developer can select which service is being used for build the app in the cloud.

      In the coming months we will make further changes. Stay tuned for more updates from my side.

      Thanks,

      Ludo

      (0) 
  2. Vijay Singh Rajput

    Hi Ludo,

    Happy New Year !!!

    I am working in project where I am converting Cloud platform HTML5 Application to Hybrid mobile application for iOS and Android using HAT 1.28.2 and  I follow following process for building.

    • Configure Mobile Application in Mobile Service (using three )
    • Build Hybrid Project using local HAT from WebIDE
    • Change Code for file logon.js (<Basehybridapplication>/hybrid/www/hybrid/kapsel/logon.js) to make SAML based authentication by adding code: context.auth = [ { “type”: “saml2.web.post” }];
    • Update the Cordova project
    • Build the apk and ipa files.

     

    From your blog its seems like we can use Cloud Build in future instead of process I am using above. But will it also support for Non-Fiori Web application ?

    I tried to used  Cloud build but it seems like it only support Fiori Launchpad application (cloud or on premise).

    Kindly suggest the roadmap for my application build process after  End of Maintenance for local HAT.

    (0) 
    1. Ludo Noens Post author

      Hi Vijay, Happy New Year!

      Moving forward, we will focus on Cloud Build and allow developers full flexibility on which code is added to the project. So, you will be able to modify your app to cater for SAML based authentication; or other things we currently don’t offer out-of-the-box. We plan to offer this before we get to end-of-maintenance for the HAT local add-on.

      As for the templates supported: we do support a SAP UI5 template, which is a non-Fiori web app. As indicated above, you will be able to tailor the code to your own needs.

      Hope this clarifies and takes away the concern.

      Thanks,
      Ludo

      (0) 
  3. Wolfgang Röckelein

    Hi Ludo,

    Happy New Year!

    With the HAT local-addon it was possible to build SAPUI5 hybrid apps (using only Cordova plugins and no Kapsel plugins) connecting directly to eg SAP Gateway with only a WebIDE subscription and without MobServDevOps or MobServFiori subscriptions.

    What is the migration path for such customers?

    Thanks,

    Wolfgang

     

    (0) 
    1. Ludo Noens Post author

      Hi Wolfgang,

      Wishing you a Happy New Year as well!

      This is kind of an edge case that I’ll have to discuss with our Product Management. In theory, you could build mobile apps that do not make use of SAP Cloud Platform mobile services. However, for features such as offline and push notifications, you would have to develop your own things then. Since the cloud build is provided through mobile services, you would still require a mobile services subscription though.

       

      (0) 
      1. Wolfgang Röckelein

        Hi Ludo,

        thanks for the response.

        Yes, I know, but my question is for apps not using Kapsel/MobServDevOps features.like offline or push. For these, it was possible to build with HAT with only a WebIDE subscription.

        Would be glad if you could inform us here on the outcome of the discussion with Product Management. Perhaps there should be a WebIDE plus Cloud Build subscription possibility?

        Thanks,

        Wolfgang

        (0) 
        1. Ludo Noens Post author

          Hi Wolfgang,

          If you consider Cloud Build subscription = Mobile Services subscription, then we already have a solution. However, it sounds like you have an issue with this.

          Technically, from Web IDE we are still interfacing with Mobile Services for this Cloud Build service. So Cloud Build won’t work without a Mobile Services subscription.

          Regards,

          Ludo

          (0) 
  4. Raghava Reddy Y

    Hi Ludo,

    We are using HAT for one of our SCP UI5 Offline hybrid application build. Can we immediately move to cloud build?? does these changes will impact only on how to create build or at code changes also required??

     

    Regards,

    Raghava

    (0) 
    1. Ludo Noens Post author

      Hi Raghava,

      Assuming your current app is based on the now deprecated Kapsel offline master-detail template, there will be code changes required. Once the functionality is ready, we will share information on what is needed to make the transition to cloud build. For now, you can continue with what you have.

      Thanks,
      Ludo

      (0) 

Leave a Reply