v7.0.0
What’s Changed
- Add support for Capacitor 3.0! 🎊
- 🔥 Upgrade to JHipster 7 (#482) Thanks @mshima!
- Add support for npm 7 (more awesomeness from @mshima)
- Migrated from TSLint to ESLint (ionic-team/starters@fbf471a) Thanks @mhartington!
- Refactored README to have a better table of contents
Get Started with Ionic for JHipster
Install Ionic for JHipster:
npm i -g generator-jhipster-ionic yo
In a directory alongside your JHipster app, create your Ionic app with yo jhipster-ionic
.
- jhipster-app
- <run it here>
To add PWA support to your Ionic app, run:
ng add @angular/pwa
To import your JHipster app's JDL, run yo jhipster-ionic:import-jdl <path-to-jhipster-app>/entities.jdl
.
iOS
Generate a native iOS project with the following commands:
ionic build
ionic capacitor add ios
Add your custom scheme to ios/App/App/Info.plist
:
<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleURLName</key>
<string>com.getcapacitor.capacitor</string>
<key>CFBundleURLSchemes</key>
<array>
<string>capacitor</string>
<string>dev.localhost.ionic</string>
<string>com.okta.dev-737523</string>
</array>
</dict>
</array>
Then, run your project using the Capacitor CLI:
npx cap run ios
Modify CORS Settings in JHipster
In order to communicate with your JHipster app, you'll need to modify its CORS settings (in src/main/resources/config/application-dev.yml
) to allow capacitor://localhost
as an origin.
Android
Generate a native project with the following commands:
ionic build
ionic capacitor add android
Change the custom scheme in android/app/src/main/res/values/strings.xml
to use dev.localhost.ionic
or your reverse domain name:
<string name="custom_url_scheme">com.okta.dev-737523</string>
The SafariViewController Cordova Plugin is installed as part of this project. Capacitor uses AndroidX dependencies, but the SafariViewController plugin uses an older non-AndroidX dependency. Use jetifier to patch usages of old support libraries with the following commands:
npm install jetifier
npx jetify
npx cap sync android
Then, run your project using the Capacitor CLI:
npx cap run android
Modify CORS Settings in JHipster
In order to communicate with your JHipster app, you'll need to modify its CORS settings (in src/main/resources/config/application-dev.yml
) to allow http://localhost
as an origin.
Learn More
See this project's documentation for more information.