Následující verze | Předchozí verzeNásledující verzeObě strany příští revize |
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 [23.12.2021 23:45] – oprava odkazu Samuel Knushi - Sympatickej Sam |
---|
====== Get Google application ====== | ====== Creating a Google app ====== |
**Návod pro verzi: 1.2.1** | **Documentation for version: 2.10.4** |
| |
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. Open the second tab, "**OAuth consent screen**". You need to fill in at least "Product name shown to user" and "Authorised domains". You can find this value on your webpage in the administration in the "Google Drive gallery -> Basic options" tab. The other fields are voluntary. Click "Save". |
{{ :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. 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í. | 12: 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** | 13. 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 |}} |
| |
| 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. |
| |
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á. | |