Cum ar fi pentru a debloca Cum de a construi o bază de poarta fan Facebook fără a plăti pentru gazduire

Iubeste-o sau dezaproba, toata lumea si cainele lor se afla pe Facebook in zilele noastre; la fel ca tot ceea ce este popular în viață, a fost complet subliniat de tipurile de marketing. O utilizare incredibil de eficientă a paginii de marcă găzduită de Facebook este aceea de a stimula oamenii să placă pagina, creând conținut secret secret numai pentru membri; denumită în mod obișnuit a “poarta ventilatorului”. Acest lucru este plin de videoclipuri exclusive, descărcări sau poate un cupon de cumpărături - folosim unul aici la MakeUseOf pentru a oferi fanilor noștri acces ușor la toate competițiile actuale.

Acest tip de aplicație Facebook de bază a fost relativ simplu de creat în trecut, dar Facebook necesită acum toate aplicațiile tab-ului de pagină pentru a avea o versiune sigură - o HTTPS url de acces - dar asta înseamnă încă 100 de dolari pe an, în plus față de costurile de hosting existente pentru site-ul dvs. Chiar dacă rulați un magazin mic de comerț electronic, puteți utiliza PayPal ca furnizor de plăți și, prin urmare, nu aveți nevoie de certificate SSL. Dar nu vă faceți griji, deoarece Facebook a colaborat și cu Heroku - o companie de hosting de tip cloud - ceea ce înseamnă că vă puteți crea propria aplicație de bază Facebook și găzduiți-o gratuit, pe un server securizat. Vreți să aflați mai multe? Citiți mai departe pe măsură ce fac o aplicație de bază pentru fan-poșta Facebook, găzduită gratuit, pe Heroku.

Înregistrați-vă ca dezvoltator

Înainte de a face orice aplicații, va trebui să fii dezvoltator înregistrat. Mergeți la developers.facebook.com pentru a începe și faceți clic pe verde Inregistreaza-te butonul din dreapta sus, dacă nu ați făcut-o deja. Aveți nevoie de un număr de telefon pentru a vă înregistra, dar altfel este gratuit.

Dacă sunteți deja înregistrat, faceți clic pe Aplicații de pe bara superioară de instrumente pentru a obține o prezentare generală a aplicațiilor curente.

Creați o aplicație nouă

Aici începe distracția. Click pe Creați aplicația nouă. Denumirea nu contează, dar, evident, alege ceva relevant. Câmpul namespace va fi adăugat la adresa URL a paginii dvs. de fan după ce utilizatorul face clic pe acea filă; îl puteți lăsa necompletat, dar apoi vor vedea ID-ul aplicației în adresă URL, care este puțin mai ugioasă. Spațiul de nume trebuie, de asemenea, să fie unic, așa că nu te obosi nici măcar cu ceva de genul “testapp” sau veți primi o eroare. În cele din urmă, bifați caseta care spune că doriți o găzduire gratuită de la Heroku.

După completarea captcha-ului, veți fi invitat să alegeți tipul de găzduire dorit de la Heroku - selectați PHP și acceptați. Facebook va crea automat un nou cont pentru tine de la Heroku dacă nu ai deja unul și pre-populează setările adresei URL din elementele de bază, ceea ce este frumos din ele. De fapt, este foarte greu să mizeriezi acest pas în sus.

De pe pagina cu detalii despre aplicație, doriți, de asemenea, să setați tipul de aplicație să fie a “Fila pagină”, și asigurați-vă că și URL-urile relevante sunt introduse acolo - din nou, aceasta ar trebui să fie automată. Atunci salvați.

Heroku Primii pași

Când ați terminat, veți primi un e-mail de la Heroku cu detalii despre cum să vă schimbați parola și să descărcați Heroku “curea port scule” pentru sistemul dvs. Pentru cei care nu sunteți familiarizați cu Heroku, nu este o gazdă tradițională, în sensul că vă puteți conecta la o adresă FTP și puteți încărca fișiere; în schimb, Heroku lucrează cu Git, un sistem de control al versiunilor. Odată ce ați instalat instrumentul, trebuie mai întâi să clonați site-ul pe unitatea locală - aceasta vă oferă un director care este o oglindă a ceea ce este găzduit pe Heroku. Ori de câte ori faceți modificări la aceste fișiere, le sincronizați pe toate din nou pentru a le actualiza pe Heroku.

Instrucțiunile de efectuare a primei sincronizări sunt conținute în e-mailul dvs. de întâmpinare și este o comandă simplă dintr-o singură linie, unică pentru adresa dvs. de găzduire - copiați și lipiți doar din e-mail. URL-ul dvs. de găzduire este complet arbitrar - în cazul meu a fost uscat woodland-7743 - este generat aleator și nu contează deloc deoarece utilizatorii nu o vor vedea. Deschideți directorul nou creat și aruncați o privire în jur.

Heroku a pus o mulțime de funcționalități, dar nu mai avem nevoie de el. Deschide index.php și aruncă o privire în jur. Găsiți următoarele linii în apropierea fișierului:

$ facebook = nou Facebook (array ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true));

și imediat după aceea copiați în acestea:

$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['pagina'] ['a plăcut'];

Nu vă faceți griji dacă acest lucru este prea complicat pentru dumneavoastră - vă voi da un șablon finalizat în curând. O cerere semnată este trimisă aplicației dvs. de pe Facebook, care include unele informații despre utilizator - indiferent dacă au acces la admin și dacă le-a plăcut sau nu paginii. Dacă doriți să știți exact ce este trimis, adăugați următoarele:

print_r (signed_request $);

și veți obține o imprimare completă a obiectului cererii semnate.

În acest moment, ar trebui să recunosc că am avut dificultăți în obținerea unei cereri semnate de lucru - a apărut că Heroku a scos datele de la încărcarea paginii și a fost doar după încărcarea API-ului JS (o bună 10 secunde după încărcarea inițială a paginii ) că pagina se va actualiza și va indica corect “plăcut” stare. Datorită acestei întrebări privind depășirea stack-urilor, soluția pare să elimine codul care încalcă HTTPS pentru utilizatorii negarantat. Ștergeți următorul bloc de cod la începutul șablonului:

// Executați https la producție dacă (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1' : https: // '. $ _SERVER [' HTTP_HOST '] $ _SERVER [' REQUEST_URI ']); Ieșire(); 

Acum, când pagina este încărcată, aveți o variabilă booleană - asta e a Adevărat sau a fals - care vă spune dacă utilizatorul a plăcut sau nu pagina. Puteți folosi acest lucru cu un simplu dacă declarație pentru a afișa fie conținutul A sau b:

Așezați-l imediat după deschidere tag în index.php. Acum, dacă ați previzualizat pagina dvs. pe Heroku, veți observa că are o mulțime de funcționalități suplimentare, afișând paginile pe care le-ați plăcut, butoanele de postare a actualizărilor etc. - nu avem nevoie de niciunul din acestea, așa că a dezlipit totul, inclusiv SDK-ul JavaScript pentru Facebook, lăsând doar CSS și fan-poarta noastră. Iată codul dezbrăcat pe care l-am folosit (aceasta este o imagine - pastă de copiere de la PasteBin dacă doriți):

Ar trebui să editați secțiunile care spun “nu un fan” și “ventilator” pentru a conține conținutul implicit și secretul respectiv. Dacă preferați să păstrați conținutul într-un fișier separat, utilizați:

includ ( "secret.html");

pentru a importa fișiere externe.

Sincronizați-vă cu Heroku

Odată ce ați făcut toate modificările necesare în fișierul dvs., trebuie să sincronizați copii de rezervă cu Heroku - facem acest lucru “împingând” copia noastră locală la “master branch” la Heroku. Asigurați-vă că sunteți în directorul corect din linia de comandă, tastați:

git commit-am "schimbă mesajele"

(puteți înlocui mesajul de schimbări cu o notă cu privire la schimbările pe care le-ați făcut de această dată - este o practică bună să păstrați aceste înregistrări)

și apoi

git push master heroku

Așteptați terminarea comenzii, deoarece poate dura ceva timp.

Pasul final: adăugați aplicația la pagina dvs.

Acum, când aplicația este construită, trebuie să adăugăm de fapt o filă pe pagina dvs. de marcă. Curios, acest lucru se face folosind un URL special creat:

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

A inlocui YOUR_APP_ID cu ID-ul afișat în detaliile aplicației dvs. și YOUR_APP_URL_ON_HEROKU cu adresa URL pentru gazduirea dvs. Heroku. Încărcarea acestei adrese URL speciale va iniția apoi “adăugați la pagina dvs.” , din care puteți selecta pagina de marcă potrivită pentru a adăuga fila paginii dvs..

Apoi, hei presto - va fi un nou buton pe pagina dvs., astfel:

După cum vedeți, nu am specificat încă o imagine pentru fișier, așa că este lăsată ca implicită - puteți face acest lucru din pagina cu detaliile aplicației. Asta este în principiu, totuși; dacă încărcați acea filă, înlocuitorul meu index.php vă va arăta fie ca a ventilator sau a nu fan. Sau tot ce ai personalizat pentru a arăta:

Voi recunoaște că acest proces a fost mai greu decât mă așteptam, dar evită complet nevoia de a găzdui ceva pe propriul server sau de a obține certificate SSL. Dacă aveți întrebări sau probleme, întrebați-vă în comentarii și voi încerca să vă ajut. Dacă comentariile sunt închise, accesați site-ul nostru de Răspunsuri; și vă rog, dacă ați găsit acest tutorial util, împărtășiți-l pe rețeaua socială preferată. De asemenea, probabil că veți dori să verificați ghidul nostru gratuit și complet pentru marketingul social media și vă recomandăm să adăugați și Pinterest strategiei dvs..

Explorați mai multe despre: App Development, Facebook.