De ontwikkelaarsconsole
Maak een project
We zijn van plan een app te maken. We beginnen met Google te melden dat we van plan zijn een app te maken die gebruik zal maken van de Google API. Daarvoor gaan we naar Google Ontwikkelaarsconsole, we loggen in op Google, klikken op Credentials en daarna op Create a project.
![Google Developer Console - Credentials](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials.png)
De naam van het project is myaa wat staat voor My Authoring App.
![Google Developer Console - New Project Dialog Box](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - New Project Dialog Box.png)
Als je al één project gemaakt hebt, klik je bovenaan op de keuzelijst waar je eerste project opgelijst staat:
![Google Developer Console - Create more projects](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Create more projects.png)
Het OAuth consent screen
Als de gebruiker van onze app naar zijn Google Drive moet kunnen schrijven moeten we hem de mogelijk bieden in te loggen op Google. Daarvoor gebruiken we de OAuth API. Klik dus op het tabblad OAuth consent screen:
![Google Developer Console - Credentials - OAuth consent screen](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials - OAuth consent screen.png)
Vervolgens kies je het type API voor je project:
![Google Developer Console - APIs Credentials](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - APIs Credentials.png)
Restrictions
Tenslotten kies je een applicatietype en vul je verlden op het formulier in. Voor de beveiliging stel je best een van de Restrictions opties in. Vermits we een web app maken kies ik voor de HTTP optie en stel ik drie verwijzers in:
- de website waarop de app wordt aangeboden;
- de ontwikkelwebsite op Cloud9
- een localhost voor als ik lokaal op mijn PC wil werken; de poort niet vergeten mee te geven waarop je lokale webserver luistert;
![Google Developer Console - Credentials - Create client ID](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials - Create client ID.png)
Je krijgt nu een client ID en een client secret:
![Google Developer Console - Credentials - OAuth client](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials - OAuth client.png)
Een API key
![Google Developer Console - Credentials - Start making an API key](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials - Start making an API key.png)
Key restriction
![Google Developer Console - Credentials - Make an API key](/myap/it/image/programming/html - javascript - css/google-developers/Google Developer Console - Credentials - Make an API key.png)
Voor de beveiliging stel je best een van de Key restriction opties in. Vermits we een web app maken kies ik voor de HTTP optie en stel ik drie verwijzers in:
- de website waarop de app wordt aangeboden;
- de ontwikkelwebsite op Cloud9
- een localhost voor als ik lokaal op mijn PC wil werken; de poort niet vergeten mee te geven waarop je lokale webserver luistert;