{"id":3186,"date":"2021-10-12T15:31:52","date_gmt":"2021-10-12T13:31:52","guid":{"rendered":"https:\/\/visionslabs.io\/vyvoj-vo-wordpress-pomocou-docker-phpstorm\/"},"modified":"2021-10-12T15:31:55","modified_gmt":"2021-10-12T13:31:55","slug":"vyvoj-vo-wordpress-pomocou-docker-phpstorm","status":"publish","type":"post","link":"https:\/\/visionslabs.io\/sk\/vyvoj-vo-wordpress-pomocou-docker-phpstorm\/","title":{"rendered":"V\u00fdvoj vo WordPress pomocou Docker (+ PHPStorm)"},"content":{"rendered":"\n

V r\u00e1mci v\u00fdvoja wordpress pluginu na mieru<\/a> sme museli rie\u0161i\u0165 nieko\u013eko ot\u00e1zok – ako si pripravi\u0165 pracovn\u00e9 prostredie, bude to efekt\u00edvna alebo \u010di to bude dlhodobo udr\u017eate\u013en\u00e9? To v\u0161etko sa pok\u00fasime zodpoveda\u0165 v tomto \u010dl\u00e1nku. <\/p>\n\n

Tvorba pluginu alebo \u0161abl\u00f3n<\/h2>\n\n

Po\u010fme si najsk\u00f4r rozobra\u0165 samotn\u00fa problematikutvorby pluginov alebo aj \u0161abl\u00f3n<\/strong> pre WordPress<\/strong>. V z\u00e1klade je \u0161tandardn\u00e1 programovanie vo webov\u00fdch technol\u00f3gi\u00e1ch – ako je PHP, HTML, CSS<\/strong> a JS<\/strong>. S t\u00fdm, \u017ee aj WordPress<\/strong> sa neust\u00e1le vyv\u00edja, tak\u017ee okrem „zastaran\u00e9ho“ jQuery<\/strong> pripadol v posledn\u00fdch verzi\u00e1ch React<\/strong> v r\u00e1mci svojho predvolen\u00e9ho editora Guttenberg<\/strong>. Tak\u017ee u\u017e nejde len o z\u00e1kladn\u00e9 technol\u00f3gie, ale aj o r\u00f4znorod\u00e9 frameworky. <\/p>\n\n

Aj samotn\u00e9 programovanie pluginov sa m\u00f4\u017ee l\u00ed\u0161i\u0165 vzh\u013eadom na ich rozsah, funk\u010dnosti at\u010f. M\u00f4\u017eete si teoreticky nap\u00edsa\u0165 kus PHP k\u00f3du do s\u00faboru functions.php v r\u00e1mci va\u0161ej \u0161abl\u00f3ny a u\u017e tomu m\u00f4\u017ee niekto hovori\u0165, \u017ee nap\u00edsal plugin. To je ale ve\u013emi „relat\u00edvnej“ a sk\u00f4r to sl\u00fa\u017ei pre ve\u013emi jednoduch\u00e9 \u00fapravy – napr. zmeny limitu pre v\u00fdpo\u010det variantov vo WooCommerce. Pod\u013ea n\u00e1s ide hovori\u0165 o tvorbe pluginu a\u017e v okamih, kedy sa jedn\u00e1 o samostatn\u00fd plugin s vlastnou administr\u00e1ciou a vlastn\u00e9 funk\u010dnos\u0165ou. <\/p>\n\n

Tak\u017ee ak niekto chce za\u010da\u0165 s p\u00edsan\u00edm vlastn\u00fdch pluginov do WordPress<\/strong>, tak rozhodne odpor\u00fa\u010dame boilerplate gener\u00e1tor na str\u00e1nke – https:\/\/wppb.me\/<\/a>, kde si vypln\u00edte z\u00e1kladn\u00e9 inform\u00e1cie a potom v\u00e1m to vygeneruje z\u00e1kladn\u00fa \u0161trukt\u00faru WordPress pluginu<\/strong>, ktor\u00fd d\u00e1va hlavu a p\u00e4tu a pom\u00f4\u017ee v\u00e1m nap\u00edsa\u0165 v\u00e1\u0161 k\u00f3d. Za n\u00e1s m\u00f4\u017eeme ur\u010dite tento gener\u00e1tor odporu\u010di\u0165, preto\u017ee k\u00f3d je potom preh\u013eadn\u00fd a teoreticky by sa v \u0148om mohol \u013eahko zorientova\u0165 aj in\u00fd v\u00fdvoj\u00e1r.<\/p>\n\n

\"Tvorba<\/a>
Uk\u00e1\u017eka vyplnen\u00e9ho gener\u00e1tora pre WordPress plugin<\/figcaption><\/figure><\/div>\n\n

Ak by niekoho zauj\u00edmala e\u0161te viac „v\u00fdvoj\u00e1rska“ cesta, napr. pre \u0161abl\u00f3nu, tak m\u00f4\u017eeme odk\u00e1za\u0165 na web https:\/\/roots.io\/<\/a> s ich frameworkom Sage<\/strong>.<\/p>\n\n

Ako sa predt\u00fdm pripravovalo prostredie pre v\u00fdvoj?<\/h2>\n\n

Sk\u00f4r, aby sme si mohli pripravi\u0165 prostredie pre v\u00fdvoj wordpress pluginu, bolo potrebn\u00e9 ma\u0165 na svojom lok\u00e1lnom po\u010d\u00edta\u010di nain\u0161talovan\u00fd v\u0161etky potrebn\u00e9 technol\u00f3gie od PHP<\/strong> cez webov\u00fd server<\/strong> (typicky Apache<\/strong>) a\u017e po datab\u00e1zu<\/strong> (MySQL<\/strong>). Tento in\u0161tala\u010dn\u00fd \u010di inicializa\u010dn\u00fa proces sa u\u013eah\u010doval pomocou bal\u00ed\u010dkov, ktor\u00fd niesol skratku LAMP \/ XAMP \/<\/strong> MAMP – kde jednotliv\u00e9 p\u00edsmen\u00e1 zmanenaj\u00ed prostredie alebo softv\u00e9r – tak\u017ee L<\/strong> – linux, X<\/strong> – Windows \/ Linux \/ MacOS, M<\/strong> – MacOS. Zost\u00e1vaj\u00face p\u00edsmenk\u00e1 znamenaj\u00fa A<\/strong>pache, M<\/strong>ySQL a P<\/strong>HP. Tu je e\u0161te potrebn\u00e9 poveda\u0165, \u017ee t\u00e1to cesta je st\u00e1le platn\u00e1 a mnoho v\u00fdja\u0159\u016f ju vyu\u017e\u00edva, \u017ee m\u00e1 nain\u0161talovan\u00fd nejak\u00fd tak\u00fd bal\u00ed\u010dek a bez probl\u00e9mov funguj\u00fa. Jednotliv\u00e9 bal\u00edky n\u00e1jdete napriklad tu: MAMP<\/a>, XAMP<\/a>.<\/p>\n\n

Ak\u00e1 je \u010fal\u0161ia cesta pre v\u00fdvoj?<\/h2>\n\n

Teraz si v\u0161ak pop\u00ed\u0161eme to hlavn\u00e9, o \u010dom je tento \u010dl\u00e1nok, a to ak\u00e1 je \u010fal\u0161ia cesta pre v\u00fdvojov\u00e9 prostredie na va\u0161om lok\u00e1lnom po\u010d\u00edta\u010di a t\u00e1 cesta sa vol\u00e1 v\u0161eobecne virtualiz\u00e1cie<\/strong>. Konkr\u00e9tne sa jedn\u00e1 o Docker<\/strong> – \u010do je open-source projekt, ktor\u00fd sa zaober\u00e1 virtualiz\u00e1ciou (ak by sme to ve\u013emi zjednodu\u0161ili<\/em>).<\/p>\n\n

\u010co je to Docker?<\/h3>\n\n

Docker<\/strong> je tie\u017e spolo\u010dnos\u0165, ktor\u00e1 sa star\u00e1 o svoj hlavn\u00fd produkt Docker<\/strong> – na ich webov\u00fdch str\u00e1nkach https:\/\/www.docker.com\/<\/a> n\u00e1jdete z\u00e1kladn\u00e9 heslo – „Accelerate how you build, share and run modern applications<\/em>„, \u010do by sa dalo vo\u013ene prelo\u017ei\u0165 ako \u017ee „zr\u00fdch\u013eujeme tvorbu, zdie\u013eanie a beh modern\u00fdch aplik\u00e1ci\u00ed<\/strong>„. Tak\u017ee okrem vyu\u017eitia pri v\u00fdvoji, tak technol\u00f3giu Docker<\/strong> m\u00f4\u017eeme pou\u017ei\u0165 aj pre samotn\u00fd beh na\u0161ich aplik\u00e1ci\u00ed pomocou tzv. „Container<\/em>“ – tieto kontajnery sl\u00fa\u017eia nie\u010do ako schr\u00e1nky, ktor\u00e9 m\u00f4\u017eete zapn\u00fa\u0165 \u010di vypn\u00fa\u0165 ke\u010f potrebujete (build<\/em>) a pr\u00edpadne je v cloud slu\u017eb\u00e1ch „zasun\u00fa\u0165“ kontajner a fungova\u0165 (run<\/em>). <\/p>\n\n

Tak\u017ee ak potrebujete PHP ur\u010dit\u00e9 verzie, tak si ho sta\u010d\u00ed „len“ zapn\u00fa\u0165 a u\u017e m\u00f4\u017eete fungova\u0165. Ak za chv\u00ed\u013eu chcete vysk\u00fa\u0161a\u0165 svoju aplik\u00e1ciu na inej verzii PHP, tak je to ot\u00e1zka nieko\u013eko chv\u00ed\u013e len zmenou v \u0161peci\u00e1lnej s\u00fabore „dockerfile“, kde si definujeme, \u010do chceme sp\u00fa\u0161\u0165a\u0165 a pr\u00edpadne si nastavi\u0165 jednotliv\u00e9 kontajnery.<\/p>\n\n

Ako na docker<\/h3>\n\n

Najprv je potrebn\u00e9 si Docker<\/strong> nain\u0161talova\u0165 – asi jedna z jednoduch\u0161\u00edch in\u0161tal\u00e1ci\u00ed je pomocou Docker destop – https:\/\/www.docker.com\/products\/docker-desktop<\/a> – \u010do je najr\u00fdchlej\u0161ia cesta k sprev\u00e1dzkovaniu Docker na va\u0161om po\u010d\u00edta\u010di. Mo\u017eno ho nain\u0161talova\u0165 ako na MacOS<\/strong>, Windows<\/strong>, tak aj Linux<\/strong> a obsahuje s\u00fa\u010dasne aj grafick\u00fa nadstavbu pre spr\u00e1vu image<\/em> a containers<\/em>. <\/p>\n\n

Na obr\u00e1zku ni\u017e\u0161ie m\u00f4\u017eete vidie\u0165, ako Docker desktop<\/strong> aplik\u00e1cia m\u00f4\u017ee vyzera\u0165. Tu je samozrejme u\u017e v stave, kedy obsahuje nejak\u00e9 images<\/em>.<\/p>\n\n

\"docker<\/a>
Uk\u00e1\u017eka ako m\u00f4\u017ee vyzera\u0165 docker desktop aplik\u00e1cie, ke\u010f m\u00e1te nejak\u00e9 images<\/figcaption><\/figure><\/div>\n\n

Konfigura\u010dn\u00fd s\u00fabor docker-compose<\/h3>\n\n

Potom je potrebn\u00e9 konfigura\u010dn\u00fd s\u00fabor, v ktorom si zadefinujeme, \u010do vlastne chceme spusti\u0165 v kontajneroch. Tak\u00fdto konfigura\u010dn\u00fd s\u00fabor sa vol\u00e1 „docker-compose.yml“, je potrebn\u00e9 dodr\u017eiava\u0165 presn\u00e9 pomenovanie. Potom e\u0161te za zmienku stoj\u00ed, \u017ee s\u00fabor docker-compose je p\u00edsan\u00fd vo zna\u010dkovacom jazyku Yamli – kde je d\u00f4le\u017eit\u00e1 ve\u013ekos\u0165 odsadenie textu. Tento s\u00fabor docker-Compose mus\u00ed obsahova\u0165 nieko\u013eko vec\u00ed a to je:<\/p>\n\n