auth0-ionic-angular
Add authentication to Ionic Angular applications with Capacitor.
Developer Setup
Setup & Installation
npx skills add https://github.com/auth0/agent-skills --skill auth0-ionic-angularnpx skills add https://github.com/auth0/agent-skills --skill auth0-ionic-angularOverview
What This Skill Does
Add authentication to an Ionic Angular application using the `@auth0/auth0-angular` SDK with Capacitor plugins for native iOS and Android. This skill covers login, logout, user profile display, and secure token management using the system browser (SFSafariViewController on iOS, Chrome Custom Tabs on Android) via Capacitor's Browser plugin. #
Application
When to use this Skill
- Adding secure Auth0 authentication to a Ionic angular application
- Implementing standard login, logout, and token authentication flows in Ionic angular
- Managing user session state and securing frontend/backend routes using Auth0 SDKs
Documentation
Show Skills.md file
Auth0 Ionic Angular (Capacitor) Integration
Add authentication to an Ionic Angular application using the @auth0/auth0-angular SDK with Capacitor plugins for native iOS and Android. This skill covers login, logout, user profile display, and secure token management using the system browser (SFSafariViewController on iOS, Chrome Custom Tabs on Android) via Capacitor's Browser plugin.
Prerequisites
- Node.js 20+ and npm 10+
- Ionic CLI (
npm install -g @ionic/cli) - Capacitor 5+ configured in the project
- Auth0 CLI (for automatic setup):
brew install auth0/auth0-cli/auth0 - An Auth0 account (free tier works)
When NOT to Use
| Use Case | Recommended Skill |
|---|---|
| Ionic React app with Capacitor | auth0-ionic-react |
| Ionic Vue app with Capacitor | auth0-ionic-vue |
| Angular SPA (browser-only, no Capacitor) | auth0-angular or auth0-react |
| React Native (no Ionic) | auth0-react-native |
| Expo (React Native) | auth0-expo |
| Native iOS (Swift) | auth0-swift |
| Native Android (Kotlin) | auth0-android |
Quick Start Workflow
Recommendations