Kako sagraditi osnovni Facebook vrata ventilatora bez plaćanja hostinga

Oglas

Volite ili ne volite, svi i njihov pas danas su na Facebooku; pa kao i sve što je u životu popularno, marketinški tipovi su ga izuzeli. Jedna nevjerojatno učinkovita uporaba stranice robne marke s hostom na Facebooku jest potaknuti ljude da im se sviđa stranica stvaranjem nekih tajnih sadržaja samo za članove; obično naziva "ventilacijska vrata". Ovo je ispunjeno ekskluzivnim videozapisima, preuzimanjima ili možda kupovinom kupona - mi ga koristimo ovdje na MakeUseOf-u kako bismo našim fanovima olakšali pristup svim aktualna natjecanja.

Ovakav osnovni Facebook program u prošlosti je bio relativno jednostavan za stvaranje, ali Facebook sada zahtijeva da sve aplikacije na karticama stranica imaju sigurnu verziju - HTTPS pristupni url - ali to je dodatnih 100 USD godišnje povrh vaših postojećih troškova hostinga za vašu web lokaciju. Čak i ako imate malu trgovinu e-trgovine, možete koristiti PayPal kao pružatelja plaćanja i zbog toga nemate potrebe za SSL certifikatima. Ali ne brinite, s tim da je i Facebook sklopio partnerstvo

Heroku - cloud hosting tvrtka - što znači da možete stvoriti svoju osnovnu Facebook aplikaciju i besplatno je ugostiti na sigurnom poslužitelju. Želite znati više? Čitajte dalje dok izrađujem osnovnu aplikaciju na Facebookovim karticama za obožavatelje, koja se besplatno održava, na Heroku.

Registrirajte se kao programer

Prije izrade bilo koje aplikacije, morat ćete biti registrirani programer. Ići developers.facebook.com da biste započeli i kliknite zeleno Registar gumb u gornjem desnom uglu ako ga već niste. Za registraciju vam je potreban telefonski broj, ali u suprotnom je besplatan.

Ako ste već registrirani, izvrsno kliknite Aplikacije na gornjoj alatnoj traci da biste dobili pregled vaših trenutnih aplikacija.

Izradite novu aplikaciju

Evo gdje započinje zabava Kliknite na Kreirajte novu aplikaciju. Imenovanje zapravo nije važno, ali očito je izabrati nešto relevantno. Polje s imenima bit će dodano URL-u vaše stranice obožavatelja kada korisnik klikne na tu karticu; možete ga ostaviti praznim, ali onda će umjesto njega vidjeti ID aplikacije u URL-u, što je malo ružnije. Prostor imena također mora biti jedinstvena, pa nemojte se čak ni gnjaviti s nečim poput "testapp" ili ćete dobiti grešku. Na kraju, potvrdite okvir u kojem piše da želite Heroke besplatno besplatno.

Nakon što popunite captcha, bit ćete pozvani da odaberete vrstu hostinga koji želite od Herokua - odaberite PHP i prihvatite. Facebook će automatski stvoriti novi račun za Heroku ako ga još nemate i unaprijed upisati postavke URL-a u vaše osnove, što je lijepo od njih. U stvari, vrlo je teško zabrljati ovaj korak.

Na stranici s pojedinostima o aplikaciji također biste željeli postaviti vrstu aplikacije koja će biti "Kartica stranice" i osigurati da se i tamo unesu relevantni URL-ovi - opet, to bi trebalo biti automatski. Zatim spremite.

Heroku prvi koraci

Kada završite, od Heroku-a ćete dobiti e-poštu s pojedinostima kako promijeniti zaporku i preuzeti Heroku „alatnu traku“ za svoj sustav. Za one koji nisu upoznati s Heroku, to nije tradicionalni domaćin u smislu da se možete prijaviti na FTP adresu i učitati datoteke; umjesto toga Heroku radi s Gitom, sustavom kontrole verzija. Nakon što postavite alatnu traku, najprije morate klonirati web lokaciju na svoj lokalni pogon - to vam daje direktorij koji je ogledalo onoga što se nalazi na Heroku. Kad god napravite promjene u tim datotekama, ponovo ih sinkronizirate kako biste ažurirali Heroku.

Upute za prvu sinkronizaciju nalaze se unutar e-pošte dobrodošlice i to je jednostavna naredba u jednoj liniji jedinstvena za vašu adresu hostinga - samo kopirajte i zalijepite iz e-pošte. Vaš je hosting hosting potpuno proizvoljan - u mom je slučaju bio suhog šume-7743 - nasumično se generira i uopće nije važno jer ga korisnici neće vidjeti. Otvorite novoizrađeni direktorij i pogledajte oko sebe.

Heroku je ugradio dosta funkcionalnosti, ali ne treba nam većina. Otvoriti index.php i pogledajte oko sebe. Nađite sljedeće retke blizu početka datoteke:

$ facebook = novi Facebook (niz ('appId' => AppInfo:: appID (), 'tajna' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForwarded' => true,));

i odmah nakon toga, kopirajte sljedeće:

$ sign_request = $ facebook-> getSignedRequest (); $ sviđa = $ sign_request ['stranica'] ['svidjelo'];

Ne brinite ako vam je ovo previše komplicirano - dat ću vam uskoro gotov predložak. Potpisan zahtjev šalje se vašoj aplikaciji s Facebooka koji uključuje neke podatke o korisniku - ima li administracijski pristup i je li im se stranica svidjela ili ne. Ako želite točno znati što je poslano, dodajte sljedeće:

print_r ($ signed_request);

i dobit ćete potpun ispis objekta s potpisom zahtjeva.

U ovom trenutku, moram priznati da sam imao stvarnih problema s radom potpisanog zahtjeva - činilo se da Heroku uklanja podatke na stranici učitavanje, i tek nakon što se učita JS API (dobrih 10 sekundi nakon početnog učitavanja stranice), stranica će se osvježiti i označiti ispravno "svidjelo" status. Zahvaljujući ovo Stack Overflow pitanje, čini se da je rješenje uklanjanje koda koji provodi HTTPS za nesigurne korisnike. Izbrišite sljedeći blok koda na početku predloška:

// Provedite https o proizvodnji. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Lokacija: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); Izlaz(); }

Sada, kad se stranica učita, imate logičku varijablu - to je a pravi ili a lažan - što govori da li se korisniku svidjela stranica ili ne. To možete koristiti s jednostavnim ako izjava za prikaz bilo kojeg sadržaja ili b:

php if ($ sviđa): echo ('fan'); // ovo je još vaš tajni sadržaj: echo ('nije obožavatelj'); // ovo se prikazuje potencijalnim navijačima na kraju; 

Stavite to odmah nakon otvaranja označite se index.php. Ako ste pretpregledali svoju stranicu na Heroku, primijetit ćete da sadrži gomilu dodatnih funkcija, prikazuju stranice koje vam se sviđaju, gumbe za objaviti ažuriranja itd. - ne treba nam ništa od toga, pa sam sve to skinuo, uključujući i JavaScript SDK za Facebook, ostavljajući samo CSS i naš ventilator-vrata. Evo raspuštenog koda koji sam na kraju koristio (ovo je slika - ako želite, kopirajte paste s PasteBin-a):

Trebali biste urediti odjeljke koji govore "ne obožavatelj" i "obožavatelj" da sadrže zadani i tajni sadržaj. Ako želite zadržati svoj sadržaj u zasebnoj datoteci, upotrijebite:

uključuje ( "secret.html");

uvesti vanjske datoteke.

Sinkroniziraj s Heroku

Nakon što izvršite sve potrebne izmjene u vašoj datoteci, trebate sinkronizirati sigurnosnu kopiju s Herokuom - to radimo tako da "gurnemo" našu lokalnu kopiju u "glavnu podružnicu" u Heroku. Uvjerite se da ste u ispravnom direktoriju iz naredbenog retka, a zatim upišite:

git commit -am "mijenja poruke"

(možete zamijeniti poruku o promjenama napomenu za sebe koje ste promjene zapravo napravili ovaj put - dobra je praksa da se ta evidencija vodi)

i onda

git push heroku majstor

Pričekajte da se naredba završi, jer može potrajati.

Završni korak: Dodajte aplikaciju na svoju stranicu

Sada kada je aplikacija izgrađena, moramo je zapravo dodati kao karticu na svoju marku. Zanimljivo, to se događa pomoću posebno izrađenog URL-a:

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

Zamijeniti YOUR_APP_ID s ID-om navedenim u pojedinostima vaše aplikacije i YOUR_APP_URL_ON_HEROKU s URL-om za vaš Heroku hosting. Umetanjem ovog posebnog URL-a pokrenut će se dijalog "dodavanje na vašu stranicu" iz kojeg možete odabrati pravu stranicu robne marke kojoj ćete dodati karticu stranice.

Onda hej presto - to će biti novi gumb na vašoj stranici, poput ovog:

Kao što vidite, fotografiju za karticu još nismo odredili, pa je kao zadana ostavljena - to možete učiniti na stranici s podacima o aplikaciji. To je u osnovi to; ako učitate tu karticu, moja zamjena index.php ili će vam pokazati kao ventilator ili a a ne ventilator. Ili ono što ste prilagodili za prikazivanje:

Priznajem - ovaj je proces bio teži nego što sam očekivao, ali u potpunosti se izbjegava potreba da bilo što budete domaćini na vlastitom poslužitelju ili SSL certifikat. Ako imate bilo kakvih pitanja ili problema, odbacite ih u komentarima i pokušat ću vam pomoći. Ako su komentari zatvoreni, prijeđite na našu stranicu s odgovorima; i molim vas, ako vam ovaj udžbenik bude koristan, podijelite ga na svojoj omiljenoj društvenoj mreži. Također ćete vjerojatno htjeti provjeriti našu besplatan i cjelovit vodič za marketing društvenih medija Vaš vodič za marketing društvenih medijaUpravo je došlo do napada ljudi i tvrtki koji se okreću društvenim medijima. Konkurencija je jaka i nijedna tvrtka ne može gubiti vrijeme ili novac radeći to pogrešno. Čitaj više i razmislite o dodavanju Pinterest Neslužbeni vodič za PinterestOvaj će vam vodič za Pinterest brzo pokazati kako koristiti Pinterest i sve njegove značajke. Ovaj vodič opisuje sve što o Pinterestu treba znati. Čitaj više na svoju strategiju također.