A powerful API for enhanced native experiences
Portals provides a powerful cross-platform API to expose native functionality for embedding rich web apps in a controlled manner, a robust web-to-native communication bridge—and coming soon, cloud services for real-time app updates and more. Interested in testing it out early? Make sure to drop us a note.
import IonicPortals
class HomeViewController: UIViewController {
override func loadView() {
let portal = Portal(
name: "myPortal",
startDir: "web_app",
initialContext: ["startingRoute": "/home"]
)
self.view = PortalUIView(portal: portal)
}
}
class ProfileFragment : PortalFragment {
constructor() : super()
constructor(portal: Portal?) : super(portal)
companion object {
@JvmStatic
fun newInstance(): ProfileFragment {
val portal: Portal = PortalBuilder("myPortal")
.addPlugin(ShopAPIPlugin::class.java)
.setInitialContext(mapOf("startingRoute" to "home"))
.setStartDir("web_app")
.create()
return ProfileFragment(portal)
}
}
}
import ShopAPI from './ShopAPIPlugin';
import Portals from '@ionic/portals';
const App: React.FC<InitialContext> = () => {
const [sessionInfo, setSession] = useState(null);
const [startingRoute, setInitialRoute] = useState(null);
useEffect(() => {
const { context, sessionInfo } = await Promise.all(
Portals.getInitialContext());
ShopAPI.getSessionInfo());
);
setInitialRoute(context.startingRoute);
setSessionInfo(sessionInfo);
}, []);
// ...
