Avec le SDK JavaScript pour les consommateurs, votre application grand public peut afficher la position des véhicules et d'autres lieux d'intérêt suivis dans Fleet Engine sur une carte Web. Vos clients peuvent ainsi suivre la progression du trajet du conducteur. Ce guide suppose que vous avez configuré Fleet Engine avec son projet Google Cloud et ses clés API associés. Pour en savoir plus, consultez Fleet Engine.
Pour configurer le SDK client JavaScript, procédez comme suit:
Activer l'API Maps JavaScript
Activez l'API Maps JavaScript dans la console Google Cloud. Pour en savoir plus, consultez Activer les API dans la documentation Google Cloud. Cela active le SDK Consumer pour JavaScript.
Configurer les autorisations
Pour les appels de méthode d'API à partir d'environnements à faible confiance, Fleet Engine nécessite l'utilisation de jetons Web JSON (JWT) signés par un compte de service approprié. Les environnements à faible confiance incluent les smartphones et les navigateurs. Un jeton JWT provient de votre serveur, qui est un environnement entièrement approuvé. Le jeton JWT est signé, chiffré et transmis au client pour les interactions ultérieures avec le serveur jusqu'à son expiration ou jusqu'à ce qu'il ne soit plus valide.
Votre backend doit s'authentifier et autoriser l'accès à Fleet Engine à l'aide des mécanismes standards relatifs aux identifiants par défaut de l'application. Assurez-vous d'utiliser des jetons JWT signés par un compte de service approprié. Pour obtenir la liste des rôles associés aux comptes de service, consultez la section sur les rôles des comptes de service Fleet Engine de la page Principes de base de Fleet Engine.
En revanche, votre backend doit s'authentifier et s'autoriser auprès de Fleet Engine à l'aide de mécanismes Identifiants par défaut de l'application standards.
Comment fonctionne l'autorisation ?
L'autorisation avec les données Fleet Engine implique une implémentation côté serveur et côté client.
Autorisation côté serveur
Avant de configurer l'authentification et l'autorisation dans votre application Web, votre serveur backend doit pouvoir émettre des jetons Web JSON à votre application Web pour accéder à Fleet Engine. Votre application Web envoie ces jetons JWT avec ses requêtes afin que Fleet Engine reconnaisse les requêtes comme authentifiées et autorisées à accéder aux données de la requête. Pour obtenir des instructions sur l'implémentation de jetons JWT côté serveur, consultez la section Émettre des jetons Web JSON dans la section Fleet Engine Essentials (Principes de base de Fleet Engine).
Plus précisément, gardez à l'esprit les points suivants pour le SDK client JavaScript afin de partager la progression du trajet :- Consignes générales pour l'émission de jetons Web JSON
- Consignes concernant les jetons JWT pour les trajets à la demande
- Exemple de jeton pour une opération de client
Autorisation côté client
Lorsque vous utilisez le SDK client JavaScript, il demande un jeton au serveur à l'aide d'un récupérateur de jetons d'autorisation. Cela se produit lorsque l'une des conditions suivantes est remplie :
Il n'existe aucun jeton valide, par exemple lorsque le SDK n'a pas appelé l'outil d'extraction lors d'un nouveau chargement de page ou lorsque l'outil d'extraction ne renvoie pas de jeton.
Le jeton a expiré.
Le jeton expire dans une minute.
Sinon, le SDK client JavaScript utilise le jeton valide précédemment émis et n'appelle pas le récupérateur.
Créer un outil de récupération de jetons d'autorisation
Créez votre outil de récupération de jetons d'autorisation en suivant ces consignes:
Le récupérateur doit renvoyer une structure de données avec deux champs, encapsulée dans un
Promisecomme suit :Une chaîne
token.Un nombre
expiresInSeconds. Un jeton expire dans ce délai après la récupération. Le récupérateur de jetons d'authentification doit transmettre la date d'expiration en secondes, à partir du moment de la récupération vers la bibliothèque, comme indiqué dans l'exemple.
Le programme de récupération doit appeler une URL sur votre serveur pour récupérer un jeton. Cette URL (
SERVER_TOKEN_URL) dépend de la mise en œuvre de votre backend. L'exemple d'URL suivant correspond à l'exemple de backend d'application sur GitHub:https://SERVER_URL/token/consumer/TRIPID
Exemple : Créer un récupérateur de jetons d'authentification
Les exemples suivants montrent comment créer un outil de récupération de jetons d'autorisation:
JavaScript
async function authTokenFetcher(options) {
// options is a record containing two keys called
// serviceType and context. The developer should
// generate the correct SERVER_TOKEN_URL and request
// based on the values of these fields.
const response = await fetch(SERVER_TOKEN_URL);
if (!response.ok) {
throw new Error(response.statusText);
}
const data = await response.json();
return {
token: data.Token,
expiresInSeconds: data.ExpiresInSeconds
};
}
TypeScript
function authTokenFetcher(options: {
serviceType: google.maps.journeySharing.FleetEngineServiceType,
context: google.maps.journeySharing.AuthTokenContext,
}): Promise<google.maps.journeySharing.AuthToken> {
// The developer should generate the correct
// SERVER_TOKEN_URL based on options.
const response = await fetch(SERVER_TOKEN_URL);
if (!response.ok) {
throw new Error(response.statusText);
}
const data = await response.json();
return {
token: data.token,
expiresInSeconds: data.ExpiresInSeconds,
};
}