Kuidas ehitada tavapärane Facebooki fännivärav ilma hostimise eest maksmata

Reklaam

Armastage või ihaldage seda, kõik ja nende koer on tänapäeval Facebookis; nii et kõik, mis elus on populaarne, on turundustüübid selle täielikult õõnestanud. Üks Facebooki hostitud brändilehe uskumatult tõhus kasutamine on inimeste ergutamine selle lehe meeldimiseks, luues neile salajase sisu; mida tavaliselt nimetatakse "ventilaatori väravaks". See on täidetud eksklusiivsete videote, allalaaditavate failide või võib-olla ka ostukupongiga - me kasutame seda siin MakeUseOf'is, et oma fännidele hõlpsalt juurde pääseda kõigile praegused võistlused.

Sellist Facebooki põhirakendust oli varem suhteliselt lihtne luua, kuid nüüd nõuab Facebook, et kõigil lehe vahelehtedel oleks turvaline versioon - HTTPS juurdepääsu URL-ile - aga see on veel 100 dollarit aastas lisaks teie saidi olemasolevatele hostimiskuludele. Isegi kui teil on väike e-poe pood, võite kasutada makseteenuse pakkujana PayPali ja seetõttu pole teil vaja SSL-sertifikaate. Kuid ärge muretsege, sest ka Facebook on teinud partnerit

Heroku - pilvehotellifirma - mis tähendab, et saate oma turvalises serveris luua oma põhilise Facebooki rakenduse ja hostida seda tasuta. Kas soovite rohkem teada saada? Lugege edasi, kuna teen Herokos tavalise Facebooki fännide-väravate lehe vaheleherakenduse, mida hostitakse tasuta.

Registreeruge arendajaks

Enne mis tahes rakenduse tegemist peate olema registreeritud arendaja. Minema arendajad.facebook.com alustamiseks klõpsake rohelist nuppu Registreeri, kui seda veel pole. Registreerimiseks on teil vaja telefoninumbrit, kuid muidu on see tasuta.

Kui olete juba registreerunud, klõpsake suurel - klõpsake oma praegustest rakendustest ülevaate saamiseks ülemisel tööriistaribal rakendused.

Looge uus rakendus

Siit saate lõbu alguse. Kliki Loo uus rakendus. Nimetamine ei oma tegelikult tähtsust, kuid ilmselt vali midagi asjakohast. Nimeruumi väli lisatakse teie fännilehe URL-ile, kui kasutaja sellel vahekaardil klõpsab; võite selle tühjaks jätta, kuid siis näevad nad URL-is rakenduse ID-d, mis on pisut koledam. Ka nimeruum peab olema ainulaadne, nii et ärge isegi vaevake midagi sellist nagu „testapp”, vastasel juhul saate viga. Lõpuks märkige ruut, mis ütleb, et soovite Herokult tasuta hostimist.

Pärast captcha täitmist palutakse teil valida Heroku hulgast soovitud hostimise tüüp - valige PHP ja nõustuge. Facebook loob Herokus automaatselt teie jaoks uue konto, kui teil seda veel pole, ja asustab põhialuste URL-i sätted ette, mis on nende jaoks tore. Tegelikult on seda sammu üles astumine väga raske.

Rakenduse üksikasjade lehelt soovite samuti määrata rakenduse tüübiks „Lehe vahekaardi” ja veenduge, et ka sinna sisestatakse asjakohased URL-id - see peaks jällegi olema automaatne. Siis salvestage.

Heroku esimesed sammud

Kui see on valmis, saate Heroku käest meilisõnumi parooli muutmise üksikasjade kohta ja laadige oma süsteemi jaoks alla Heroku tööriistarihm. Neile, kes pole Heroku tuttavad, pole see tavapärane host selles mõttes, et saate sisse logida FTP-aadressile ja faile üles laadida; selle asemel töötab Heroku versioonikontrollisüsteemiga Git. Kui tööriistarihm on installitud, peate esmalt saidi kloonima oma kohalikule draivile - see annab teile kataloogi, mis peegeldab Herokus hostitavat. Kui teete neis failides muudatusi, sünkroonige need kõik uuesti, et Heroku värskendada.

Selle esimese sünkroonimise juhised sisalduvad tervitusmeilis ja see on lihtne teie hostiaadressile ainuomane üherealine käsk - lihtsalt kopeerige ja kleepige e-posti aadressilt. Teie hostimise URL on täiesti suvaline - minu puhul see nii oli kuiv-metsamaa-7743 - see on juhuslikult loodud ja ei oma üldse tähtsust, kuna kasutajad seda ei näe. Avage vastloodud kataloog ja vaadake ringi.

Heroku on sisse seadnud üsna palju funktsionaalsusi, kuid me ei vaja seda kõige enam. Avama indeks.php ja vaata ringi. Faili alguse lähedalt leiate järgmised read:

$ facebook = uus Facebook (massiiv ('appId' => AppInfo:: appID (), 'secret' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForvard' => true,));

ja kohe pärast seda kopeerige need järgmiselt:

$ Pasi_request = $ facebook-> getSignedRequest (); $ meeldis = $ allkirjastatud taotlus ['leht'] ['meeldis'];

Ärge muretsege, kui see on teie jaoks liiga keeruline - ma annan teile varsti valmis malli. Teie rakendusele saadetakse Facebookist allkirjastatud taotlus, mis sisaldab teavet kasutaja kohta - kas tal on administraatori juurdepääs ja kas see leht on talle meeldinud. Kui soovite täpselt teada saadavat, lisage järgmine teave:

print_r ($ allkirjastatud taotlus);

ja saate allkirjastatud päringuobjekti täieliku väljatrüki.

Siinkohal peaksin tunnistama, et mul oli tõsiseid probleeme allkirjastatud taotluse töölerakendamisega - tundus, et Heroku riisus lehel olevad andmed laadige ja alles pärast JS API laadimist (hea 10 sekundit pärast lehe algset laadimist) leht värskendatakse ja näitab õiget „meeldis” staatus. Tänu see virna ülevoolu küsimus, näis lahendus olevat HTTPS-i jõustamata koodi eemaldamine turvamata kasutajatele. Kustutage järgmine koodiplokk malli algusest:

// Jõustage https tootmisel. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {päis ('Asukoht: https://'. $ _SERVER ['HTTP_HOST']. $ _SERVER ['REQUEST_URI']); väljumine (); }

Nüüd, kui leht on laaditud, on teil Boole-muutuja - see on a tõsi või a vale - mis ütleb teile, kas kasutajale see leht meeldis või mitte. Saate seda kasutada lihtsaga kui avaldus kummagi sisu kuvamiseks a või b:

php if ($ meeldis): echo ('fänn'); // see on teie salajane sisu veel: echo ('ei ole fänn'); // seda näidatakse potentsiaalsetele fännidele endif; 

Pange see vahetult pärast avamist sildi sisse indeks.php. Kui olete oma lehel Heroku eelvaadanud, siis märkate, et sellel on kohutavalt palju lisafunktsioone, mis näitavad teile meeldinud lehti, nuppe värskenduste postitamine jne - meil pole seda tegelikult vaja, nii et ma eemaldasin selle kõik, sealhulgas JavaScripti SDK Facebooki, jättes ainult CSS ja meie fänn-värav. Siin on eemaldatud kood, mille ma lõpuks kasutasin (see on pilt - kopeerige pasta PastteBinist, kui soovite):

Peaksite redigeerima jaotisi, mis ütlevad „mitte fänn“ ja „fänn“, et sisaldada vastavalt teie vaike- ja salajast sisu. Kui eelistate oma sisu hoida eraldi failina, kasutage:

lisada ("secret.html");

väliste failide importimiseks.

Sünkrooni Herokuga

Kui olete kõik vajalikud muudatused oma failis teinud, peate sünkroonima Herokuga varukoopia - me teeme seda, lükates meie kohaliku eksemplari Heroku asuvasse peaharu. Tippige käsurealt, kas olete õiges kataloogis kataloog:

git activ -am "muudab sõnumeid"

(saate muudatuste sõnumi asendada märkusega endale, millised muudatused te seekord tegelikult teinud olete - seda on hea tava säilitada)

ja siis

git push heroku meister

Oodake käsu lõppu, kuna see võib võtta natuke aega.

Viimane samm: lisage rakendus oma lehele

Nüüd, kui rakendus on loodud, peame selle tegelikult oma brändilehele vahekaardina lisama. Kummalisel kombel kasutatakse selleks spetsiaalselt loodud URL-i:

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

Asenda YOUR_APP_ID koos teie rakenduse üksikasjades loetletud ID-ga ja YOUR_APP_URL_ON_HEROKU koos Heroku hostimise URL-iga. Selle spetsiaalse URL-i laadimine käivitab seejärel dialoogi „oma lehele lisamine”, kust saate valida õige brändilehe, kuhu oma lehe vahekaart lisada.

Siis hei presto - see on teie lehel uus nupp, näiteks järgmine:

Nagu näete, pole me vahekaardile pilti veel määranud, nii et see jäeti vaikimisi - saate seda teha oma rakenduse üksikasjade lehelt. See on põhimõtteliselt see siiski; kui laadite selle vahekaardi, siis minu asendaja indeks.php kas näitab sind kui fänn või a mitte fännama. Või mida iganes te selle kuvamiseks kohandasite:

Tunnistan - see protsess oli raskem, kui arvasin, kuid see väldib täielikult vajadust majutada midagi teie enda serverisse või saada SSL-sertifikaat. Kui teil on küsimusi või probleeme, küsige kommentaaridest ja ma proovin teid aidata. Kui kommentaarid on suletud, minge edasi meie vastuste saidile; Ja palun, kui see õpetus oli teile kasulik, siis jagage seda oma lemmikvõrgustikus. Tõenäoliselt soovite vaadata ka meie tasuta täielik sotsiaalmeedia turunduse juhend Teie juhend sotsiaalse meedia turundamiseksPraegu on nii inimeste kui ka ettevõtete rünnak pöördunud sotsiaalmeediaväljaannete poole. Konkurents on tihe ja ükski ettevõte ei saa raisata aega ega raha, tehes seda valesti. Loe rohkem ja kaaluge lisamist Pinterest Mitteametlik Pinteresti juhendSee Pinteresti juhend näitab teile kiiresti, kuidas Pinteresti ja kõiki selle funktsioone kasutada. See juhend kirjeldab kõike, mida Pinteresti kohta teada on. Loe rohkem ka oma strateegiasse.