Hogyan lehet felépíteni egy alapvető Facebook rajongói kaput, anélkül, hogy fizetne a tárhelyről

Hirdetés

Imádja vagy imádja, manapság mindenki és kutyája a Facebookon van; tehát bármi, ami az életben népszerű, a marketingtípusok is teljesen aláássák. A Facebook által üzemeltetett márkaoldal hihetetlenül hatékony felhasználása az, hogy ösztönözze az embereket az oldal tetszettségére néhány titkos tartalom létrehozásával; általában „ventilátorkapunként” hivatkoznak. Ez exkluzív videókkal, letöltésekkel vagy esetleg egy vásárlási kuponnal tele van - itt használjuk a MakeUseOf egyikét, hogy rajongóinknak egyszerű hozzáférést biztosítsunk az összes jelenlegi versenyek.

Egy ilyenfajta alapvető Facebook alkalmazást a múltban viszonylag egyszerűen lehetett létrehozni, de a Facebooknak most minden lapfül alkalmazásának biztonságos verziójára van szüksége - egy HTTPS hozzáférési url - de ez újabb 100 dollárral jár a webhely meglévő tárhelyköltségein felül. Még akkor is, ha egy kis e-kereskedelemmel foglalkozik, fizetési szolgáltatóként használhatja a PayPal szolgáltatást, ezért nincs szüksége SSL-tanúsítványokra. De ne aggódjon, mivel a Facebook is partnere

Heroku - felhőtároló cég - ami azt jelenti, hogy létrehozhat saját alapvető Facebook alkalmazást, és ingyenesen tárolhatja azt egy biztonságos kiszolgálón. Szeretne többet megtudni? Olvassa tovább, amikor elkészítek egy alapvető Facebook rajongói kapu lapfül alkalmazást, amelyet ingyen üzemeltethetek a Heroku-n.

Regisztráljon fejlesztőként

Mielőtt bármilyen alkalmazást elkészít, regisztrált fejlesztőnek kell lennie. Menj developers.facebook.com az induláshoz, és kattintson a zöldre Regisztráció gombot a jobb felső sarokban, ha még nem tette meg. A regisztrációhoz telefonszámra van szüksége, de egyébként ingyenes.

Ha már regisztrált, nagyszerű - kattintson a felső eszköztár Alkalmazások elemre, hogy áttekintést kapjon a jelenlegi alkalmazásokról.

Hozzon létre egy új alkalmazást

Itt indul a móka. Kattintson Új alkalmazás létrehozása. Az elnevezésnek nincs igazán jelentősége, de nyilvánvalóan válasszon valami relevánsat. A névtér mezőt csatolják a rajongói oldal URL-jéhez, amikor a felhasználó rákattint a fülre; hagyhatja üresen, de ekkor az alkalmazás azonosítóját látják az URL-ben, ami kissé rondabb. A névtérnek is meg kell lennie egyedi, tehát ne is aggódjon olyan dologgal, mint a „testapp”, különben hibát fog kapni. Végül jelölje be a négyzetet, amely szerint ingyenes tárhelyet szeretne a Heroku-tól.

A captcha kitöltése után felkérést kap, hogy válassza ki a Heroku szolgáltatásának típusát - válassza a PHP-t, és fogadja el. A Facebook automatikusan létrehoz egy új fiókot a Heroku-nál, ha még nem rendelkezik ilyennel, és előzetesen kitölti az URL-beállításokat az alapjaiban, ami jó ezek közül. Valójában nagyon nehéz összezavarni ezt a lépést.

Az alkalmazás részleteinek oldalán azt is beállítania kell, hogy az alkalmazás típusa legyen „Lap fül”, és ellenőrizze, hogy a megfelelő URL-eket is megadja-e - ismét ennek automatikusnak kell lennie. Akkor mentse.

Heroku első lépései

Ha elkészült, kap egy e-mailt a Heroku-tól a jelszó megváltoztatásának részleteiről, és letöltheti a rendszeréhez a Heroku „eszközövet”. Azok számára, akik nem ismerik a Heroku-t, nem hagyományos gazdagép abban az értelemben, hogy bejelentkezhet FTP-címre és feltölthet fájlokat; ehelyett Heroku a Git-rel, egy verzió-vezérlő rendszerrel működik. Miután telepítette az eszközövet, először klónoznia kell a helyet a helyi meghajtóra - ez megad egy könyvtárat, amely tükrözi a Heroku házigazdáját. Amikor megváltoztatja ezeket a fájlokat, újra szinkronizálja azokat a Heroku frissítéséhez.

Az első szinkronizálás elvégzésére vonatkozó utasításokat az üdvözlő e-mail tartalmazza, és ez egy egyszerű egysoros parancs, amely kizárólag a host címének felel meg - csak másolja és illessze be az e-mailből. A tárhely URL-je teljesen önkényes - az én esetemben volt száraz-Woodland-7743 - véletlenszerűen generált, és egyáltalán nem számít, mert a felhasználók nem látják. Nyissa meg az újonnan létrehozott könyvtárat, és nézzen körül.

A Heroku meglehetősen sok funkcióval rendelkezik, de a legtöbbünkre nincs szükségünk. Nyit index.php és nézz körül. Keresse meg a következő sorokat a fájl eleje közelében:

$ facebook = új Facebook (tömb ('appId' => AppInfo:: appID (), 'secret' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForvard' => true,));

és azonnal utána másolja be ezeket:

$ Pasi_request = $ facebook-> getSignedRequest (); $ tetszett = $ aláírt_request ['oldal'] ['tetszett'];

Ne aggódjon, ha ez túlságosan bonyolult az Ön számára - hamarosan elkészítem neked egy kész sablont. Aláírt kérelmet küldünk az alkalmazásodra a Facebook-tól, amely tartalmaz néhány információt a felhasználóról - függetlenül attól, hogy rendelkezik-e adminisztrátori hozzáféréssel, és tetszett-e az oldalnak, vagy sem. Ha pontosan szeretné tudni, hogy mi küldött, adja hozzá a következőket:

print_r ($ signed_request);

és teljes mértékben kinyomtatja az aláírt kérési objektumot.

Ezen a ponton be kell vallanom, hogy valóban nehézségeim vannak az aláírt kérelem működésében - úgy tűnt, hogy Heroku az oldal adatait megsemmisítette. betölteni, és csak a JS API betöltése után (jó 10 másodperccel a kezdeti oldal betöltése után) lehetett frissíteni az oldalt, és jelezni a helyes „tetszettséget” állapot. Köszönet ez a verem túlcsordulási kérdése, úgy tűnt, hogy a megoldás eltávolítja a kódot, amely a HTTPS-t kényszeríti a nem biztonságos felhasználók számára. Törölje a következő kódblokkot a sablon elejéről:

// A https érvényre juttatása a gyártás során. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {fejléc ('Hely: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); kijárat(); }

Most, amikor az oldal betöltődött, van egy logikai változó - ez az igaz vagy a hamis - amely megmondja, hogy a felhasználó tetszett-e az oldalról, vagy sem. Ezt egyszerűen használhatja ha nyilatkozat mindkét tartalom megjelenítéséhez egy vagy b:

php if ($ tetszett): echo ('rajongó'); // ez a titkos tartalom egyébként: echo ('nem rajongó'); // ezt megmutatják a potenciális rajongóknak; 

Helyezze azt közvetlenül a nyílás után címke be index.php. Most, ha megtekintette az oldalát a Heroku-n, észreveszi, hogy szörnyű sok további funkcióval rendelkezik: megjeleníti a kedvelt oldalakat, gombokat mutat frissítések közzététele stb. - erre nincs szükségünk, tehát mindent megtisztítottam, beleértve a JavaScript SDK-t a Facebookra, csak a CSS-t és a fan-kapu. Itt egy lecsupaszított kód, amelyet használtam (ez egy kép - másolja be a PasteBin-ből a pasztát, ha szeretné):

Az alapértelmezett és a titkos tartalmak szerkesztéséhez módosítsa a „nem rajongó” és a „rajongó” szavakat. Ha inkább külön fájlban szeretné tárolni a tartalmat, akkor használja:

include ( "secret.html");

külső fájlok importálásához.

Szinkronizálás Heroku-val

Miután elvégezte az összes szükséges szerkesztést a fájlban, szinkronizálnia kell a Heroku-val - ezt megtesszük úgy, hogy „áthelyezzük” a helyi példányunkat a Heroku „mesterágára”. Győződjön meg arról, hogy a helyes könyvtárban van a parancssorból, írja be:

git activ -am "megváltoztatja az üzeneteket"

(kicserélheti a változásüzenetet egy saját megjegyzésével, hogy milyen változtatásokat hajtott végre ebben az időben - helyes gyakorlat ezeket a nyilvántartásokat vezetni)

és akkor

git push heroku mester

Várja meg, amíg a parancs befejeződik, mivel ez eltarthat egy ideig.

Utolsó lépés: Adja hozzá az alkalmazást az oldalához

Most, hogy az alkalmazás elkészült, azt ténylegesen fülként kell hozzáadnunk a márkaoldalához. Kíváncsi, hogy erre egy speciálisan kialakított URL-t használunk:

https://www.facebook.com/dialog/pagetab? APP_ID = YOUR_APP_ID & redirect_uri = YOUR_APP_URL_ON_HEROKU

Cserélje YOUR_APP_ID az alkalmazás részleteiben felsorolt ​​azonosítóval, és YOUR_APP_URL_ON_HEROKU a Heroku tárhelyének URL-jével. A speciális URL betöltésekor ezután elindul az „Add to your page” párbeszédpanel, amelyből kiválaszthatja a megfelelő márkaoldalt, ahová az oldal fület felveheti.

Akkor hé presto - ez egy új gomb lesz az oldalán, így:

Mint láthatja, még nem határozott meg képet a fülről, így alapértelmezés szerint marad - ezt megteheti az alkalmazás részleteinek oldalán. Alapvetően ez mégis; ha betölti ezt a lapot, az én csere index.php vagy megmutatja, mint a ventilátor vagy a nem rajong. Vagy bármi, amit testreszabott a megjelenítéshez:

Beismerem - ez a folyamat nehezebb volt, mint amire számítottam, de teljesen elkerüli annak szükségességét, hogy bármit tároljon a saját szerveren vagy SSL-tanúsítvánnyal. Ha bármilyen kérdése vagy kérdése van, kérdezze meg a megjegyzéseket, és megpróbálok segíteni. Ha a megjegyzéseket lezárták, lépjen tovább a válaszok oldalunkra; és kérjük, ha hasznosnak találja ezt az oktatóprogramot, ossza meg kedvenc közösségi hálózatán. Ezenkívül valószínűleg szeretné megnézni a mi oldalainkat ingyenes, teljes útmutató a közösségi média marketingjéhez Útmutató a közösségi média marketingéhezJelenleg az emberek és a vállalatok támadása egyaránt fordul a közösségi médiához. A verseny heves, és egyetlen vállalat sem pazarolhat időt vagy pénzt rosszul csinálva. Olvass tovább , és fontolja meg a hozzáadást pinterest A nem hivatalos Pinterest útmutatóEz a Pinterest útmutató gyorsan megmutatja, hogyan kell használni a Pinterest alkalmazását és annak összes funkcióját. Ez az útmutató felvázol mindent, amit tudni lehet a Pinterestről. Olvass tovább a stratégiádba is.