Како изградити основну Фацебоок капију вентилатора без плаћања хостинга

Реклама

Волите или не волите, сви и њихов пас данас су на Фацебооку; па као и све што је популарно у животу, то је потпуно уништило врсте маркетинга. Једна невероватно ефикасна употреба странице робне марке са домаћинима на Фацебооку јесте да се подстакну људи да им се свиде страница стварањем неких тајних садржаја само за чланове; која се обично назива "вентилациона капија". Ово је испуњено ексклузивним видео записима, преузимањима или можда куповином купона - ми користимо један овде на МакеУсеОф-у како бисмо нашим фановима олакшали приступ свим актуелна такмичења.

Ова врста основне Фацебоок апликације била је релативно једноставна за креирање у прошлости, али Фацебоок сада захтева да све апликације на картицама страница имају сигурну верзију - ХТТПС приступни УРЛ - али то је додатних 100 УСД годишње поврх ваших постојећих трошкова хостинга за вашу веб локацију. Чак и ако имате малу трговину за е-трговину, можда ћете користити ПаиПал као провајдера плаћања и због тога немате потребе за ССЛ сертификатима. Али не брините, јер се и Фацебоок повезао

Хероку - компанија за хостинг у облаку - што значи да можете креирати своју основну Фацебоок апликацију и бесплатно је угостити на сигурном серверу. Желите знати више? Читајте даље док правим основну апликацију на Фацебоок картици за обожаватеље, бесплатну хост на Хероку-у.

Региструјте се као програмер

Пре него што направите било коју апликацију, мораћете да будете регистровани програмер. Иди на девелоперс.фацебоок.цом да бисте започели и кликните на зелено Регистровати дугме у горњем десном углу ако га већ нисте. За регистрацију вам је потребан телефонски број, али у супротном је бесплатан.

Ако сте већ регистровани, сјајно кликните Апликације на горњој траци са алаткама да бисте добили преглед ваших тренутних апликација.

Направите нову апликацију

Ево где забава почиње. Кликните на Направите нову апликацију. Именовање заиста није важно, али очигледно је изабрати нешто релевантно. Поље с именима биће додато УРЛ-у ваше фан странице када корисник кликне на ту картицу; можете да га оставите празно, али онда ће они видети УРЛ апликације у УРЛ-у, што је мало ружније. Простор имена такође мора бити јединствен, па се ни не трудите са нечим попут "тестапп" или ћете добити грешку. На крају, потврдите оквир у којем пише да желите да бесплатно обезбедите хостинг од Херокуа.

Након што попуните цаптцха, бићете позвани да одаберете врсту хостинга који желите од Херокуа - изаберите ПХП и прихватите. Фацебоок ће аутоматски створити нови налог за Хероку ако га већ немате и унапред уписати подешавања УРЛ-а у ваше основе, што је лепо од њих. У ствари, врло је тешко забрљати овај корак.

На страници са детаљима о апликацији такође бисте желели подесити врсту апликације која ће бити „Картица странице“ и осигурати да се и тамо унесу релевантни УРЛ-ови - опет, ово би требало бити аутоматски. Затим сачувајте.

Хероку први кораци

Када завршите, од Хероку-а ћете добити е-пошту са детаљима како да промените лозинку и преузмете Хероку „алатну траку“ за свој систем. За оне који нису упознати са Хероку, то није традиционални домаћин у смислу да се можете пријавити на ФТП адресу и учитати датотеке; уместо тога Хероку ради са Гитом, системом за контролу верзија. Након што инсталирате алатну траку, прво морате да клонирате локацију на свој локални диск - то вам даје директоријум који је огледало онога што се налази на Хероку-у. Кад год унесете измене у ове датотеке, поново их синхронизујете да бисте ажурирали Хероку.

Упутства за обављање ове прве синхронизације налазе се у вашој е-пошти са добродошлицом и то је једноставна наредба у једној линији јединствена за вашу хостинг адресу - само копирајте и залепите из е-поште. Ваш хостинг адреса је потпуно произвољна - у мом случају је то била суво-шума-7743 - то је насумично генерисано и уопште није важно јер га корисници неће видети. Отворите новоотворени директориј и погледајте око себе.

Хероку је убацио доста функционалности, али не треба нам већина тога. Отворити индек.пхп и погледајте око себе. Пронађите сљедеће редове близу почетка датотеке:

$ фацебоок = нови Фацебоок (низ ('аппИд' => АппИнфо:: аппИД (), 'тајна' => АппИнфо:: аппСецрет (), 'схаредСессион' => труе, 'трустФорвардед' => труе,));

и одмах након тога, копирајте следеће:

$ сигн_рекуест = $ фацебоок-> гетСигнедРекуест (); $ Лике = $ сигн_рекуест ['страница'] ['Свиђа ми се'];

Не брините да ли је ово превише компликовано за вас - ускоро ћу вам дати готов предложак. Потписан захтев шаље се вашој апликацији од Фацебоока који садржи неке информације о кориснику - да ли има приступ администратору и да ли им се страница свидела или не. Ако желите тачно да знате шта је послато, додајте следеће:

принт_р ($ сигн_рекуест);

и добићете потпун испис објекта са потписаним захтевом.

У овом тренутку, морам признати да сам имао стварних проблема са радом потписаног захтева - чинило се да Хероку уклања податке на страници учитавање, и тек након учитавања ЈС АПИ-ја (добрих 10 секунди након почетног учитавања странице), страница ће се освежити и назначити тачно „свидело“ статуса. Захваљујући ово Стацк Оверфлов питањеизгледало је да решење скида код који намеће ХТТПС за незаштићене кориснике. Избришите следећи блок кода на почетку шаблона:

// Проведите хттпс о производњи. иф (субстр (АппИнфо:: гетУрл (), 0, 8)! = ' https://' && $ _СЕРВЕР ['РЕМОТЕ_АДДР']! = '127.0.0.1') {хеадер ('Локација: https://'. $ _СЕРВЕР ['ХТТП_ХОСТ']. $ _СЕРВЕР ['РЕКУЕСТ_УРИ']); екит (); }

Сада, када се страница учита, имате боолеовску променљиву - то је а истинито или а лажно - што вам говори да ли се кориснику свидела страница или не. Можете да користите ово једноставно ако изјава да се прикаже било који садржај а или б:

пхп иф ($ свиђа): ецхо ('фан'); // ово је још ваш тајни садржај: ецхо ('није обожаватељ'); // ово се приказује потенцијалним фановима; 

Поставите то одмах након отварања означите индек.пхп. Ако сте прегледали своју страницу на Хероку-у, приметићете да има гомилу додатних функција, приказује странице које су вам се допале, дугмад за објавите ажурирања итд. - не треба нам ништа од тога, па сам све то скинуо, укључујући и ЈаваСцрипт СДК за Фацебоок, остављајући само ЦСС и наш капија вентилатора. Ево скиданог кода који сам на крају користио (ово је слика - ако желите, копирајте пасте са ПастеБин-а):

Треба да уредите одељке који гласе „не обожаватељ“ и „обожаватељ“ тако да садрже свој подразумевани и тајни садржај. Ако желите да задржите садржај у засебној датотеци, користите:

инцлуде ("сецрет.хтмл");

за увоз спољних датотека.

Синхронизујте са Хероку

Након што извршите све потребне измене у вашој датотеци, потребно је да синхронизујете резервну копију са Херокуом - то радимо тако што ћемо „гурнути“ нашу локалну копију у „главну грану“ у Хероку. Уверите се да сте из одговарајуће мапе из командне линије откуцајте:

гит цоммит -ам "мења поруке"

(можете да замените поруку о променама напомену за себе које сте промене у ствари направили овог пута - добра је пракса да водите ове записе)

и онда

гит пусх хероку мастер

Сачекајте да се наредба заврши, јер може потрајати.

Завршни корак: Додајте апликацију на своју страницу

Сада када је апликација изграђена, морамо је заправо додати као картицу на страницу вашег бренда. Занимљиво је да се то користи помоћу посебно креираног УРЛ-а:

https://www.facebook.com/dialog/pagetab? апп_ид = ИОУР_АПП_ИД & редирецт_ури = ИОУР_АПП_УРЛ_ОН_ХЕРОКУ

Заменити ИОУР_АПП_ИД са ИД-ом наведеним у детаљима ваше апликације и ИОУР_АПП_УРЛ_ОН_ХЕРОКУ са УРЛ адресом вашег Хероку хостинга. Уметањем ове посебне УРЛ адресе тада ћете покренути дијалог „додај на своју страницу“ из којег можете одабрати праву страницу бренда којој ћете додати картицу странице.

Онда хеј престо - то ће бити ново дугме на вашој страници, овако:

Као што видите, још нисмо одредили слику за картицу, па је као подразумевана остављена - то можете да урадите са странице детаља о апликацији. То је у основи то; ако учитате ту картицу, моја замена индек.пхп или ће вас приказати као лепеза или а нот фан. Или шта год да сте прилагодили да покаже:

Признаћу - овај процес је био тежи него што сам очекивао, али потпуно избегава потребу да било шта будете домаћини на свом серверу или добијате ССЛ сертификат. Ако имате било каквих питања или проблема, одбаците их у коментарима и покушаћу да вам помогнем. Ако су коментари затворени, пријеђите на нашу страницу с одговорима; и молим вас, ако вам овај водич буде користан, подијелите га на својој омиљеној друштвеној мрежи. Такође ћете вероватно желети да проверите наше бесплатан, потпун водич за маркетинг друштвених медија Ваш водич за маркетинг друштвених медијаУправо је у току напад људи и компанија који се окрећу друштвеним медијима. Конкуренција је јака и ниједна компанија не може губити време или новац радећи то погрешно. Опширније и размислите о додавању Пинтерест Неслужбени водич за ПинтерестОвај водич за Пинтерест брзо ће вам показати како користити Пинтерест и све његове функције. Овај водич описује све оно што треба знати о Пинтересту. Опширније на своју стратегију такође.