{"id":4302,"date":"2020-11-18T00:00:00","date_gmt":"2020-11-18T00:00:00","guid":{"rendered":"https:\/\/megnyitasa.com\/blog\/hogyan-keszitsunk-facebook-alkalmazast-az-oldalahoz\/"},"modified":"2020-11-18T00:00:00","modified_gmt":"2020-11-18T00:00:00","slug":"hogyan-keszitsunk-facebook-alkalmazast-az-oldalahoz","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/blog\/hogyan-keszitsunk-facebook-alkalmazast-az-oldalahoz\/","title":{"rendered":"Hogyan k\u00e9sz\u00edts\u00fcnk Facebook-alkalmaz\u00e1st az oldal\u00e1hoz"},"content":{"rendered":"

\nL\u00e9trehozhat saj\u00e1t Facebook alkalmaz\u00e1st \u00fcgye, v\u00e1llalata, szervezete vagy szem\u00e9lyes felhaszn\u00e1l\u00e1sa \u00e9rdek\u00e9ben - integr\u00e1lva azt a Facebook oldal\u00e1val. A Facebook Developers platform mindent tartalmaz, amire sz\u00fcks\u00e9ge van, bele\u00e9rtve az \u00f6sszes sz\u00fcks\u00e9ges eszk\u00f6zt \u00e9s \u00fatmutat\u00f3t a folyamat v\u00e9gigvezet\u00e9s\u00e9hez.\n<\/p>\n

Mi az a Facebook alkalmaz\u00e1s? <\/h2>\n

\nA fejleszt\u0151k a Facebook-on tal\u00e1lhat\u00f3 leggyakoribb alkalmaz\u00e1sok legt\u00f6bbj\u00e9t a Facebook Developers platformon kereszt\u00fcl \u00e9p\u00edtik. Harmadik f\u00e9lt\u0151l sz\u00e1rmaz\u00f3 alkalmaz\u00e1sok ezrei haszn\u00e1lhat\u00f3k szem\u00e9lyes Facebook-fi\u00f3kon kereszt\u00fcl, amelyek seg\u00edtenek kapcsolatot teremteni m\u00e1s term\u00e9kekkel \u00e9s szolg\u00e1ltat\u00e1sokkal.\n<\/p>\n

\nEgy alkalmaz\u00e1s (nem t\u00e9vesztend\u0151 \u00f6ssze a hasonl\u00f3an nem eg\u00e9szen teljes alkalmaz\u00e1ssal, amelyet \u201ekisalkalmaz\u00e1snak\u201d neveznek) val\u00f3j\u00e1ban nem alkalmaz\u00e1s abban az \u00e9rtelemben, hogy a Mac \u00e9s a Windows sz\u00e1m\u00edt\u00f3g\u00e9pes felhaszn\u00e1l\u00f3i ismerik ezt a kifejez\u00e9st. Ahelyett, hogy sz\u00e1m\u00edt\u00f3g\u00e9pes alkalmaz\u00e1st (m\u00e1s n\u00e9ven szoftvert \u00e9s programokat) telep\u00edtene lemezr\u0151l, vagy let\u00f6ltene a sz\u00e1m\u00edt\u00f3g\u00e9p merevlemez\u00e9re, a b\u00f6ng\u00e9sz\u0151j\u00e9ben futtatva a Facebook alkalmaz\u00e1st haszn\u00e1lja, amely nem foglal helyet a sz\u00e1m\u00edt\u00f3g\u00e9pen.\n<\/p>\n

\nP\u00e9ld\u00e1ul, ha egy alkalmaz\u00e1st haszn\u00e1l a Scrabble lej\u00e1tsz\u00e1s\u00e1ra egy bar\u00e1tj\u00e1val a Facebookon, a Facebook minden egyes mozdulat\u00e1t a szerverein t\u00e1rolja, nem helyben. Az oldal friss\u00fcl, ha \u00fajb\u00f3l bejelentkezik, vagy m\u00e1s m\u00f3don friss\u00edti a b\u00f6ng\u00e9sz\u0151t. Ez a legfontosabb k\u00fcl\u00f6nbs\u00e9g a Facebook alkalmaz\u00e1s \u00e9s a hagyom\u00e1nyos alkalmaz\u00e1s k\u00f6z\u00f6tt.\n<\/p>\n

Mi a Facebook Developers Platform? <\/h2>\n

\nA Facebook 2007-ben ind\u00edtotta el a Facebook Developers platformot, amely keretet biztos\u00edt, amelyet a fejleszt\u0151k felhaszn\u00e1lhatnak olyan alkalmaz\u00e1sok l\u00e9trehoz\u00e1s\u00e1ra, amelyek k\u00f6lcs\u00f6nhat\u00e1sba l\u00e9pnek a Facebook alapvet\u0151 funkci\u00f3ival. Ez azt jelentette, hogy az alkalmaz\u00e1sok megoszthatj\u00e1k a felhaszn\u00e1l\u00f3i inform\u00e1ci\u00f3kat k\u00fcls\u0151 alkalmaz\u00e1sokkal egy ny\u00edlt API-n (alkalmaz\u00e1sprogramoz\u00e1si fel\u00fclet) kereszt\u00fcl.\n<\/p>\n

\nA Facebook Developers platform egy sor API-t \u00e9s eszk\u00f6zt k\u00edn\u00e1l, amelyek lehet\u0151v\u00e9 teszik a k\u00fcls\u0151 fejleszt\u0151k sz\u00e1m\u00e1ra, hogy integr\u00e1l\u00f3djanak a ny\u00edlt gr\u00e1fba - ak\u00e1r a Facebook.com alkalmaz\u00e1sain, ak\u00e1r k\u00fcls\u0151 webhelyeken \u00e9s eszk\u00f6z\u00f6k\u00f6n kereszt\u00fcl.\n<\/p>\n

Mi\u00e9rt hozna l\u00e9tre Facebook alkalmaz\u00e1st? <\/h2>\n

\nK\u00edv\u00e1ncsi lehet, mire haszn\u00e1lhatja v\u00e1llalkoz\u00e1sa egy olyan j\u00e1t\u00e9kot, mint a Scrabble? Nagyon kev\u00e9s, de nem csak a j\u00e1t\u00e9kok haszn\u00e1lj\u00e1k az alkalmaz\u00e1sokat. B\u00e1rmely entit\u00e1s, amely a nev\u00e9t meg akarja osztani a k\u00f6z\u00f6ss\u00e9gi h\u00e1l\u00f3zaton, haszn\u00e1lhat egy alkalmaz\u00e1st a m\u00e1rkafelismer\u00e9s el\u0151id\u00e9z\u00e9s\u00e9re.\n<\/p>\n

\nVegye figyelembe ezt a forgat\u00f3k\u00f6nyvet: \u00d6nnek van egy \u00e9tterme, amelynek saj\u00e1t Facebook-oldala van. Sokan h\u00e9tk\u00f6znapi kommenteket tesznek k\u00f6zz\u00e9 az oldal bejegyz\u00e9seivel, \u00e9s ennyi. Az oldalnak van rajong\u00f3i b\u00e1zisa, de nem t\u00fal sok \u00fcgyf\u00e9l \u00e9rzi el\u00e9g \u00f6szt\u00f6nz\u0151nek, hogy \"l\u00e1jkolja\".\n<\/p>\n

\nMost k\u00e9pzelje el, hogy az oldalon van egy alkalmaz\u00e1s, amely felsorolja a men\u00fcelemeket - kieg\u00e9sz\u00edtve olyan fot\u00f3kkal, amelyeket a felhaszn\u00e1l\u00f3k kiv\u00e1laszthatnak \u00e9s megoszthatnak. Ahelyett, hogy rajong\u00f3inak unalmas \u00e1llapotfriss\u00edt\u00e9seket vagy linkeket k\u00edn\u00e1lna a blogj\u00e1ra, egy alkalmaz\u00e1s lehet\u0151v\u00e9 teheti sz\u00e1mukra, hogy szemet gy\u00f6ny\u00f6rk\u00f6dtet\u0151bben n\u00e9zz\u00e9k meg, mit ettek az \u00e9tterm\u00e9ben. A rajong\u00f3k sz\u00e1m\u00e1ra egyszer\u00fben \u00e9s sz\u00f3rakoztat\u00f3an haszn\u00e1lhat\u00f3, \u00e9s ily m\u00f3don kiakn\u00e1zza a k\u00f6z\u00f6ss\u00e9gi marketing \u00e9rt\u00e9k\u00e9t.\n<\/p>\n

A Facebook API haszn\u00e1lata <\/h2>\n

\nA Graph API a Facebook Developers platform magja, amely lehet\u0151v\u00e9 teszi a fejleszt\u0151k sz\u00e1m\u00e1ra, hogy adatokat olvassanak \u00e9s \u00edrjanak a Facebookra. A Graph API a Facebook k\u00f6z\u00f6ss\u00e9gi grafikonj\u00e1nak egyszer\u0171, k\u00f6vetkezetes n\u00e9zet\u00e9t mutatja be, egyenletesen \u00e1br\u00e1zolva a grafikonon l\u00e9v\u0151 objektumokat (pl. Emberek, fot\u00f3k, esem\u00e9nyek \u00e9s oldalak) \u00e9s a k\u00f6z\u00f6tt\u00fck l\u00e9v\u0151 kapcsolatokat (pl. Bar\u00e1tkapcsolatok, megosztott tartalom \u00e9s fot\u00f3c\u00edmk\u00e9k ).\n<\/p>\n

\nAz alkalmaz\u00e1s k\u00f6nyvt\u00e1rral egy\u00fctt ez a fejleszt\u0151k sz\u00e1m\u00e1ra a Facebook platform leger\u0151sebb aspektusa.\n<\/p>\n

\nK\u00e9t olyan szolg\u00e1ltat\u00e1s, amelyet a Facebook fejleszt\u0151i gyakran haszn\u00e1lnak k\u00f6z\u00f6ns\u00e9g\u00fck kisz\u00e9les\u00edt\u00e9s\u00e9re: az alkalmaz\u00e1s-megh\u00edv\u00f3k \u00e9s a h\u00edrcsatorna-h\u00edrekbe val\u00f3 bejegyz\u00e9sek. Mindkett\u0151 megmondja a Facebook-felhaszn\u00e1l\u00f3knak, melyik bar\u00e1tja vesz r\u00e9szt az alkalmaz\u00e1sban.\n<\/p>\n

\nA megh\u00edv\u00e1s kifejezett k\u00e9rd\u00e9s, amely az alkalmaz\u00e1s felhaszn\u00e1l\u00f3i \u00e1ltal v\u00e1lasztott bar\u00e1tokat c\u00e9lozza meg. M\u00e1sr\u00e9szt a h\u00edrcsatorna opci\u00f3 egyszer\u0171en tudatja m\u00e1sokkal, hogy egy ismer\u0151s egy alkalmaz\u00e1st haszn\u00e1l.\n<\/p>\n

\nA felhaszn\u00e1l\u00f3 megh\u00edv\u00e1s\u00e1t k\u00fcldeni nehezebb, mert az ilyen megh\u00edv\u00f3kat nem mindig fogadjuk sz\u00edvesen. Ha azonban a felhaszn\u00e1l\u00f3 elk\u00fcldi \u0151ket azoknak, akiket val\u00f3ban \u00e9rdekelhet az alkalmaz\u00e1s, ez feliratkoz\u00e1sokhoz vezethet.\n<\/p>\n

\nMegfelel\u0151 \u00f6szt\u00f6nz\u0151kkel, marketinggel \u00e9s m\u00e1rkajelz\u00e9ssel a Facebookon l\u00e9v\u0151 alkalmaz\u00e1sok fut\u00f3t\u0171zk\u00e9nt terjedhetnek. K\u00f6vesse az al\u00e1bbi utas\u00edt\u00e1sokat, hogy megtanulja, hogyan k\u00e9sz\u00edtse el az els\u0151t.\n<\/p>\n

Hogyan k\u00e9sz\u00edts\u00fcnk Facebook-alkalmaz\u00e1st az oldal\u00e1hoz (a Messenger haszn\u00e1lata p\u00e9ldak\u00e9nt) <\/h2>\n

A k\u00f6vetkez\u0151 l\u00e9p\u00e9sek v\u00e9gigvezetik a kifejezetten a Messengerrel m\u0171k\u00f6d\u0151 alkalmaz\u00e1s be\u00e1ll\u00edt\u00e1s\u00e1hoz sz\u00fcks\u00e9ges egyszer\u0171 l\u00e9p\u00e9seken, azonban sz\u00e1mos m\u00e1s term\u00e9k k\u00f6z\u00fcl v\u00e1laszthat az alkalmaz\u00e1s\u00e1hoz. A k\u00f6vetkez\u0151 l\u00e9p\u00e9sek azt is megk\u00f6vetelik, hogy m\u00e1r legyen be\u00e1ll\u00edtva egy Facebook-oldal.<\/p>\n

    \n
  1. \n

    \nKeresse meg a b\u00f6ng\u00e9sz\u0151ben a developers.facebook.com webhelyet. Ha m\u00e9g nem jelentkezett be a Facebook-fi\u00f3kj\u00e1ba, v\u00e1lassza a lehet\u0151s\u00e9get Bel\u00e9pek<\/strong> a jobb fels\u0151 sarokban, hogy bejelentkezhessen a fi\u00f3kj\u00e1ba.\n<\/p>\n<\/li>\n

  2. \n

    \nv\u00e1laszt Alkalmaz\u00e1saim<\/strong> a jobb fels\u0151 sarokban, majd v\u00e1lassza a lehet\u0151s\u00e9get + App l\u00e9trehoz\u00e1sa<\/strong> a leg\u00f6rd\u00fcl\u0151 list\u00e1b\u00f3l.\n<\/p>\n

    <\/p>\n<\/li>\n

  3. \n

    \nHozza l\u00e9tre az alkalmaz\u00e1sazonos\u00edt\u00f3j\u00e1t egy n\u00e9v be\u00edr\u00e1s\u00e1val a Megjelen\u00edtett n\u00e9v mez\u0151<\/strong> \u00e9s egy e-mail c\u00edmet a Kapcsolat e-mail mez\u0151<\/strong>.\n<\/p>\n

    <\/p>\n

    \nV\u00e1lassza ki a k\u00e9k sz\u00ednt Alkalmaz\u00e1sazonos\u00edt\u00f3 l\u00e9trehoz\u00e1sa<\/strong> gombot, ha k\u00e9sz.\n<\/p>\n

    El\u0151fordulhat, hogy a CAPTCHA k\u00f3d megad\u00e1s\u00e1val kell elv\u00e9geznie a biztons\u00e1gi ellen\u0151rz\u00e9s elv\u00e9gz\u00e9s\u00e9t.<\/p>\n<\/li>\n

  4. \n

    \nA Facebook lehet\u0151s\u00e9get ad arra, hogy n\u00e9gy forgat\u00f3k\u00f6nyv k\u00f6z\u00fcl v\u00e1laszthasson az alkalmaz\u00e1s elk\u00e9sz\u00edt\u00e9s\u00e9ben. V\u00e1laszthat egyet, \u00e9s kiv\u00e1laszthatja a k\u00e9k sz\u00ednt meger\u0151s\u00edt<\/strong> gombot, vagy ha ink\u00e1bb az ilyen forgat\u00f3k\u00f6nyvek egyik\u00e9nek haszn\u00e1lata n\u00e9lk\u00fcl szeretn\u00e9 fel\u00e9p\u00edteni az alkalmaz\u00e1st, v\u00e1lassza a lehet\u0151s\u00e9get Tov\u00e1bb<\/strong> helyette.\n<\/p>\n

    <\/p>\n

    \nEhhez a bemutat\u00f3hoz mi fogunk Tov\u00e1bb<\/strong> a forgat\u00f3k\u00f6nyveket.\n<\/p>\n<\/li>\n

  5. \n

    \nV\u00e1lassza ki a Set Up<\/strong> gombot egy term\u00e9k megkezd\u00e9s\u00e9hez.\n<\/p>\n

    <\/p>\n

    \nEzen oktat\u00f3anyag c\u00e9lj\u00e1b\u00f3l kiv\u00e1lasztani fogjuk h\u00edrn\u00f6k<\/strong>.\n<\/p>\n<\/li>\n

  6. \n

    \nAz Access Tokens szakaszban v\u00e1lassza ki a leg\u00f6rd\u00fcl\u0151 lista<\/strong> az Oldal alatt v\u00e1lassza ki a Facebook oldalt<\/strong> szeretn\u00e9 haszn\u00e1lni.\n<\/p>\n

    <\/p>\n

    El\u0151fordulhat, hogy m\u00f3dos\u00edtania kell az enged\u00e9lyeket az alkalmaz\u00e1shoz val\u00f3 hozz\u00e1f\u00e9r\u00e9s megad\u00e1s\u00e1hoz \u00e9s token el\u0151\u00e1ll\u00edt\u00e1s\u00e1hoz. V\u00e1lassza ki a k\u00e9k sz\u00ednt Enged\u00e9lyek szerkeszt\u00e9se<\/strong> gomb> Folytat\u00e1s mint [N\u00e9v]<\/strong> > Oldal jel\u00f6l\u0151n\u00e9gyzet<\/strong> > K\u00f6vetkez\u0151 <\/strong>> csin\u00e1lt <\/strong>> OK. <\/strong>Karakterl\u00e1nc jelenik meg az Oldalel\u00e9r\u00e9si token mez\u0151ben.<\/p>\n<\/li>\n

  7. \n

    \nMiel\u0151tt b\u00e1rmi m\u00e1st tenne, k\u00f6vesse a Facebook Webhook telep\u00edt\u00e9si utas\u00edt\u00e1sait, hogy l\u00e9trehozzon egy ellen\u0151rz\u0151 tokent, amelyre a k\u00f6vetkez\u0151 l\u00e9p\u00e9sben sz\u00fcks\u00e9ge lesz.\n<\/p>\n

    A webhook be\u00e1ll\u00edt\u00e1s\u00e1hoz a Node.js-re lesz sz\u00fcks\u00e9g a sz\u00e1m\u00edt\u00f3g\u00e9pre.<\/p>\n<\/li>\n

  8. \n

    \nA Webhooks r\u00e9szben v\u00e1lassza a lehet\u0151s\u00e9get \u00c1ll\u00edtsa be a Webhookokat<\/strong> \u00e9s \u00edrja be az oldal URL-j\u00e9t<\/strong> a Visszah\u00edv\u00e1si URL mez\u0151be \u00e9s a token igazol\u00e1sa<\/strong> az utols\u00f3 l\u00e9p\u00e9sben hozta l\u00e9tre a Token ellen\u0151rz\u00e9se mez\u0151be.\n<\/p>\n

    <\/p>\n<\/li>\n

  9. \n

    \nV\u00e1lassza ki a n\u00e9gyzeteket<\/strong> a webhook esem\u00e9nyek mellett, amelyeket el akar sz\u00e1ll\u00edtani a webhookj\u00e1ra.\n<\/p>\n

    A Facebook javasolja a kiv\u00e1laszt\u00e1st \u00fczenetek<\/strong> \u00e9s messaging_postbacks<\/strong> a minimumon.<\/p>\n<\/li>\n

  10. \n

    \nV\u00e1lassza ki a k\u00e9k sz\u00ednt Ellen\u0151rizze \u00e9s mentse<\/strong> gombot.\n<\/p>\n

    \nGET k\u00e9r\u00e9st k\u00fcld\u00fcnk a webhookj\u00e1ra. Ha mindent megfelel\u0151en be\u00e1ll\u00edt, a webhook be\u00e1ll\u00edt\u00e1sait automatikusan menti.\n<\/p>\n<\/li>\n

  11. \n

    \nMost, hogy feliratkozhasson az alkalmaz\u00e1sra az oldal\u00e1ra, t\u00e9rjen vissza az alkalmaz\u00e1s Be\u00e1ll\u00edt\u00e1saihoz, keresse meg a Token Generation szakaszt, majd v\u00e1lassza a lehet\u0151s\u00e9get V\u00e1lasszon egy oldalt<\/strong> hogy kiv\u00e1laszthassa oldal\u00e1t a leg\u00f6rd\u00fcl\u0151 list\u00e1b\u00f3l.\n<\/p>\n

    <\/p>\n<\/li>\n

  12. \n

    \nVisszat\u00e9rve a Webhooks szakaszhoz, v\u00e9gezze el a fentieket a kiv\u00e1laszt\u00e1ssal V\u00e1lasszon egy oldalt<\/strong> hogy kiv\u00e1laszthassa oldal\u00e1t a leg\u00f6rd\u00fcl\u0151 list\u00e1b\u00f3l.\n<\/p>\n<\/li>\n

  13. \n

    \nV\u00e1lassza ki a Feliratkoz\u00e1s<\/strong> gombot.\n<\/p>\n<\/li>\n

  14. \n

    \nAnnak \u00e9rdek\u00e9ben, hogy mindent megfelel\u0151en be\u00e1ll\u00edtson, tesztelje az alkalmaz\u00e1st \u00fagy, hogy mobileszk\u00f6z\u00e9n felkeresi a Facebook.com vagy a Messenger webhelyet, \u00e9s \u00fczenetet k\u00fcld az oldal\u00e1ra. Webhookj\u00e1nak webhook esem\u00e9nyt kell kapnia, ami azt jelenti, hogy az alkalmaz\u00e1sod be\u00e1ll\u00edt\u00e1sa sikeres volt.\n<\/p>\n

    Ha az alkalmaz\u00e1ssal a Messengert haszn\u00e1lja, fontolja meg a Facebook Gyorsind\u00edt\u00e1si \u00fatmutat\u00f3j\u00e1nak \u00e1ttekint\u00e9s\u00e9t, amely seg\u00edt az els\u0151 Messenger bot fel\u00e9p\u00edt\u00e9s\u00e9ben.<\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    L\u00e9trehozhat saj\u00e1t Facebook alkalmaz\u00e1st \u00fcgye, v\u00e1llalata, szervezete vagy szem\u00e9lyes felhaszn\u00e1l\u00e1sa \u00e9rdek\u00e9ben – integr\u00e1lva azt a Facebook oldal\u00e1val. A Facebook Developers platform mindent tartalmaz, amire sz\u00fcks\u00e9ge van, bele\u00e9rtve az \u00f6sszes sz\u00fcks\u00e9ges eszk\u00f6zt \u00e9s \u00fatmutat\u00f3t a folyamat v\u00e9gigvezet\u00e9s\u00e9hez. Mi az a Facebook alkalmaz\u00e1s? A fejleszt\u0151k a Facebook-on tal\u00e1lhat\u00f3 leggyakoribb alkalmaz\u00e1sok legt\u00f6bbj\u00e9t a Facebook Developers platformon kereszt\u00fcl \u00e9p\u00edtik. … Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":1889,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-4302","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/4302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/1889"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=4302"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/4302\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=4302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=4302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=4302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}