| 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 12:36] – TODO Marek Dědič - Mlha | 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:autorizace_posledni_krok.png?nolink |}} | {{ :dobryweb:google-drive-galerie:en-authorization-last-step.png?nolink |}} |
| **TODO:** A new image maybe? | |
| |
| 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. |
| |
