Entres ton adresse mail et le mot de passe associé
Rends toi sur "Console" en haut à droite de l'écran.
Une fois les conditions d'utilisation acceptées, on va pouvoir créer un projet
2. Créer un projet
En haut, à gauche de la console, tu peux essayer de "Sélectionner un projet" (Mais tu n'en à pas pour le moment 😅)
Cliques sur "Nouveau projet" en haut à droite de la modale.
Nommes ton projet (par exemple "Site Vitrine" ou "e-boutique")
A moins que tu ne sois à l'aise avec, pas besoin de choisir de "Zone"
Clique sur "Créer"
Quelques secondes plus tard, ton projet est bien créé et sélectionné en haut de l'écran.
3. Activer les APIs voulues.
Rends toi dans "API et services" > "Bibliothèque" puis cherche l'API dont tu as besoin. (C'est dans le menu Burger, en haut à gauche)
Tu as trouvé ton API, tu n'as qu'à cliquer sur "Activer" si elle ne l'est pas déjà.
La page se relance et tu sera mené vers l'ajout d'un compte de facturation (voir le détail plus bas si tu es perdu).
4. Créer ta clé API
Maintenant, rends toi dans "API et Services" > "Identifiants" (C'est toujours dans le menu Burger, en haut à gauche)
Pour créer une clé API, il te suffit de cliquer sur "+ Create Credentials", en haut de l'écran. Choisis "Clé API" et elle apparaîtra dans la liste.
5. Sécuriser ta clé API (INDISPENSABLE)
Sans sécurisation, ta clé API pourrait être utilisée par d'autres applications, d'autres sites ou d'autres personnes. YesWeDev ne saurait être responsable de cette situation.
Je te conseille de réaliser plusieurs actions à ce stade :
Cliquer sur "Clé API 1"
Renommer la clé en fonction de son utilisation (Exemple "API monsite.fr")
Restreindre l'utilisation de la clé par "Adresses IP"
C'est dans le bloc "Restrictions liées aux applications"
Restreindre aux seules API utilisées sur ton site
Rien ne sert d'en mettre plus ! c'est un risque d'utilisation supplémentaire.
C'est dans le bloc "Restrictions relatives aux API"
⚠ Et n'oublie pas d'enregistrer avant de partir !
6. Récupérer ta clé API
Sur la ligne ainsi créée, tu peux afficher la clé et la copier pour la communiquer aux développeurs.
💳 Paramétrer un mode de paiement
Google impose l'ajout d'un mode de paiement pour l'utilisation de ses API, tu ne pourra donc pas contourner la règle au risque d'avoir un affichage en partie bloqué (un exemple ci-dessous avec les Maps)
1. Les conditions de facturation
Pour simuler la facturation sur ton projet, c'est par ici : https://mapsplatform.google.com/pricing/?hl=fr#pricing-grid
Les infos à retenir :
Google Offre 200 $ de crédit mensuel
Si tu ne dépasse pas ce crédit mensuel : Aucune facturation n'aura lieue
Pour te donner une idée, pour Google Maps JS, cela représente environ 28 000 cartes affichées (une visite sur une page ou tu as mis 2 cartes = 2 affichages).
Si tu dépasses, cela dépendra du nombre d'affichage de carte (voir détail du pricing Google)
2. Ajouter un compte de facturation
Vérifie que ton projet sélectionné est le bon (au cas ou tu en ai plusieurs) et retrouve l'entrée "facturation" dans le menu.
Laisses-toi guider par le service de Google pour associer un mode de paiement à ton projet.
Et c'est terminé ! Au tour de Yes We Dev d'ajouter la clé API au code de ton site pour que l'affichage soit correct.
No Comments