Kuinka rakentaa perus Facebook-tuuletinportti maksamatta isännöintiä

Mainos

Rakasta tai kaivaa sitä, kaikki ja heidän koiransa ovat nykyään Facebookissa; joten kuten mikä tahansa elämässä suosittua, markkinointityypit ovat sen täysin horjuttaneet. Yksi uskomattoman tehokas Facebook-isännöimän brändisivun käyttö on kannustaa ihmisiä pitämään sivusta luomalla salaista sisältöä vain jäsenille. yleisesti kutsutaan "tuuletinportiksi". Tämä on täynnä yksinoikeudella videoita, latauksia tai kenties ostoskuponkia - käytämme yhtä täällä MakeUseOf-palvelussa antaaksemme faneillemme helpon pääsyn kaikkiin nykyiset kilpailut.

Tällainen Facebook-perussovellus oli aikaisemmin suhteellisen helppo luoda, mutta Facebook edellyttää nyt kaikilla sivuvälilehden sovelluksilla turvallista versiota - HTTPS pääsy-URL-osoite - mutta se on vielä 100 dollaria vuodessa sivustosi nykyisten hosting-kulujen lisäksi. Vaikka sinulla olisi pieni verkkokauppa, saatat käyttää PayPalia maksupalveluntarjoajana, joten sinun ei tarvitse SSL-varmenteita. Mutta älä huoli, koska Facebook on myös toiminut yhteistyössä

Heroku - pilvipalveluyritys - mikä tarkoittaa, että voit luoda oman Facebook-perussovelluksen ja ylläpitää sitä ilmaiseksi turvallisella palvelimella. Haluatko tietää enemmän? Lue edelleen, kun teen ilmaisen isännöidyn Facebook-fani-portti -välilehden sovelluksen Herokussa.

Rekisteröidy kehittäjäksi

Ennen sovellusten tekemistä sinun on oltava rekisteröitynyt kehittäjä. Mene developers.facebook.com aloittaaksesi ja napsauttamalla vihreää Rekisteröidy -painiketta oikeassa yläkulmassa, jos sitä ei vielä ole. Tarvitset puhelinnumeron rekisteröityäksesi, mutta muuten se on ilmainen.

Jos olet jo rekisteröitynyt, napsauta ylhäältä työkalurivin Sovellukset-painiketta saadaksesi yleiskuvan nykyisistä sovelluksista.

Luo uusi sovellus

Tässä hauskanpito alkaa. Klikkaa Luo uusi sovellus. Nimeämisellä ei ole väliä, mutta ilmeisesti valitse jotain asiaankuuluvaa. Nimitila-kenttä lisätään fanisivusi URL-osoitteeseen, kun käyttäjä napsauttaa kyseistä välilehteä. voit jättää sen tyhjäksi, mutta silloin he näkevät sen sijaan sovelluksen tunnuksen URL-osoitteessa, mikä on hieman ruma. Nimitilan on myös oltava ainutlaatuinen, joten älä häiritse edes jotakin testapp-tapaa, muuten saat virheen. Lopuksi, valitse valintaruutu, jossa sanotaan, että haluat ilmaisen isännöinnin Herokulta.

Kun captcha on täytetty, sinut pyydetään valitsemaan Herokosta haluamasi isännöintityyppi - valitse PHP ja hyväksy. Facebook luo automaattisesti uuden tilin Herokussa, jos sinulla ei vielä ole sitä, ja täyttää URL-asetukset perusasioissa, mikä on mukavaa heille. Itse asiassa on erittäin vaikea sotkea tämä askel eteenpäin.

Sovelluksen tietosivulta haluat myös asettaa sovellustyypiksi ”Sivun välilehti” ja varmistaa, että myös asiaankuuluvat URL-osoitteet syötetään sinne - tämänkin pitäisi olla automaattinen. Säästä sitten.

Heroku Ensimmäiset vaiheet

Kun olet valmis, saat Herokulta sähköpostia, joka sisältää tietoja salasanasi vaihtamisesta ja lataa Heroku-työkaluvyö järjestelmällesi. Niille teistä, jotka eivät tunne Herokua, se ei ole perinteinen isäntä siinä mielessä, että voit kirjautua FTP-osoitteeseen ja ladata tiedostoja; sen sijaan Heroku toimii Gitin kanssa, versionhallintajärjestelmän kanssa. Kun työkaluvyö on asennettu, sinun on ensin kloonattava sivusto paikalliseen asemaan - tämä antaa sinulle hakemiston, joka on peili siitä, mitä Herokossa ylläpidetään. Aina kun teet muutoksia näihin tiedostoihin, synkronoit ne kaikki takaisin Herokun päivittämiseksi.

Ohjeet ensimmäisen synkronoinnin suorittamiseen sisältyvät tervetulosähköpostisi, ja se on yksinkertainen yksirivinen komento, joka on ainutlaatuinen hosting-osoitteesi kanssa - kopioi ja liitä vain sähköpostiviestistä. Isäntä-URL on täysin mielivaltainen - minun tapauksessani se oli kuiva-metsä-7743 - se on luotu satunnaisesti eikä sillä ole mitään merkitystä, koska käyttäjät eivät näe sitä. Avaa äskettäin luotu hakemisto ja katsele ympärillesi.

Heroku on ottanut käyttöön melko paljon toimintoja, mutta emme tarvitse sitä suurimmaksi osaksi. Avata index.php ja katsomaan ympärilleen. Etsi seuraavat rivit lähellä tiedoston alkua:

$ facebook = uusi Facebook (ryhmä ('appId' => AppInfo:: appID (), 'secret' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForward' => true,));

ja heti sen jälkeen kopioi ne:

$ Pasi_request = $ facebook-> getSignedRequest (); $ tykkäsi = $ allekirjoitettu_pyyntö ['sivu'] ['tykkätty'];

Älä huolestu, jos tämä on aivan liian monimutkaista sinulle - annan pian valmis valmiin mallin. Sovellukseesi Facebookista lähetetään allekirjoitettu pyyntö, joka sisältää joitain tietoja käyttäjästä - onko hänellä järjestelmänvalvojan käyttöoikeus ja onko hän pitänyt sivusta vai ei. Jos haluat tietää tarkalleen, mitä lähetetään, lisää seuraava:

print_r ($ signed_request);

ja saat täyden tulosteen allekirjoitetusta pyyntöobjektista.

Tässä vaiheessa minun on myönnettävä, että minulla oli todellisia vaikeuksia saada allekirjoitettu pyyntö toimimaan - näytti siltä, ​​että Heroku riisui sivun tietoja lataa, ja vasta JS API: n lataamisen jälkeen (hyvä 10 sekuntia alkuperäisen sivun lataamisen jälkeen) sivu päivittyy ja ilmoittaa oikean "tykkäyksen" Tila. Kiitokset tämä pino ylivuoto -kysymys, ratkaisu näytti poistavan koodin, joka pakottaa HTTPS: n suojaamattomille käyttäjille. Poista seuraava koodilohko mallin alusta:

// Ota https käyttöön. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {otsikko ('Sijainti: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); Poistu (); }

Nyt kun sivu ladataan, sinulla on Boolen muuttuja - se on totta tai a väärä - joka kertoo, onko käyttäjä pitänyt sivusta vai ei. Voit käyttää tätä yksinkertaisella jos lausunto kummankin sisällön näyttämiseksi tai b:

php if ($ halunnut): echo ('tuuletin'); // tämä on salainen sisältösi muu: echo ('ei fani'); // tämä näytetään potentiaalisille faneille; 

Aseta se heti aukon jälkeen merkitse sisään index.php. Nyt, jos olet esikatsellut sivusi Herokussa, huomaat, että siinä on uskomattoman paljon lisätoimintoja, jotka näyttävät suosimiasi sivuja, painikkeita lähetä päivityksiä jne. - me emme tarvitse mitään sellaista, joten poistin sen kaiken, mukaan lukien JavaScriptin SDK Facebookille, jättäen vain CSS: n ja tuuletin-portti. Tässä on poistettu koodi, jonka lopulta käytin (tämä on kuva - kopioi liitä PasteBinistä, jos haluat):

Sinun tulisi muokata osioita, joissa sanotaan “ei tuuletin” ja “tuuletin”, jotta ne sisältävät vastaavasti oletus- ja salaisuuden. Jos haluat pitää sisällön erillisessä tiedostossa, käytä:

ovat ( "secret.html");

ulkoisten tiedostojen tuomiseen.

Synkronoi Heroku: n kanssa

Kun olet tehnyt kaikki tarvittavat muokkaukset tiedostoon, sinun on synkronoitava varmuuskopio Herokun kanssa - me teemme tämän "työntämällä" paikallisen kopion "päähaaraan" Herokuun. Kirjoita seuraavalla tavalla, että olet oikeassa hakemistossa komentoriviltä:

git activ -am "muuttaa viestejä"

(voit korvata muutosviestin huomautuksella itsellesi, mitä muutokset olet tällä kertaa tehnyt - on hyvä käytäntö pitää nämä tietueet)

ja sitten

git push heroku mestari

Odota komennon päättymistä, koska se voi viedä hetken.

Viimeinen vaihe: Lisää sovellus sivullesi

Nyt kun sovellus on rakennettu, meidän on todella lisättävä se välilehtenä tuotemerkkisivullesi. Kummallista kyllä, tämä tehdään käyttämällä erityistä muotoiltua URL-osoitetta:

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

Korvata YOUR_APP_ID jolla on sovellustiedoissasi mainittu tunnus, ja YOUR_APP_URL_ON_HEROKU Heroku-isäntäsi URL-osoitteella. Tämän erityisen URL-osoitteen lataaminen aloittaa sitten Lisää sivullesi -valintaikkunan, josta voit valita oikean tuotemerkkisivun, johon haluat lisätä sivusi -välilehden.

Sitten hei presto - se on uusi sivusi painike, kuten tämä:

Kuten näette, emme ole vielä määrittäneet kuvaa välilehdelle, joten se jää oletusasetukseksi - voit tehdä tämän sovelluksen tietosivulta. Se on periaatteessa se kuitenkin; Jos lataat kyseisen välilehden, korvaan sen index.php joko näyttää sinulle tuuletin tai a ei fani. Tai mitä tahansa mukautit sen näyttämiseen:

Myönnän - tämä prosessi oli vaikeampaa kuin odotin, mutta se välttää kokonaan tarpeen isännöidä mitään omalle palvelimellesi tai hankkia SSL-sertifioitu. Jos sinulla on kysyttävää tai kysyttävää, kysy kommentit ja yritän auttaa. Jos kommentit ovat suljettuja, siirry vastauksille -sivustolle; ja jaa, jos pidit tästä opetusohjelmasta hyödyllistä, jaa se suosikki sosiaalisessa verkostossasi. Lisäksi haluat todennäköisesti tarkistaa meidän ilmainen, kattava opas sosiaalisen median markkinointiin Opas sosiaalisen median markkinointiinTällä hetkellä sekä ihmiset että yritykset hyökkäävät sosiaalisen median markkinoille. Kilpailu on kovaa, eikä yksikään yritys voi tuhlata aikaa tai rahaa tekemällä sitä väärin. Lue lisää , ja harkitse lisäämistä pinterest Epävirallinen Pinterest-opasTämä Pinterest-opas näyttää nopeasti, kuinka käyttää Pinterestä ja sen kaikkia ominaisuuksia. Tässä oppaassa hahmotellaan kaikkea mitä Pinterestistä tiedetään. Lue lisää myös strategiaasi.