Owen Little
0 
1462
176
Onu sev ya da nefret et, herkes ve köpeği bugünlerde Facebook'ta; yaşamda popüler olan herhangi bir şey gibi, tamamen pazarlama türleri tarafından yıkıldı. Facebook tarafından barındırılan bir marka sayfasının inanılmaz etkili bir kullanımı, bazı gizli üyelere özel içerik oluşturarak insanları sayfayı beğenmeye teşvik etmek; genel olarak adlandırılan “fan kapısı”. Bu, özel videolar, indirmeler veya belki de bir alışveriş kuponuyla doludur - hayranlarımızı mevcut tüm yarışmalara kolayca erişebilmeleri için MakeUseOf'ta kullanıyoruz..
Bu tür bir temel Facebook uygulaması geçmişte yaratmak nispeten kolaydı, ancak Facebook artık tüm sayfa sekmesi uygulamalarının güvenli bir sürüme sahip olmasını gerektiriyor. HTTPS URL’ye erişin - ancak bu, siteniz için mevcut barındırma maliyetlerinize ek olarak yılda 100 ABD doları tutarındadır. Küçük bir e-ticaret mağazası işletseniz bile, PayPal'ı ödeme sağlayıcısı olarak kullanabilir ve bu nedenle SSL sertifikalarına gerek kalmaz. Ancak endişelenmeyin, Facebook aynı zamanda bir bulut barındırma şirketi olan Heroku ile de ortaklık kurduğu için, kendi temel Facebook uygulamanızı oluşturabileceğiniz ve güvenli bir sunucuda ücretsiz olarak barındırabileceğiniz anlamına gelir. Daha fazla bilmek ister misiniz? Heroku'da ücretsiz olarak barındırılan temel bir Facebook hayran kapısı sayfası sekmesi uygulaması oluştururken okudum.
Geliştirici olarak kayıt olun
Herhangi bir uygulama yapmadan önce, kayıtlı bir geliştirici olmanız gerekir. Başlamak için developers.facebook.com adresine gidin ve yeşil rengi tıklayın. Kayıt olmak Daha önce yapmadıysanız sağ üstteki düğme. Kayıt olmak için bir telefon numarasına ihtiyacınız var, ancak aksi takdirde ücretsiz.
Zaten kayıtlıysanız, mevcut uygulamalarınıza genel bir bakış için en iyi araç çubuğundaki Uygulamalar'ı tıklayın..
Yeni bir uygulama oluştur
İşte eğlence burada başlıyor. Tıklamak Yeni Uygulama Oluştur. Adlandırma gerçekten önemli değil, ancak açıkça alakalı bir şey seçin. Kullanıcı bu sekmeyi tıkladığında ad alanı alanı fan sayfası URL’nize eklenecektir; boş bırakabilirsiniz, ancak URL'de uygulama kimliğini görecekler, bunun yerine biraz çirkin olur. İsim alanı da benzersiz, bu yüzden böyle bir şeyle uğraşma “TestApp” yoksa bir hata alırsın. Sonunda, Heroku’dan ücretsiz hosting istediğinizi belirten kutuyu işaretleyin..
Captcha'yı doldurduktan sonra Heroku'dan istediğiniz barındırma türünü seçmeye davet edilirsiniz - PHP'yi seçin ve kabul edin. Zaten bir hesabınız yoksa, Facebook Heroku'da sizin için otomatik olarak yeni bir hesap oluşturacak ve URL ayarlarınızı bunlardan hoşlanmış olacak şekilde önceden doldurunuz. Aslında, bu adımı karıştırmak çok zor.
Uygulama ayrıntıları sayfasından, uygulamanın türünü bir “Sayfa Sekmesi”, ve ilgili URL’lerin de oraya girildiğinden emin olun - tekrar, bu otomatik olmalıdır. Sonra kaydet.
Heroku İlk Adımlar
Tamamlandığında, Heroku'dan şifrenizi nasıl değiştireceğinizin ayrıntılarını içeren bir e-posta alacak ve Heroku’yu indireceksiniz. “aygıt kemeri” sisteminiz için. Heroku’ya aşina olmayanlar için, bir FTP adresine giriş yapıp dosya yükleyebilmeniz açısından geleneksel bir ev sahibi değil; bunun yerine Heroku, sürüm kontrol sistemi olan Git ile birlikte çalışıyor. Alet kemerini taktıktan sonra, öncelikle siteyi yerel sürücünüze klonlamanız gerekir - bu size Heroku'da barındırılanların aynası olan bir dizin verir. Bu dosyalarda ne zaman değişiklik yaparsanız, Heroku’yu güncellemek için hepsini tekrar senkronize edersiniz..
Bu ilk senkronizasyonu gerçekleştirme talimatları hoş geldiniz e-postanızda bulunur ve barındırma adresinize özgü basit tek satırlık bir komuttur - yalnızca e-postadan kopyalayıp yapıştırın. Hosting URL'niz tamamen isteğe bağlıdır - benim durumumda Kuru arazi-7743 - rastgele oluşturulur ve hiç farketmez, çünkü kullanıcılar onu görmez. Yeni oluşturulan dizini açın ve etrafına bir göz atın..
Heroku oldukça fazla işlevsellik içine soktu, ancak çoğuna ihtiyacımız yok. Aç index.php ve etrafına bir bak. Dosyanın başlangıcında aşağıdaki satırları bulun:
$ facebook = new Facebook (dizi ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true,));ve hemen ardından, bunlara kopyalayın:
$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['sayfa'] ['beğendim'];
Bunların hepsi sizin için çok karmaşıksa endişelenmeyin - Yakında size bitmiş bir şablon vereceğim. Facebook'tan uygulamanıza, kullanıcı hakkında bazı bilgiler içeren - yönetici erişimine sahip olup olmadıklarını ve sayfayı beğenip beğenmediklerini işaretli bir istek gönderilir. Ne gönderildiğini tam olarak bilmek istiyorsanız, aşağıdakileri ekleyin:
print_r ($ signed_request);
ve imzalı istek nesnesinin tam bir çıktısını alacaksınız.
Bu noktada, imzalı isteğin çalışılmasında gerçekten sorun yaşadığımı itiraf etmeliyim - Heroku'nun veriyi sayfa yükünden çıkardığı ortaya çıktı ve yalnızca JS API yüklendikten sonra (ilk sayfa yüklenmesinden 10 saniye sonra iyi oldu) ) sayfanın yenileneceğini ve doğru “sevilen” durumu. Bu Yığın Taşması sorusu sayesinde çözüm, güvenli olmayan kullanıcılar için HTTPS'yi zorlayan kodu çıkarıyor gibi görünüyordu. Şablonun başında aşağıdaki kod bloğunu silin:
// eğer üretimde https uygulayın eğer (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') başlık ('Konum : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); çıkış(); Şimdi, sayfa yüklendiğinde, bir Boole değişkenine sahipsiniz - bu bir doğru veya bir yanlış - bu, kullanıcının sayfayı beğenip beğenmediğini gösterir. Bunu basit bir şekilde kullanabilirsiniz. Eğer her iki içeriği de gösterecek ifadesi bir veya b:
Açılıştan hemen sonra yerleştirin etiketlemek index.php. Şimdi, sayfanızı Heroku'da önizlediyseniz, çok fazla ek işlevselliğe sahip olduğunu, beğendiğiniz sayfaları gösterdiğini, güncelleme yayınlamak için düğmeleri vb. Olduğunu fark edeceksiniz - hiçbirine ihtiyacımız yok, bu yüzden ben Facebook için JavaScript SDK da dahil olmak üzere hepsini çıkardı, yalnızca CSS ve hayran kitlemizi terk etti. İşte kullanarak sona erdi soyulmuş kodu (Bu bir resimdir - isterseniz PasteBin'den kopyala yapıştır):
Diyen bölümleri düzenlemelisiniz “Hayranı değil” ve “yelpaze” sırasıyla varsayılan ve gizli içeriğinizi içermek için. İçeriğinizi ayrı bir dosyada tutmayı tercih ederseniz, şunu kullanın:
içerir ( "secret.html");
harici dosyaları almak için.
Heroku ile senkronize et
Dosyanızda gerekli tüm düzenlemeleri yaptıktan sonra, Heroku ile tekrar senkronizasyon yapmanız gerekir. “itme” bizim yerel kopyasına “ana dal” Heroku'da. Komut satırından doğru dizinde olduğunuzdan emin olarak, şunu yazın:
git commit -am "mesajları değiştirir"
(Değişiklikler iletisini kendinize bir notla değiştirebilirsiniz, bu sefer gerçekte hangi değişiklikleri yaptınız - bu kayıtları saklamak iyi bir uygulamadır)
ve sonra
git heroku ustası itmek
Bir süre alabileceğinden, komutun bitmesini bekleyin..
Son Adım: Uygulamayı Sayfanıza Ekleyin
Artık uygulama oluşturulduktan sonra, bunu gerçekten de markanıza bir sekme olarak eklememiz gerekir. İlginç bir şekilde, bu özel hazırlanmış bir URL kullanılarak yapılır:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_APP_URL_ON_HEROKU
değiştirmek YOUR_APP_ID Uygulama ayrıntılarınızda listelenen kimliği olan ve YOUR_APP_URL_ON_HEROKU Heroku barındırma sunucunuzun URL’si. Bu özel URL’yi yüklemek daha sonra “sayfanıza ekleyin” sayfa sekmenizi eklemek için doğru marka sayfasını seçebileceğiniz iletişim kutusu.
Öyleyse hey presto - sayfanızda yeni bir düğme olacak, şöyle:
Gördüğünüz gibi, sekme için bir resim belirlemedik, bu nedenle varsayılan olarak kaldı - bunu uygulama ayrıntıları sayfanızdan yapabilirsiniz. Temelde bu olsa; eğer o sekmeyi yüklerseniz değiştirme index.php ya sana yelpaze veya bir hayran değil. Ya da neyi göstermek için özelleştirdiyseniz:
Kabul edeceğim - bu işlem beklediğimden daha zordu, ancak kendi sunucunuzda herhangi bir şeyi barındırma veya SSL sertifikası alma ihtiyacını tamamen ortadan kaldırıyor. Herhangi bir sorunuz veya probleminiz varsa, yorumlarda sormadan yardım etmeye çalışacağım. Yorumlar kapalıysa, Cevaplar sitemize gidin; ve lütfen, bu eğitimi yararlı bulduysanız, en sevdiğiniz sosyal ağda paylaşın. Ayrıca, muhtemelen sosyal medya pazarlamacılığı konusundaki ücretsiz ve eksiksiz rehberimizi incelemek isteyip, stratejinize Pinterest eklemeyi düşünebilirsiniz..