Následující verze | Předchozí verze |
dobryweb:en-skaut-google-drive-gallery:en-get-google-application [15.06.2018 06:54] – vytvořeno Marek Dědič - Mlha | dobryweb:en-skaut-google-drive-gallery:en-get-google-application [04.03.2024 18:10] (aktuální) – Michal Janata - Kalich |
---|
====== Get Google application ====== | ====== Creating a Google app ====== |
**Návod pro verzi: 1.2.1** | **Documentation for version: 2.13.9** |
| |
1. Přihlásíte se pod Google účtem kde máte fotky pro web na stránce https://console.developers.google.com/ | 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. |
| |
2. V horní liště kliknete na "**Select a project**" | |
| 2. In the top bar, press "**Select a project**". |
{{ :dobryweb:google-drive-galerie:krok2_projekt.png?nolink |}} | {{ :dobryweb:google-drive-galerie:krok2_projekt.png?nolink |}} |
| |
3. Objeví se dialogové okno. Vpravo je tlačítko se symbolem + (přidat projekt), na to kliknete. | 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 |}} |
| |
4. Objeví se stránka "**New Project**". Tam vyplňte jméno projektu (něco smysluplného, třeba "Web galerie"). Tak později snadno určíte, co je to za projekt. | 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. |
{{ :dobryweb:google-drive-galerie:krok4_novy_projekt.png?nolink |}} | {{ :dobryweb:google-drive-galerie:krok4_novy_projekt.png?nolink |}} |
| |
5. V horní liště kliknete na "**Select a project**" a vyberete svůj projekt. | 5. In the top bar, press "**Select a project**" and select your newly created project. |
| |
6. V levém menu kliknete na "**Library**", tím se vám otevře stránka se všemi API co se dají povolit. | 6. In the left menu, press "**Library**" which will show you all the APIs that can be enabled. |
| |
7. Najdete dlaždici Google Drive API a kliknete na ní. | 7. Find the Google Drive API tile and press it. |
{{ :dobryweb:google-drive-galerie:google_drive_api.png?nolink |}} | {{ :dobryweb:google-drive-galerie:google_drive_api.png?nolink |}} |
8. V nastavení API kliknete na "**ENABLE**" a počkáte až se stránka znovu načte a api bude povoleno. | |
| 8. In the API settings, click "**ENABLE**" and wait for the page to reaload and the API to enable. |
{{ :dobryweb:google-drive-galerie:povoleni_google_drive_api.png?nolink |}} | {{ :dobryweb:google-drive-galerie:povoleni_google_drive_api.png?nolink |}} |
9. V levém menu se překliknete na záložku "**Credentials**" | |
| |
10. Otevřete druhou záložku "**OAuth consent screen**". Tam je potřeba vyplnit alespoň pole "Product name shown to users". Další jsou už na vás. | 9. In the left menu, press "**Credentials**" |
| |
| 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. Po uložení se automaticky vrátíte na první záložku "**Credentials**" Uprostřed stránky kliknete na modré tlačítko "**Create credentials**" a vyberete "**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. V druhém kroku je potřeba zadat pár věcí. | 13: In the second step, you need to fill in several fields. |
* Application type: Web application | * Application type: Web application |
* Authorized JavaScript origins: Najdete na svém webu (za adresu svého webu dejte ///wp-admin/options-general.php?page=sgdg//) | * 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: Najdete na svém webu (za adresu svého webu dejte ///wp-admin/options-general.php?page=sgdg//) | * Authorized redirect URIs: You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab. |
A pak kliknete na "**Create**" | Press "**Create**". |
{{ :dobryweb:google-drive-galerie:create_credentials_2.png?nolink |}} | {{ :dobryweb:google-drive-galerie:create_credentials_2.png?nolink |}} |
| |
13. Zobrazí se vám dialogové okno, kde bude **Here is your client ID** a **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 |}} |
to musíte překopírovat na web na stránku ///wp-admin/options-general.php?page=sgdg// do kolonek pro to určených. | 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 |}} |
| |
| 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. |
| |
14. Kliknete na "**Uložit změny**" a pak na "**Udělit oprávnění**". Přesměruje vás to na stránku, kde se přihlásíte přes účet u kterého jste tu Google aplikaci vytvořili. Vše potvrdíte a na konci procesu vás to vrátí zpět na web. | If everything goes well, all the fields in Step 1 will be greyed out. |
| |
Pokud vše proběhne v pořádku, budou všechna pole v kroku 1 šedá. | |