Allez directement au contenu principal

Navigateur de lancement plugin Capacitor

Ouvrez des applications de navigation comme Google Maps ou Apple Maps avec des directions vers des destinations

Installer

bun add @capgo/capacitor-launch-navigator bunx cap sync
npm, pnpm ou yarn
  • npm install @capgo/capacitor-launch-navigator
  • pnpm add @capgo/capacitor-launch-navigator
  • yarn add @capgo/capacitor-launch-navigator

Guide

Comment utiliser le navigateur de lancement dans Capacitor

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Launch Navigator plugin preview QR code

Utilisation de @capgo/capacitor-launch-navigator

Interface principale du plugin.

Installer

bun add @capgo/capacitor-launch-navigator
bunx cap sync

bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

API en un coup d'œil

Méthode Description
navigate Naviguez vers une localisation en utilisant la latitude et la longitude.
isAppAvailable Vérifiez si une application de navigation spécifique est disponible.
getAvailableApps Obtenez la liste des applications de navigation disponibles sur le dispositif.
getSupportedApps Obtenez la liste des applications supportées pour la plateforme actuelle.
getDefaultApp Obtenez le nom de l'application par défaut pour la navigation.
getAppIcons Récupérez les icônes des fournisseurs et cachez-les localement.
refreshAppIcons Rafraîchir les icônes des fournisseurs, en ignorant l'âge de la cache.
clearIconCache Vider les icônes de fournisseur en cache.

Exemples

navigate()

Naviguez vers une localisation en utilisant la latitude et la longitude.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

await LaunchNavigator.navigate({ destination: [48.8566, 2.3522] });

isAppAvailable()

Vérifier si une application de navigation spécifique est disponible.

import { LaunchNavigator, IOSNavigationApp } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.isAppAvailable({ app: IOSNavigationApp.APPLE_MAPS });
console.log(result);

getAvailableApps()

Obtenir la liste des applications de navigation disponibles sur le dispositif.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getAvailableApps();
console.log(result);

getSupportedApps()

Obtenir la liste des applications supportées pour la plateforme actuelle.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getSupportedApps();
console.log(result);

getDefaultApp()

Obtenir le nom de l'application par défaut pour la navigation.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getDefaultApp();
console.log(result);

getAppIcons()

Récupérer les icônes des fournisseurs et les stocker localement.

import { LaunchNavigator } from '@capgo/capacitor-launch-navigator';

const result = await LaunchNavigator.getAppIcons();
console.log(result);

La table ci-dessus présente les 8 méthodes de base. Les helpers de listener et de version, ainsi que la pleine convention de chaque méthode, sont documentés dans le répertoire GitHub.

Référence complète

Continuez avec l'utilisation de @capgo/capacitor-launch-navigator

Si vous utilisez L'utilisation de @capgo/capacitor-launch-navigator pour planifier le travail de plugin natif, connectez-l’avec @capgo/capacitor-navigateur de lancement pour les détails d'implémentation dans @capgo/capacitor-launch-navigator Prise en main pour les détails d'implémentation dans Prise en main Répertoire de plugin Capgo pour le flux de travail du produit dans Répertoire de plugin Capgo Capacitor Plugins by Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins.

FAQ

FAQ du plugin de navigation de lancement

Comment puis-je installer le plugin de navigation de lancement dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-launch-navigator » (ou « npm install @capgo/capacitor-launch-navigator »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif code. Importez-l’à partir de « @capgo/capacitor-launch-navigator » dans votre application code.

Le package @capgo/capacitor-launch-navigator fonctionne-t-il avec React, Vue et Angular?

Oui. Le plugin de navigation de lancement est un package Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-launch-navigator?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le fichier README du GitHub liste les versions maintenues.

Le package @capgo/capacitor-launch-navigator est-il gratuit et open source?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-launch-navigator/ et le package est gratuit à installer à partir de npm. Les rapports de bogues et les demandes de modification sont les bienvenus.

Puis-je mettre à jour code qui utilise Launch Navigator sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie la code native, elle nécessite donc une nouvelle construction du magasin. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être envoyées instantanément avec les mises à jour Capgo en direct.

Envoyez les mises à jour de Launch Navigator sans attendre la revue de l'application

Une fois le plugin dans votre magasin de build, Capgo met à jour en temps réel vos modifications JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Commencez avec Capgo