Obě strany předchozí revizePředchozí verzeNásledující verze | Předchozí verze |
dobryweb:en-skaut-google-drive-gallery:en-get-google-application [01.07.2018 18:03] – Michal Janata - Kalich | dobryweb:en-skaut-google-drive-gallery:en-get-google-application [04.03.2024 18:10] (aktuální) – Michal Janata - Kalich |
---|
====== Creating a Google app ====== | ====== Creating a Google app ====== |
**Documentation for version: 2.0.2** | **Documentation for version: 2.13.9** |
| |
1. Login to https://console.developers.google.com/ with a Google account which has access to the images you want to display on your webpage. | 1. Login to https://console.cloud.google.com/ with a Google account which has access to the images you want to display on your webpage. |
| |
| |
{{ :dobryweb:google-drive-galerie:krok2_projekt.png?nolink |}} | {{ :dobryweb:google-drive-galerie:krok2_projekt.png?nolink |}} |
| |
3. You will see a modal window. In the top right there is a + button (add a project) - press it. | 3. You will see a modal window. In the top right, press the "**NEW PROJECT**" button. |
{{ :dobryweb:google-drive-galerie:krok3_vytvorit.png?nolink |}} | {{ :dobryweb:google-drive-galerie:krok3_vytvorit.png?nolink |}} |
| |
**TODO:** The window has changed. | |
| |
4. You will see a "**New Project**" page. Enter the name of your app (can be something like "Web gallery") and press "**Create**". Later on, you will use this name to identify your Google app. | 4. You will see a "**New Project**" page. Enter the name of your app (can be something like "Web gallery") and press "**Create**". Later on, you will use this name to identify your Google app. |
9. In the left menu, press "**Credentials**" | 9. In the left menu, press "**Credentials**" |
| |
10. Open the second tab, "**OAuth consent screen**". You need to fill in at least "Product name shown to user". The other fields are voluntary. | 10. Click on the "**CONFIGURE CONSENT SCREEN**" button. |
{{ :dobryweb:google-drive-galerie:credentials_nastaveni.png?nolink |}} | {{ :dobryweb:google-drive-galerie:credentials_nastaveni.png?nolink |}} |
| |
11. After saving, you will be sent to the first tab, "**Credentials**". Press the blue button "**Create credentials**" in the middle of the page and choose "**OAuth client ID**". | 11. In the User type, select "**External**" and click on "**CREATE**". Enter the name of the application in "**App name**" (only you will see it). Write your email in "**User support email**" (it will not be used anywhere). Then scroll down to the "**Authorized domains**" section and type all the links you see on your website on the "Google Drive Gallery → Basic Settings" page. Finally, in the "**Developer contact information**", fill in the email again in the "**Email addresses**" field. Then just click on "**SAVE AND CONTINUE**" |
| |
| 12. After saving, you will be sent to the first tab, "**Credentials**". Press the blue button "**Create credentials**" in the middle of the page and choose "**OAuth client ID**". |
{{ :dobryweb:google-drive-galerie:create_credentials.png?nolink |}} | {{ :dobryweb:google-drive-galerie:create_credentials.png?nolink |}} |
| |
12: In the second step, you need to fill in several fields. | 13: In the second step, you need to fill in several fields. |
* Application type: Web application | * Application type: Web application |
* Authorized JavaScript origins: You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab (add ///wp-admin/admin.php?page=sgdg_basic// to your webpage url). | * Authorized JavaScript origins: You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab . |
* Authorized redirect URIs: You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab (add ///wp-admin/admin.php?page=sgdg_basic// to your webpage url). | * Authorized redirect URIs: You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab. |
Press "**Create**". | Press "**Create**". |
{{ :dobryweb:google-drive-galerie:create_credentials_2.png?nolink |}} | {{ :dobryweb:google-drive-galerie:create_credentials_2.png?nolink |}} |
**TODO:** A new image | |
| |
13. You will see a modal window with the text **Here is your client ID** and **Here is your client secret**. | 14. You will see a modal window with the text **Here is your client ID** and **Here is your client secret**. |
{{ :dobryweb:google-drive-galerie:oauth_client.png?nolink |}} | {{ :dobryweb:google-drive-galerie:oauth_client.png?nolink |}} |
Copy these values into the respective fields in the administration of your webpage in the "Google Drive gallery -> Basic options" tab (add ///wp-admin/admin.php?page=sgdg_basic// to your webpage url). | Copy these values into the respective fields in the administration of your webpage in the "Google Drive gallery -> Basic options" tab (add ///wp-admin/admin.php?page=sgdg_basic// to your webpage url). |
{{ :dobryweb:google-drive-galerie:en-authorization-last-step.png?nolink |}} | {{ :dobryweb:google-drive-galerie:en-authorization-last-step.png?nolink |}} |
| |
14. Press "**Save changes**" and then "**Grant permission**". You will be redirected to a Google login page. Login with the account used to create the Google app and grant the required permissions. You will then be redirected back to your webpage. | 15. Press "**Save changes**" and then "**Grant permission**". You will be redirected to a Google login page. Login with the account used to create the Google app and grant the required permissions. You will then be redirected back to your webpage. |
| |
If everything goes well, all the fields in Step 1 will be greyed out. | If everything goes well, all the fields in Step 1 will be greyed out. |
| |