Ionic, Angular, and JHipster Example ✨

Built with JHipster Ionic 8.0.0

This example app shows you how to create an Ionic app you can deploy as a SPA, PWA, or mobile app on iOS and Android! Please read Build Secure Ionic Apps with Angular and JHipster to see how it was created.

Prerequisites: Node 16, Java 11, and Docker Desktop

• Getting Started

• Links

• Help

• License

Okta and Auth0 are on the same team now, so this example shows you how to use both. Auth0 is an easy to implement, adaptable authentication and authorization platform. Basically, we make your login box awesome. Okta has authentication and user management APIs that reduce development time with instant-on, scalable user infrastructure.

@mraible's recommendation: use Okta for this tutorial because the Okta CLI automates most of it for you!

Getting Started

To install this example, clone this repository.

git clone https://github.com/oktadev/okta-jhipster-ionic-example.git \
  jhipster-ionic --depth 1
cd jhipster-ionic/backend

Start the Spring Boot backend:

npm run ci:e2e:prepare # starts Keycloak and PostgreSQL in Docker
./mvnw

Then, navigate to http://localhost:8080 in your favorite browser. Sign in with admin/admin credentials and rejoice when it all works.

Open a new terminal window and enter the jhipster-ionic/ionic-app directory. Install its dependencies and run npm start to test the Ionic client.

npm install
npm start

You should be able to sign in and add a new photo. See how JHipster made all of this possible in How to integrate Ionic and Spring Boot.

Deploy your app to iOS and Android. Then, try switching your identity provider to Okta and Auth0.

Links

This example uses the following open source libraries:

• Ionic Framework

• Angular

• JHipster

• Spring Boot

• Spring Security

Help

Please post any questions as comments on the blog post.

License

Apache 2.0, see LICENSE.