Skip to main content

Introduction to Portals

Ionic Portals is a supercharged WebView component that enables native and web teams to bring web experiences into native mobile apps, allowing organizations to achieve micro frontend use cases.

This training familiarizes developers with Portals by exercising the core concepts and features of the product.

What you'll be doing​

In this training, you will take a series of independent web experiences and present them within a single mobile experience using Portals. By doing so, you will create an intranet-themed superapp that allows users to perform typical employee functions such as submitting expenses and tracking time.

info

The consolidation of disparate apps into a single experience is known as a superapp.

What you'll be learning​

Throughout this training, you will learn how to:

  • Add the Portals library to an existing project
  • Sync and display web experiences within a native mobile app*
  • Communicate between web and native mobile code
  • Use the Portals CLI to improve your development experience

The capabilities Portals provides differ depending on the platform you develop for. This training splits into different modules after this introduction. iOS and Android modules contain the same material but diverge on platform-specific instruction.

* Only available in the iOS and Android training modules.

What you will need​

In order to run an application using Portals, you will need an active Portals product key.

Source code for this training is available on GitHub and can be cloned with the following command:

terminal

_10
git clone https://github.com/ionic-enterprise/tutorials-and-training-portals.git

For demo and training purposes, all native mobile and web projects reside within this monorepo. pnpm is required to build and serve web projects contained within.

info

The decision to use a monorepo and any tools or choices made to support it are strictly for the purposes of the training and are not requirements of Portals.

Lastly, you will need the Portals CLI.

note

Web developers will need either Xcode or Android Studio to make use of the Portals CLI commands used in the web training module.

What's next​

Head to the training module that best represents your developer persona:

Contents