Kaip sukurti pagrindinius "Facebook" ventiliatoriaus vartus nemokant už prieglobą

Skelbimas

Mylėk tai ar mylėkis, šiais laikais visi ir jų šuo yra „Facebook“; taigi, kaip ir viskas, kas populiaru gyvenime, jį visiškai pakeitė rinkodaros tipai. Vienas neįtikėtinai efektyvus „Facebook“ priglobto prekės ženklo puslapis yra paskatinti žmones patikti puslapiui, sukuriant slaptą tik nariams skirtą turinį; paprastai vadinami „ventiliatoriaus vartais“. Tai užpildyta išskirtiniais vaizdo įrašais, atsisiuntimais ar galbūt pirkimo kuponu - mes jį naudojame čia, „MakeUseOf“, norėdami savo gerbėjams lengvai pasiekti visus dabartinės varžybos.

Anksčiau tokią pagrindinę „Facebook“ programą buvo gana lengva sukurti, tačiau dabar „Facebook“ reikalauja, kad visos puslapio skirtukų programos turėtų saugią versiją - HTTPS prieigos URL, tačiau tai yra dar 100 USD per metus prie esamų jūsų svetainės prieglobos išlaidų. Net jei valdote nedidelę el. Prekybos parduotuvę, galite naudoti „PayPal“ kaip mokėjimo paslaugų teikėją, todėl jums nereikia SSL sertifikatų. Bet nesijaudinkite, nes „Facebook“ taip pat bendradarbiauja

Heroku - debesų prieglobos įmonė - tai reiškia, kad galite sukurti savo pagrindinę „Facebook“ programą ir nemokamai ją priglobti saugiame serveryje. Norite sužinoti daugiau? Skaitykite toliau, kai „Heroku“ sukuriu pagrindinę „Facebook“ gerbėjų vartų puslapio skirtuko programą, kurią priglobsiu nemokamai.

Prisiregistruokite kaip kūrėjas

Prieš kurdami bet kurias programas, turite būti registruotas kūrėjas. Eiti į programuotojai.facebook.com Norėdami pradėti ir spustelėkite žalią Registruotis mygtuką viršuje dešinėje, jei dar to nepadarėte. Norint užsiregistruoti, jums reikia telefono numerio, tačiau kitu atveju jis nemokamas.

Jei jau esate užsiregistravę, puiku - viršutinėje įrankių juostoje spustelėkite Programos, kad gautumėte dabartinių programų apžvalgą.

Sukurkite naują programą

Štai kur prasideda linksmybės. Spustelėkite Sukurti naują programą. Pavadinimas iš tikrųjų nesvarbus, bet akivaizdu, kad pasirenkate ką nors svarbaus. Vardų srities laukas bus pridėtas prie jūsų gerbėjų puslapio URL, kai vartotojas spustelės tą skirtuką; galite palikti jį tuščią, bet tada URL vietoje jie matys programos ID, kuris yra šiek tiek bjauresnis. Vardų sritis taip pat turi būti Unikalus, todėl net nesijaudinkite dėl panašių dalykų, pvz., „testapp“, arba gausite klaidą. Galiausiai pažymėkite langelį, kuriame sakoma, kad norite gauti nemokamą „Heroku“ prieglobą.

Užpildę „captcha“ būsite pakviesti pasirinkti norimą prieglobos tipą iš „Heroku“ - pasirinkite PHP ir sutikite. „Facebook“ automatiškai sukurs jums naują sąskaitą „Heroku“, jei jos dar neturite, ir iš anksto užpildys URL nustatymus pagrindiniuose dalykuose, o tai jiems malonu. Tiesą sakant, labai sunku suklaidinti šį žingsnį.

Programos informacijos puslapyje taip pat norėtumėte nustatyti programos tipą kaip „Puslapio skirtukas“ ir įsitikinkite, kad ten taip pat įvesti atitinkami URL - vėlgi, tai turėtų būti automatinė. Tada išsaugokite.

Pirmieji Heroku žingsniai

Baigę gausite iš „Heroku“ el. Laišką su informacija, kaip pakeisti slaptažodį, ir atsisiųskite „Heroku“ įrankių juostą savo sistemai. Tiems iš jūsų, kurie nėra susipažinę su Heroku, tai nėra tradicinis kompiuteris ta prasme, kad galite prisijungti prie FTP adreso ir įkelti failus; vietoj to, Heroku dirba su „Git“, versijų valdymo sistema. Įdiegę įrankių juostą, pirmiausia turite klonuoti svetainę į vietinį diską - tai suteiks jums katalogą, kuris atspindi tai, kas priglobta „Heroku“. Kiekvieną kartą atlikdami šių failų pakeitimus, vėl juos sinchronizuokite, kad atnaujintumėte „Heroku“.

Nurodymai, kaip atlikti šį pirmąjį sinchronizavimą, yra jūsų sveikinimo el. Laiške. Tai paprasta eilutės komanda, unikali jūsų prieglobos adresui - tiesiog nukopijuokite ir įklijuokite iš el. Laiško. Jūsų prieglobos URL yra visiškai savavališkas - mano atveju taip buvo sausas miškas-7743 - jis sukurtas atsitiktinai ir visiškai nesvarbus, nes vartotojai to nematys. Atidarykite naujai sukurtą katalogą ir apsižvalgykite.

„Heroku“ įdiegė gana daug funkcijų, bet mums to nereikia daugiausiai. Atidaryti indeksas.php ir apsižvalgykite. Netoli failo pradžios raskite šias eilutes:

$ facebook = naujas „Facebook“ (masyvas ('appId' => AppInfo:: appID (), 'secret' => AppInfo:: appSecret (), 'sharedSession' => true, 'trustForward' => true,));

ir iškart po to nukopijuokite juos:

$ Pasirašyta_request = $ facebook-> getSignedRequest (); $ patiko = $ Pasirašyta_request ['puslapis'] ['patiko'];

Nesijaudinkite, jei jums tai yra per daug sudėtinga - netrukus pateiksiu jums gatavą šabloną. Į jūsų programą iš „Facebook“ siunčiama pasirašyta užklausa, kurioje yra tam tikros informacijos apie vartotoją - ar jie turi administratoriaus prieigą ir ar jiems patiko puslapis, ar ne. Jei norite tiksliai žinoti, kas siunčiama, pridėkite tai:

spausdinti_r ($ pasirašyta_request);

ir gausite visą pasirašyto užklausos objekto atspaudą.

Šiuo metu turėčiau pripažinti, kad turėjau didelių problemų, kad pasirašytas prašymas veiktų - paaiškėjo, kad Heroku ištrynė duomenis puslapyje įkelti, ir tik įkėlus JS API (geros 10 sekundžių po pradinio puslapio įkėlimo) puslapis atnaujinamas ir nurodomas teisingas „patiko“ statusas. Ačiū šis kamino perpildymo klausimas, atrodė, kad sprendimas buvo ištrinti kodą, užtikrinantį HTTPS neapsaugotiems vartotojams. Ištrinkite šį kodo bloką šablono pradžioje:

// Įgyvendinkite https gaminant. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {antraštė ('Vieta: https://'. $ _SERVER ['HTTP_HOST']. $ _SERVER ['REQUEST_URI']); išeiti (); }

Dabar, kai puslapis įkeliamas, turite Boolean kintamąjį - tai yra tiesa arba a melagingas - kuris nurodo, ar vartotojui patiko puslapis, ar ne. Tai galite naudoti su paprastu jei pareiškimas parodyti bet kurį turinį a arba b:

php if ($ patiko): echo ('fan'); // Tai yra jūsų slaptas turinys dar: echo ('ne ventiliatorius'); // tai parodyta potencialiems gerbėjams endif; 

Padėkite tai iškart po atidarymo pažymėti indeksas.php. Dabar, jei peržiūrėjote savo puslapį „Heroku“, pastebėsite, kad jame yra nepaprastai daug papildomų funkcijų, rodančių mėgstamus puslapius, mygtukus skelbti atnaujinimus ir tt - mums to tikrai nereikia, todėl aš visa tai pašalinau, įskaitant „JavaScript“ SDK „Facebook“, paliekant tik CSS ir mūsų ventiliatoriaus vartai. Štai pašalintas kodas, kurį aš panaudojau (tai yra vaizdas - jei norite, nukopijuokite pastą iš „PasteBin“):

Turėtumėte redaguoti skyrius, kuriuose sakoma „ne ventiliatorius“ ir „gerbėjas“, kad būtų atitinkamai numatytasis ir slaptasis turinys. Jei norite laikyti savo turinį atskirame faile, naudokite:

įtraukti („secret.html“);

importuoti išorinius failus.

Sinchronizuoti su Heroku

Atlikę visus būtinus failo redagavimus, turite sinchronizuoti atsarginę kopiją su „Heroku“ - tai padarome „stumdami“ vietinę kopiją į „pagrindinę šaką“ Heroku. Įsitikinkite, kad komandų eilutėje esate teisingame aplanke, įveskite:

git activ -am "keičia pranešimus"

(pakeitimų pranešimą galite pakeisti pastaba sau, kokius pakeitimus iš tikrųjų atlikote šį kartą - šiuos įrašus saugoti yra gera praktika)

ir tada

git push heroku meistras

Palaukite, kol komanda baigsis, nes tai gali užtrukti.

Paskutinis žingsnis: pridėkite programą prie savo puslapio

Dabar, kai programa sukurta, turime ją faktiškai pridėti kaip skirtuką prie prekės ženklo puslapio. Keista, bet tai daroma naudojant specialiai sukurtą URL:

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

Pakeiskite YOUR_APP_ID su ID, nurodytu jūsų programos informacijoje, ir YOUR_APP_URL_ON_HEROKU su „Heroku“ prieglobos URL. Įkėlus šį specialų URL, bus pradėtas dialogo langas „pridėti prie savo puslapio“, iš kurio galėsite pasirinkti tinkamą prekės ženklo puslapį, į kurį norite įtraukti savo puslapio skirtuką.

Tada, hei presto - tai bus naujas mygtukas jūsų puslapyje, toks:

Kaip matote, dar nenustatėme skirtuko paveikslėlio, todėl jis paliekamas kaip numatytasis - tai galite padaryti naudodami išsamios programos informaciją. Iš esmės tai vis dėlto; jei įkelsi tą skirtuką, mano pakeitimas indeksas.php arba parodys jus kaip ventiliatorius arba a ne ventiliatorius. Arba ką pritaikėte rodyti:

Pripažinsiu - šis procesas buvo sunkesnis, nei tikėjausi, tačiau visiškai išvengiama būtinybės ką nors talpinti savo serveryje arba gauti SSL sertifikatą. Jei turite klausimų ar problemų, paklauskite komentarų ir aš pasistengsiu padėti. Jei komentarai uždaryti, eikite į mūsų atsakymų svetainę; ir prašau, jei jums ši instrukcija buvo naudinga, pasidalykite ja savo mėgstamame socialiniame tinkle. Be to, tikriausiai norėsite sužinoti mūsų nemokamas, išsamus socialinės žiniasklaidos rinkodaros vadovas Jūsų vadovas socialinės žiniasklaidos rinkodarojeŠiuo metu tiek žmonės, tiek įmonės puola kreiptis į socialinę žiniasklaidą. Konkurencija yra arši, ir nė viena įmonė negali švaistyti laiko ar pinigų, darydama tai neteisingai. Skaityti daugiau ir apsvarstykite galimybę pridėti „Pinterest“ Neoficialus „Pinterest“ vadovasŠis „Pinterest“ vadovas greitai parodys, kaip naudotis „Pinterest“ ir visomis jo funkcijomis. Šis vadovas apibūdina viską, ką reikia žinoti apie „Pinterest“. Skaityti daugiau į savo strategiją.