Domov › Služby › API: co to je, jak pracovat a nastavit integraci. Interakce s WordPress Core

API: co to je, jak pracovat a nastavit integraci. Interakce s WordPress Core

No, samozřejmě, animace vždy přiváděla k životu stacionární objekty, zejména obrázky. Využít ho ale můžete nejen v obrázcích. Řemeslníci například našli skvělé využití animace na webových stránkách. Ukazuje se tedy, že web prostě začíná ožívat, což zase mnohem lépe přitahuje pozornost uživatele nebo kupujícího.

Použití živých ilustrací a správné animace pomáhá zlepšit komunikaci s různorodým publikem. Existuje například typ animace, která uživatele nutí k akci, nebo můžete upozornit na požadovaný objekt na webu.

Obecně vám dnes chci představit několik příkladů úžasných zdrojů, které využívají ilustrace s animací. Zdá se mi, že pokud se rozhodnete tvořit podobný zdroj, pak vám tento výběr pomůže nebo vás inspiruje. Navíc je třeba se na tyto stránky podívat, protože je vytvořili skuteční profesionálové.

Velké poděkování patří http://www.webdesignerdepot.com a jako vždy se nezapomeňte podívat na naše minulé sbírky krásných webových stránek:

www.noiretrenoir.com

Úžasný web, který využívá cool animace Pro více spojení s publikem. Obzvláště se mi líbilo, jak byl web od začátku černobílý a s postupujícím stupněm načítání se zbarvoval, vše bylo velmi kreativní a krásně udělané.

barcampomaha.org

Naprosto nádherná a barevná stránka, která je plná různých animovaných příšer a mimozemšťanů.

www.azahran.com

www.quechua.com

Nádherný internetový obchod, který využívá animaci objektů, což zase velmi nutí k akci. Obvykle na takových krásných stránkách lidé nakupují zboží mnohem častěji.

Parallax.js

Stránka se používá jako ukázková stránka, která demonstruje fungování skriptu Parallax.js. Co mohu říci, vše vypadá velmi, velmi působivě!

www.buffalowildwings.com

Stránka pro jednoduchou, ale návykovou hru. Jako obvykle je zde použita efektní animace.

goodtwin.co

Tato stránka používá krásné ilustrace a dobrá animace jim. Všechno dohromady to vypadá velmi cool.

www.intacto10years.com

Možná jsem vám tyto stránky již ukazovala, ale nedalo mi to nezmínit :) Stačí se podívat na velmi kvalitní práci.

Toto je, dalo by se říci, dobře zpracovaná a animovaná infografika, která vám ukáže, co máte dělat, a donutí vás jednat. Je vyrobena ve stylu Flat, který dává této stránce modernost a styl.

www.ipolecat.com

Tento web používá většinou krásné ilustrace, ale když projíždíte posuvníkem, moc se animují, což webu dodává trochu rozmarný pocit.

www.octaveoctave.com

Zajímavá stránka s neobvyklými obrázky a kresbami, plus animace. Jinými slovy - neobvyklé, ale stylové.

www.milkable.me

Používají prostě moc krásné ilustrace plus k nim paralaxový efekt, velmi moderní výborný paralaxový efekt na hlavní stránce s ilustracemi. A samozřejmě velmi cool menu na webu.

www.mitchlana.com

Stránky talentovaného ilustrátora, který pomocí animací věci trochu okořenil.

Pokud jste se někdy s vývojem webu setkali zblízka nebo vás toto téma zajímalo, pak jste s největší pravděpodobností slyšeli zkratku API. Například MS Windows API, Yandex.Maps, Google dokumenty a tak dále. Co znamenají tato tři písmena?! Zkratka API dešifrováno takto: Aplikační programovací rozhraní. V překladu do ruštiny to doslova zní jako „rozhraní aplikačního softwaru“. Jak je vidět z příkladů, mnoho velkých softwarových systémů a webové služby mají speciální, uživatelsky orientované rozhraní, k jehož prvkům mají přístup programátoři třetích stran. Zdá se to jasné a jasné zároveň! Pokusím se vysvětlit, co to znamená jednoduchými slovy a dostupné podmínky.

Řečeno na rovinu jednoduchým jazykem, pak API je sada nástrojů, díky kterým už může programátor používat hotová řešení a není třeba znovu vynalézat kolo. Může být prezentován buď ve formě některých lokálních skriptů, funkcí či knihoven, nebo ve formě globálních softwarových komplexů. Zhruba řečeno, takové rozhraní je prostředníkem mezi klientem a serverem, který jim umožňuje komunikovat v jazyce, kterému oba rozumějí.

Vysvětlím to prsty. Představte si, že sedíte u stolu v restauraci s nabídkou na objednávku. Kuchyně je součástí „systému“, který připraví vaši objednávku. Neexistuje způsob, jak přenést objednávku do kuchyně a doručit jídlo zpět na stůl. Tady přichází číšník. Právě v tomto řetězci je API! Vezme vaši objednávku (žádost) a řekne kuchyni (systému), co má dělat. Poté Vám obsluha vrátí objednané pokrmy - to bude odpověď na požadavek.

API pro webové stránky

V současné době jsou nejoblíbenější API pro webové stránky a blogy z velkých webových služeb, portálů a sociálních sítí. Například API VKontakte, Odnoklassniki, Facebook. Jak to funguje? Webmaster místo toho, aby psal tuny kódu v PHP, Perlu nebo Pythonu pro formulář komentáře na svém blogu, jednoduše zavolá podobný modul ze sady nástrojů pro sociální sítě, který také běží výhradně na vzdálený server, využívající svůj výpočetní výkon, rozkládající zátěž. A to je jen ten nejjednodušší příklad.

jiný populární příklady API pro web je výstupem informací o počasí z Yandexu, blok zpráv z Lenta.ru nebo formulář zpětná vazba Jivosite, které jsou nyní velmi oblíbené a používají se téměř na každém druhém portálu. Jednoduše řečeno, API je určitá sada klient-server softwarových modulů spuštění na vzdáleném serveru a vrácení výsledku zpracování zpět klientovi – prohlížeči.

Od verze 2.7 bylo do WordPressu zavedeno mnoho nových věcí, včetně Settings API. Umožňují vám snadno vytvořit stránku nastavení na panelu administrátora. Pomocí tohoto API můžete vytvářet nejen stránky s nastavením, ale také je rozdělit do sekcí a přidat nastavení ke stávajícím nastavením.

Správná organizace kódu a ověřování polí nebude snadný úkol, ale v budoucnu vás to ušetří zbytečného ladění.

Pro práci s API nastavení je potřeba odeslat POST požadavek na wp-admin/options.php, který kontroluje poměrně přísně. K uložení nastavení musí mít uživatel oprávnění „manage_options“ (v „Multisite“ je to „Super Adamin“).

Proč používat rozhraní Settings API?

Vývojář samozřejmě může API nastavení zcela ignorovat a napsat si vše zcela sám. Ale vyplatí se to dělat? Bylo by to nejlepší řešení? Níže uvádím některé výhody Využití API nastavení.

Uznání

Použitím rozhraní API ke generování prvků zajistíte, že vaše nastavení budou vypadat přesně stejně jako ostatní v panelu administrátora.

Viděli jste někdy stránku nastavení, která vypadá, jako by ji vytvořilo 5leté dítě? Vývojář s největší pravděpodobností nepoužil nastavení API, ale rozhodl se to udělat svým vlastním způsobem.

A to díky talentovaným tým WordPress, máme rozhraní API pro nastavení, které má výchozí design!

Přemýšlení o budoucnosti

API je součástí jádra WordPressu, takže každá aktualizace bude automaticky podporována nastavením vašeho pluginu. Pokud vyvíjíte něco vlastního, tak nejspíš po globálním Změny ve WordPressu něco může přestat fungovat v jádře. A samozřejmě máme velkou komunitu, která testuje API nastavení, takže i ty nejmenší chyby jsou opraveny dostatečně rychle.

Méně práce – více práce

A samozřejmě hlavní výhodou WordPress API je to, že dělá spoustu práce pro tebe. Zde je několik příkladů toho, co nastavení API po vybalení dělá:

Zvládá ověření formuláře – důvěřujte $_, že jej zpracuje požadavky POST WordPress.
Bezpečnost – dostanete další úroveň zabezpečení atd.
Vyčištění dat – Jakmile jsou data uložena, můžete k nim snadno přistupovat. Data, která obdržíte, jsou ale v bezpečí, protože WordPress se o ně již postaral.

Propustili jsme nová kniha„Obsahový marketing na sociálních sítích: Jak se dostat do hlav svých následovníků a přimět je, aby si vaši značku zamilovali.“

API je externí rozhraní pro programování aplikace, přístup k webům přes konkrétní protokol získat informace a zjednodušit vývoj programů souvisejících s interními službami.

Co znamená API?

Nejjednodušší analogií pro použití API by byl proces práce na kalkulačce složité výpočty. Řekněme, že máte úkol, dokážete pochopit jeho podstatu, sestavit rovnice a grafy, ale nevíte, jak provádět aritmetické operace s čísly. Vedle vás je kalkulačka, která tyto operace snadno zvládne. Nevíte, co se děje uvnitř počítač a nemusíte to vědět. Informace poskytujete v jedné formě a přijímáte je v jiné, nezbytné pro vaše účely.

Na tomto principu funguje jakékoli API. Nezajímá vás, jak program dostane odpověď, jakou cestu v něm požadavek vede, jak se provádějí výpočty. Jistotu máte pouze v jedné věci - v reakci na to budou podány standardizované informace o úspěšnosti operace nebo její chybě.

Rozhraní API vám umožňuje neztrácet čas, peníze a úsilí na nákup „nového kola“. Získáte funkční informační port, který přijímá a odesílá potřebná množství dat pro účely vašeho vývoje.

Klady:

Ušetřete na vývoji vlastního rozhraní.
Není třeba chápat nuance problému.
API jsou vyvíjena profesionály a berou v úvahu všechny faktory interních procesů, o kterých si při vytváření řešení nemusíte být vědomi.
Umožňuje komunikovat se službami, které jsou uzavřeny prostřednictvím jiných protokolů.

mínusy:

Pokud je cílová služba aktualizována, API ne vždy okamžitě obdrží plnou funkčnost.
Nemůžete zachytit chyby a nevíte, jak proces funguje v kódu někoho jiného.
API ne vždy poskytuje nejoptimalizovanější výsledek z hlediska času, protože je navrženo pro zpracování obecné případy, ne soukromé.

Příklady API

Integrace API je proces připojení aplikace externí rozhraní data. Práce s API začíná prostudováním dokumentace a použitých protokolů a poté přímou integrací vašeho programu do rozhraní. Podívejme se na nejoblíbenější služby, které mají vlastní API.

VKAPI

Externí rozhraní pro interakci populární sociální sítě VKontakte s klienty, stejně jako s prohlížečem a serverové aplikace. Umožňuje vám spravovat zprávy komunity, obálky skupin, uživatelské stránky, pokud máte příslušné přístupové klíče.

Veškeré požadavky se zasílají na adresu https://api.vk.com/method/

Za lomítkem následuje název použité metody API a jsou přenášeny parametry GET požadavku. Odpověď přichází také přes HTTPS ve formátu JSON.

TELEGRAM BOT API

Jedno z nejpopulárnějších API. Pomáhá ovládat roboty v Telegramový posel. Po vytvoření robota přes @botfather a získání potřebných přístupových klíčů můžete začít komunikovat s backendem.

Žádosti lze zasílat na: https://api.telegram.org/bot0000000:token/

Kde je místo bot0000000 uvedeno jedinečný identifikátor váš robot a token vyjadřuje tajný klíč.

Žádosti se zasílají prostřednictvím připojení HTTPS, název metody je uveden lomítkem k hlavní adrese. Odpověď přichází ve formátu JSON.

OTEVŘÍT API POČASÍ MAPY

Často je nutné získat informace o počasí bez použití widgetů třetích stran a placené aplikace. Služba OpenWeatherMap přichází na pomoc s otevřeným a bezplatným API. Po registraci a obdržení identifikačních údajů můžete odesílat požadavky na počasí ze serverových skriptů po celém světě. V reakci na ID města vrátí zdroj maximum detailní informace o aktuálním počasí a poskytuje předpověď na blízkou budoucnost.

Pracovní formát: HTTP přenos od api.openweathermap.org/data/2.5/weather?id= s uvedením identifikační číslo požadované město. Odpověď serveru: JSON.

API GOOGLE MAPS

Co může být hezčí než interaktivní mapa klid na webu? Zvláště pokud se nejedná o vložku šablony z Google mapy, ale vaše osobní vydání oblíbené mapy s osobními shluky značek. Mapa bude interagovat s ostatními skripty na webu a bude odesílat informace o kliknutích a souřadnicích.

JavaScript nabízí podobné možnosti Google API Mapy. Modul je kompletně naskriptovaný a funguje na straně prohlížeče, takže nepotřebujeme HTTP požadavky z PHP a vytváření hlaviček na straně serveru, jako tomu bylo u jiných API.

Umístění značky na mapu bude například vypadat takto:

var mark = new google.maps.Marker((
pozice: myPOS,
mapa: mapa,
název: "Ahoj!"
});

Jaká je potřeba a výhody používání API?

Je tam poměrně hodně užitečných funkcí.

První aspekt

Můžete vytvořit interaktivní uživatelskou interakci s sociální sítě a messenger, využívat možnosti třetích stran výpočetní systémy pro zobrazení směnných kurzů, počasí a dalších důležitých informací.

S pomocí API je provedeno okamžité připojení k serverům jiných zdrojů a softwarová řešení, což by při běžné implementaci trvalo týdny vývoje. API zjednodušuje život tam, kde není potřeba jedinečná implementace, a spolehlivost a bezpečnost jsou prioritou.

Druhý aspekt

Pokud jste vlastníkem komplexu výpočetní výkon, oblíbená služba nebo datový sklad pro veřejný nebo polosoukromý přístup, pak by bylo dobrým krokem vytvořit vlastní API. Co to dá:

Velký tok klientů.
Zjednodušený přístup k vašim službám pro partnery.
Pohodlí Statistická analýza používání služby.

Třetí aspekt

Skoro stejný jako ten druhý. Ale bez nutnosti implementovat API pro otevřený přístup. Pokud máte portál a chcete ho pro něj vytvořit mobilní aplikace na Android/IOS, poté přepište systém pod jediné API - Nejlepší rozhodnutí. Celá struktura dat je systematizována. Stránka a aplikace budou fungovat přes jednotné kanály data.

Kompletní průvodce Nastavení WordPressu API Část 1: Úvod

Nyní je čas stát se profesionálním vývojářem WordPress. Ať už jde o zakázkový vývoj nebo tvorbu témat a pluginů, dnes je poptávka po všem, co s tímto tématem souvisí.

WordPress má dobře napsané API dokumentace pro vývojáře bez ohledu na úroveň jejich výcviku. Tím ale není potřeba šetřit praktická zkušenost v oblasti vývoje tohoto CMS.

Stejně jako u většiny věcí ve vývoji webu, to, že něco funguje, neznamená, že je to děláno úplně správně. Takže my, jako vývojáři a řemeslníci svého druhu, jsme vyzváni, abychom se ujistili, že to, co děláme, je děláno správně.

Spousta zdrojového kódu motivů a pluginů ukazuje, že vývojáři pokračují v tom, co funguje, ale není to děláno nejúčinnějším způsobem. To platí zejména pro možnosti motivu, stránky nabídek, ověřovací mechanismy a podobně.

A my to chceme zastavit.

V této sérii článků se hluboce ponoříme do srdce rozhraní WordPress Settings API. Pochopíme, v čem je problém a proč je důležitý, a také se naučíme toto API správně používat.

Naším hlavním cílem je naučit se správně nakonfigurovat rozhraní Settings API ( Softwarové rozhraní nastavení, dále Settings API) bez ohledu na úroveň vašeho tréninku. Na konci série získáte hluboké, holistické porozumění a praktické příklady toho, jak správně používat toto API v praxi.

Abychom úspěšně dokončili všechny fáze, musíme začít od absolutní nuly. Před psaním jakéhokoli kódu a rozborem příkladů se musíme seznámit s Settings API – zjistit, co to je a k čemu je určeno.

Definice pojmu "Nastavení API"

Ve svém jádru je Settings API sada funkcí poskytovaných WordPressem, která zjednodušuje proces vytváření nabídek, stránek nastavení a ukládání, ověřování a získávání uživatelských vstupů.

Zní to jednoduše, že?

V této sérii článků se budeme podrobně zabývat každým aspektem. A na této jednoduché definici můžeme stavět v naší další práci.

Proč byste měli používat rozhraní Settings API?

Nyní, když jsme zjistili, co je rozhraní Settings API, pojďme se podívat na to, proč jej budeme používat místo našich vlastních rutin pro zpracování uživatelského vstupu, serializaci (proces přeměny datové struktury na sekvenci bitů), a validace.

Interakce s WordPress Core

Nastavení API bylo vyvinuto tvůrci platformy WordPress, aby usnadnilo vytváření rozšíření. Proto je jen logické používat funkce poskytované tímto API.

Samozřejmě můžete obejít Settings API a pomocí metody hrubou silou implementujte svou vlastní funkcionalitu a nikdo ji nemůže zastavit, ale to vyžaduje práce navíc, a je zatížen nedodržováním doporučení základního vývojového týmu WordPress, což může v konečném důsledku vést k chybám v ovládacím panelu.

Použití nástroje vytvořeného vývojáři pro vývojáře zajišťuje, že s jádrem komunikujeme správným způsobem.

Bezplatné standardní funkce

Použití rozhraní Settings API není jen zárukou, že vývoj bude pokračovat správná cesta. Je to také jistota, že uživatelské rozhraní bude následovat tradice platformy a data budou zpracována mechanismy podobná témata, které se používají v samotném WordPressu. Navíc to může ušetřit spoustu času.

Když začnete vytvářet svá rozhraní pomocí stejných principů, jaké se používají ve WordPressu, a ve své práci použijete rozhraní Settings API, vaše produkty budou těsně integrovány s CMS.

To znamená, že když uživatelé interagují s vašimi výtvory, budou se cítit pohodlně – vše jim bude jasné. Budou mít pocit, že upravují systémový doplněk vytvořený vývojáři WordPress.

Po pravdě řečeno, používání nativních stylů WordPress přímo nesouvisí s rozhraním Settings API a je to trochu jiné téma, ale aspekt rozhraní API nastavení, jako je vytváření stránek nabídek, zahrnuje použití nativní styly WordPress.

Nemá smysl držet se jednoho stylu?

Bezpečnější, udržitelnější

Využití vestavěných Funkce WordPress, můžete si být jisti, že ukládání, načítání a ověřování proběhnou hladce. Nastavení API poskytuje mnoho funkcí, které lze bezpečně používat pro jádro.

Ostatně rozhraní Settings API podléhá stejným pravidlům a principům jako WordPress API. Při aktualizaci CMS také zastarají funkce Settings API. Než nekompatibility ovlivní jeho výkon, budete potřebovat nějaký čas na aktualizaci projektu.