跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Auth0 Ionic Vue

技能 已验证 活跃
属于:Auth0

Use when adding Auth0 authentication to an Ionic Vue application with Capacitor — integrates @auth0/auth0-vue SDK with Capacitor Browser and App plugins for native iOS/Android deep linking, login, logout, and user profile display.

目的

To guide developers in seamlessly adding robust Auth0 authentication to their Ionic Vue applications, ensuring native mobile support through Capacitor.

功能

  • Native mobile authentication with Auth0 SDK
  • Capacitor Browser and App plugin integration
  • Deep linking for iOS and Android callbacks
  • Login, logout, and user profile display
  • Configuration via Auth0 CLI or manual input

使用场景

  • Adding Auth0 login to a new or existing Ionic Vue app
  • Implementing secure authentication flows for native mobile builds
  • Handling Auth0 redirects via custom URL schemes
  • Displaying authenticated user information in an Ionic Vue app

非目标

  • Integrating Auth0 into non-Ionic/Vue SPAs
  • Setting up Auth0 for backend services
  • Authentication for React Native or Angular Ionic apps

工作流

  1. Configure Auth0 (automatic CLI or manual)
  2. Install dependencies (@auth0/auth0-vue, @capacitor/browser, @capacitor/app)
  3. Set up Auth0 plugin in src/main.ts
  4. Implement login using Capacitor Browser
  5. Handle deep link callback via CapApp.addListener
  6. Implement logout
  7. Build and test on physical devices

先决条件

  • Node.js 18+
  • Ionic CLI
  • An existing Ionic Vue application with Capacitor configured
  • Auth0 account and tenant
  • For iOS: Xcode 14+
  • For Android: Android Studio
  • Auth0 CLI

安装

/plugin install auth0@auth0-agent-skills

质量评分

已验证
99 /100
1 day ago 分析

信任信号

最近提交1 day ago
星标20
许可证Apache-2.0
状态
查看源代码

类似扩展

Auth0 Ionic React

99

Use when adding Auth0 authentication to an Ionic React application with Capacitor — integrates @auth0/auth0-react SDK with Capacitor Browser and App plugins for native iOS/Android deep linking, login, logout, and user profile display.

技能
auth0

Auth0 Expo Integration

100

Use when adding authentication to Expo (React Native) mobile apps — login, logout, user sessions, protected routes, biometrics, or token management. Integrates react-native-auth0 SDK with Expo Config Plugin for native iOS/Android builds. Trigger for any Expo project needing Auth0, including app.json plugin config, custom scheme setup, or credential management. Do NOT use for bare React Native CLI projects (use auth0-react-native), React web apps (use auth0-react), Next.js (use auth0-nextjs), or backend APIs.

技能
auth0

Auth0 Ionic Angular

97

Use when adding Auth0 authentication to an Ionic Angular application with Capacitor — integrates @auth0/auth0-angular SDK with Capacitor Browser and App plugins for native iOS/Android deep linking, login, logout, and user profile display.

技能
auth0

Auth0 Express OAuth2 JWT Bearer

100

Use when adding Auth0 token validation to Express or Node.js APIs - integrates express-oauth2-jwt-bearer SDK to protect Node.js API endpoints with JWT Bearer authentication, scope-based RBAC, claim validation, and optional DPoP support

技能
auth0

Auth0 SPA JS Integration

100

Use when adding authentication to Vanilla JS, Svelte, or any framework-agnostic single-page applications - integrates @auth0/auth0-spa-js SDK for SPAs without framework-specific wrappers

技能
auth0

Auth0 Nuxt

100

Use when implementing Auth0 authentication in Nuxt 3/4 applications, configuring session management, protecting routes with middleware, or integrating API access tokens - provides setup patterns, composable usage, and security best practices for the @auth0/auth0-nuxt SDK

技能
auth0