Slik bygger du en grunnleggende Facebook Fan Gate uten å betale for hosting

Annonse

Elsker det eller avsky det, alle og hunden deres er på Facebook nå for tiden; slik som alt som er populært i livet, har det blitt fullstendig subvert av markedsføringstyper. En utrolig effektiv bruk av en merkevareside som er vert på Facebook, er å incentivere folk til å like siden ved å lage noe hemmelig innhold som bare er medlemmer; ofte referert til som en "fan gate". Dette er fylt med eksklusive videoer, nedlastinger eller kanskje en handlekupong - vi bruker en her på MakeUseOf for å gi fansen vår enkel tilgang til alle nåværende konkurranser.

Denne typen grunnleggende Facebook-apper var relativt enkle å lage tidligere, men Facebook krever nå at alle sidefanapper skal ha en sikker versjon - en HTTPS tilgang til url - men det er ytterligere 100 dollar per år på toppen av de eksisterende hostingkostnadene for nettstedet ditt. Selv om du driver en liten e-handelsbutikk, kan du bruke PayPal som betalingsleverandør og har derfor ikke behov for SSL-sertifikater. Men bekymre deg ikke, som Facebook også har gått sammen med

Heroku - et nettskyvertsfirma - som betyr at du kan lage din egen grunnleggende Facebook-app, og være vert for den gratis, på en sikker server. Vil du vite mer? Les videre mens jeg lager en grunnleggende Facebook fan-gate-side-fane-app, gratis hostet, på Heroku.

Registrer deg som utvikler

Før du lager noen apper, må du være en registrert utvikler. Gå til developers.facebook.com for å komme i gang, og klikk på det grønne Registrere knappen øverst til høyre hvis ikke allerede. Du trenger et telefonnummer for å registrere deg, men ellers er det gratis.

Hvis du allerede er registrert, klikker du flott på Apper på den øverste verktøylinjen for å få en oversikt over de nåværende appene dine.

Lag en ny app

Her begynner moroa. Klikk på Lag ny app. Navngivningen betyr ikke egentlig noe, men velger selvsagt noe relevant. Navneområdet vil bli lagt til fanen din URL når brukeren klikker på den fanen; kan du la den stå tom, men så ser de app-IDen i nettadressen i stedet, som er litt styggere. Navnområdet må også være unik, så ikke bry deg med noe som "testapp", ellers får du en feil. Til slutt, sjekk boksen som sier at du ønsker gratis hosting fra Heroku.

Etter å ha fylt ut captcha, vil du bli invitert til å velge den typen hosting du ønsker fra Heroku - velg PHP og godta. Facebook vil automatisk opprette en ny konto for deg på Heroku hvis du ikke allerede har en, og forhåndsutfylle URL-innstillingene i det grunnleggende, noe som er fint av dem. Det er faktisk veldig vanskelig å rote dette trinnet opp.

Fra appdetaljer-siden, vil du også angi at apptypen skal være en "Sidefane", og sikre at de aktuelle URL-ene er lagt inn der også - igjen, dette skal være automatisk. Lagre deretter.

Heroku første trinn

Når du er fullført, vil du få en e-post fra Heroku med informasjon om hvordan du endrer passord, og laster ned Heroku “verktøytelen” for systemet ditt. For de av dere som ikke er kjent med Heroku, er det ikke en tradisjonell vert i den forstand at du kan logge inn på en FTP-adresse og laste opp filer; i stedet jobber Heroku med Git, et versjonskontrollsystem. Når du har installert verktøybeltet, må du først klone nettstedet til din lokale stasjon - dette gir deg en katalog som er et speil av det som er vert på Heroku. Hver gang du gjør endringer i disse filene, synkroniserer du dem alle igjen for å oppdatere Heroku.

Instruksjonene for å gjøre denne første synkroniseringen finnes i velkomst-e-posten din, og det er en enkel en-linjekommando som er unik for hostingadressen din - bare kopier og lim inn fra e-posten. Hosting-URLen din er helt vilkårlig - i mitt tilfelle var det det tørr-skog-7743 - det er tilfeldig generert og spiller ingen rolle i det hele tatt fordi brukerne ikke ser det. Åpne den nyopprettede katalogen, og se deg rundt.

Heroku har lagt inn ganske mye funksjonalitet, men vi trenger ikke det meste. Åpne opp index.php og se deg rundt. Finn følgende linjer nær filstart:

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

og umiddelbart etter dette, kopier inn disse:

$ sign_request = $ facebook-> getSignedRequest (); $ likte = $ sign_request ['side'] ['likte'];

Ikke bekymre deg hvis dette er altfor komplisert for deg - jeg gir deg en ferdig mal snart. En signert forespørsel blir sendt til appen din fra Facebook som inneholder litt informasjon om brukeren - om de har administrator tilgang og om de har likt siden eller ikke. Hvis du vil vite nøyaktig hva som sendes, legger du til følgende:

print_r ($ signed_request);

og du får en full utskrift av det signerte forespørselobjektet.

På dette tidspunktet skulle jeg innrømme at jeg hadde problemer med å få den signerte forespørselen til å fungere - det så ut som om Heroku strippet dataene på side lasting, og det var først etter at du har lastet inn JS API (et godt ti sekund etter den innledende sidebelastningen) at siden vil oppdatere og indikere riktig "likte" status. Takk til dette Stack Overflow-spørsmålet, syntes løsningen å fjerne striper koden som tvinger HTTPS for usikrede brukere. Slett følgende kodeblokk i begynnelsen av malen:

// Håndhev https på produksjonen. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Sted: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); exit(); }

Når siden er lastet inn, har du en boolsk variabel - det er en ekte eller a falsk - som forteller deg om brukeren har likt siden eller ikke. Du kan bruke dette med en enkel hvis uttalelse for å vise enten innhold en eller b:

php if ($ likte): echo ('fan'); // dette er ditt hemmelige innhold ellers: echo ('not a fan'); // dette vises til potensielle fans endif; 

Plasser det like etter åpningen merke inn index.php. Hvis du har forhåndsvisning av siden din på Heroku, vil du legge merke til at den har utrolig mange ekstra funksjoner, som viser sider du har likt, knapper til legg ut oppdateringer osv. - vi trenger ikke noe av det egentlig, så jeg fjernet det hele inkludert JavaScript SDK for Facebook, og la bare CSS og vår vifte-port. Her er den nedlagte koden jeg endte opp med å bruke (dette er et bilde - kopier lim fra PasteBin hvis du ønsker det):

Du bør redigere seksjonene som sier "ikke en fan" og "fan" for å inneholde henholdsvis standardinnhold og hemmelig innhold. Hvis du foretrekker å oppbevare innholdet i en egen fil, bruk:

omfatte ( "secret.html");

å importere eksterne filer.

Synkroniser med Heroku

Når du har gjort alle nødvendige endringer i filen din, må du synkronisere sikkerhetskopien med Heroku - vi gjør dette ved å "skyve" vår lokale kopi til "mastergrenen" på Heroku. Forsikre deg om at du er i riktig katalog fra kommandolinjen, skriv:

git commit -am "endrer meldinger"

(du kan bytte ut endringsmelding med et notat til deg selv om hvilke endringer du faktisk har gjort denne gangen - det er god praksis å føre disse postene)

og så

git push heroku master

Vent til kommandoen er fullført, da det kan ta en stund.

Siste trinn: Legg appen til siden din

Nå som appen er bygget, må vi faktisk legge den til som en fane på merkevaresiden din. Merkelig nok gjøres dette ved hjelp av en spesiallaget URL:

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

Erstatte YOUR_APP_ID med ID-en som vises på appdetaljene dine, og YOUR_APP_URL_ON_HEROKU med nettadressen til Heroku-hosting. Når du laster inn denne spesielle URL-adressen, vil du deretter starte "legg til siden din" -dialogen, hvor du kan velge riktig merkevare-side som sidefanen skal legges til fra.

Så hei presto - det blir en ny knapp på siden din, slik:

Som du kan se har vi ikke spesifisert et bilde for fanen ennå, så det er igjen som standard - du kan gjøre dette fra appdetaljer-siden. Det er imidlertid det; Hvis du laster inn den fanen, erstatter jeg det index.php vil enten vise deg som en fan eller a ikke vifte. Eller hva du tilpasser det for å vise:

Jeg innrømmer - denne prosessen var vanskeligere enn jeg forventet, men den unngår fullstendig behovet for å være vert for noe på din egen server eller få SSL-sertifisert. Hvis du har spørsmål eller spørsmål, kan du spørre i kommentarene, så prøver jeg å hjelpe det. Hvis kommentarene er lukket, kan du gå videre til vårt svar-nettsted; og vær så snill, hvis du synes denne opplæringen var nyttig, del den på ditt favoritt sosiale nettverk. Du vil sannsynligvis også sjekke ut vår gratis, komplett guide til markedsføring på sosiale medier Din guide til markedsføring av sosiale medierAkkurat nå er det et angrep av både mennesker og selskaper som henvender seg til sosiale medier. Konkurransen er hard, og ingen selskaper kan kaste bort tid eller penger på å gjøre det galt. Les mer , og vurder å legge til Pinterest Den uoffisielle Pinterest-guidenDenne Pinterest-guiden vil raskt vise deg hvordan du bruker Pinterest og alle funksjonene. Denne guiden skisserer alt du trenger å vite om Pinterest. Les mer til strategien din også.