Hur man bygger en grundläggande Facebook-fanport utan att betala för värd

Annons

Älskar det eller avskyr det, alla och deras hund finns på Facebook idag; så som allt som är populärt i livet, har det varit helt undergrävt av marknadsföringstyper. En otroligt effektiv användning av en varumärkessida som är värd på Facebook är att stimulera människor att gilla sidan genom att skapa hemligt innehåll för medlemmar; vanligtvis kallad en "fan gate". Detta är fylld med exklusiva videor, nedladdningar eller kanske en shoppingkupong - vi använder en här på MakeUseOf för att ge våra fans enkel tillgång till alla nuvarande tävlingar.

Den här typen av grundläggande Facebook-app var relativt enkel att skapa tidigare, men Facebook kräver nu att alla sidflikar-appar har en säker version - en HTTPS åtkomst till url - men det är ytterligare $ 100 per år ovanpå dina befintliga värdkostnader för din webbplats. Även om du driver en liten e-handel butik, kan du använda PayPal som betalningsleverantör och har därför inget behov av SSL-certifikat. Men oroa dig inte, som Facebook också har samarbetat med

Heroku - ett molnhotellföretag - vilket innebär att du kan skapa din egen grundläggande Facebook-app och värda den gratis på en säker server. Vill veta mer? Läs vidare när jag skapar en grundläggande app för fan-gate-sidflik, gratis värd, på Heroku.

Registrera dig som utvecklare

Innan du skapar några appar måste du vara en registrerad utvecklare. Gå till developers.facebook.com för att komma igång och klicka på det gröna Registrera knappen uppe till höger om inte redan. Du behöver ett telefonnummer för att registrera dig, men annars är det gratis.

Om du redan är registrerad, klicka bra på Appar i det översta verktygsfältet för att få en översikt över dina aktuella appar.

Skapa en ny app

Här börjar kulan. Klicka på Skapa ny app. Namngivningen spelar ingen roll, men väljer självklart något relevant. Namnområdet fältet kommer att läggas till din webbadress till fansen när användaren klickar på den fliken; kan du lämna det tomt, men sedan ser de app-ID: n i URL: n, istället, vilket är lite fula. Namnområdet måste också vara unik, så bry dig inte ens om något som "testapp" eller så får du ett fel. Slutligen, kryssa i rutan som säger att du vill ha gratis värd från Heroku.

Efter att ha fyllt i captcha kommer du att bli inbjuden att välja vilken typ av värd du vill ha från Heroku - välj PHP och acceptera. Facebook skapar automatiskt ett nytt konto för dig på Heroku om du inte redan har ett och fyller ut URL-inställningarna i dina grunder, vilket är trevligt av dem. Det är faktiskt väldigt svårt att krossa detta steg upp.

Från appens informationssida vill du också ställa in apptypen till en "Sidflik" och se till att de relevanta webbadresserna anges där också - igen, detta bör vara automatiskt. Spara sedan.

Heroku första steg

När du är klar får du ett e-postmeddelande från Heroku med information om hur du ändrar ditt lösenord och ladda ner Heroku-verktygsbältet för ditt system. För dig som inte känner till Heroku är det inte en traditionell värd i den meningen att du kan logga in på en FTP-adress och ladda upp filer; istället fungerar Heroku med Git, ett versionskontrollsystem. När du har installerat verktygsbältet måste du först klona webbplatsen till din lokala enhet - detta ger dig en katalog som är en spegel av det som finns på Heroku. När du gör ändringar i dessa filer synkroniserar du dem alla igen för att uppdatera Heroku.

Instruktionerna för att göra den här första synkroniseringen finns i ditt välkomstmeddelande och det är ett enkelt kommandon på en rad som är unik för din värdadress - bara kopiera och klistra in från e-postmeddelandet. Din webbhotell är helt godtycklig - i mitt fall var det torr-skogsmark-7743 - den är slumpmässigt genererad och spelar ingen roll eftersom användare inte ser det. Öppna den nyskapade katalogen och titta runt.

Heroku har lagt in en hel del funktionalitet, men vi behöver inte det mesta. Öppna index.php och titta runt. Hitta följande rader nära filens början:

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

och omedelbart efter det, kopiera i dessa:

$ sign_request = $ facebook-> getSIGNRequest (); $ gillade = $ sign_request ['sida'] ['gillade'];

Oroa dig inte om det här är alltför komplicerat för dig - jag ger dig en färdig mall snart. En signerad begäran skickas till din app från Facebook som innehåller viss information om användaren - oavsett om de har administratörstillträde och om de har gillade sidan eller inte. Lägg till följande om du vill veta exakt vad som skickas:

print_r ($ signed_request);

så får du en fullständig utskrift av det signerade förfrågningsobjektet.

Vid denna tidpunkt skulle jag medge att jag hade verkliga problem med att få den undertecknade begäran att fungera - det verkade som om Heroku strippade uppgifterna på sidan laddning, och det var först efter att ha laddat JS API (en bra tio sekund efter den inledande sidbelastningen) att sidan skulle uppdateras och ange rätt "gillade" status. Tack vare denna Stack Overflow-fråga, verkade lösningen avskaffa koden som tvingar HTTPS för osäkra användare. Radera följande kodblock i början av mallen:

// Tvinga https till produktionen. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Plats: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); utgång(); }

När sidan laddas har du nu en boolesisk variabel - det är en Sann eller a falsk - som berättar om användaren har gillade sidan eller inte. Du kan använda detta med ett enkelt om uttalande för att visa antingen innehåll en eller b:

php if ($ gillade): echo ('fan'); // detta är ditt hemliga innehåll annars: echo ('not a fan'); // detta visas för potentiella fans endif; 

Placera det strax efter öppningen tagga in index.php. Om du har förhandsgranskat din sida på Heroku kommer du att märka att den har en hel del extra funktioner som visar sidor du har gillaat, knappar till publicera uppdateringar etc - vi behöver inte något av det verkligen, så jag tog bort allt inklusive JavaScript SDK för Facebook, bara lämnade CSS och vår fläkt-grind. Här är den borttagna koden jag slutade använda (detta är en bild - kopiera klistra in från PasteBin om du vill):

Du bör redigera avsnitten som säger "inte en fläkt" och "fläkt" för att innehålla standard respektive hemligt innehåll. Om du föredrar att behålla ditt innehåll i en separat fil använder du:

innefatta ( "secret.html");

att importera externa filer.

Synkronisera med Heroku

När du har gjort alla nödvändiga redigeringar i din fil måste du synkronisera säkerhetskopiering med Heroku - vi gör detta genom att "skjuta" vår lokala kopia till "mastergrenen" på Heroku. Kontrollera att du är i rätt katalog från kommandoraden, skriv:

git commit -am "ändrar meddelanden"

(du kan byta ut ändringsmeddelandet med en anteckning till dig själv om vilka ändringar du faktiskt har gjort den här gången - det är bra att hålla dessa poster)

och då

git push heroku master

Vänta tills kommandot är slut, eftersom det kan ta ett tag.

Sista steg: Lägg till appen på din sida

Nu när appen är byggd måste vi faktiskt lägga till den som en flik på din varumärkesida. Märkligt nog görs detta med en speciellt utformad URL:

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

Byta ut YOUR_APP_ID med det ID som anges i din appinformation, och YOUR_APP_URL_ON_HEROKU med webbadressen för din Heroku-värd. Ladda denna speciella URL startar sedan dialogrutan "lägg till din sida", från vilken du kan välja rätt varumärkesida att lägga till sidfliken till.

Sedan hej presto - det kommer att bli en ny knapp på din sida, så här:

Som ni kan se har vi inte angett en bild för fliken ännu så att den är kvar som standard - du kan göra det från din appinformationssida. Det är dock i princip; om du laddar den fliken, min ersättare index.php antingen visar dig som en fläkt eller a inte fan. Eller vad du anpassade det för att visa:

Jag ska erkänna - den här processen var svårare än jag förväntade mig, men den undviker helt behovet av att vara värd för någonting på din egen server eller få SSL-certifierad. Om du har några frågor eller problem, fråga i kommentarerna så försöker jag hjälpa till. Om kommentarerna är stängda, gå vidare till vår Answers webbplats; och snälla, om du tyckte att denna tutorial var användbar, dela den på ditt favorit sociala nätverk. Du kommer förmodligen att vilja kolla in vår gratis, komplett guide till marknadsföring på sociala medier Din guide till marknadsföring av sociala medierJust nu är det ett angrepp av både människor och företag som vänder sig till sociala medier. Konkurrensen är hård, och inget företag kan slösa bort tid eller pengar på att göra det fel. Läs mer och överväga att lägga till Pinterest Den inofficiella Pinterest-guidenDenna Pinterest-guide visar snabbt hur du använder Pinterest och alla dess funktioner. Den här guiden beskriver allt som finns att veta om Pinterest. Läs mer till din strategi också.