Cara Membangun Gerbang Fan Facebook Dasar Tanpa Membayar Untuk Hosting

Iklan

Suka atau tidak suka, semua orang dan anjing mereka ada di Facebook saat ini; jadi seperti apa pun yang populer dalam kehidupan, itu telah sepenuhnya ditumbangkan oleh tipe pemasaran. Salah satu penggunaan yang sangat efektif dari halaman merek yang di-host Facebook adalah untuk memberikan insentif kepada orang-orang agar menyukai halaman tersebut dengan membuat beberapa konten khusus anggota rahasia; biasa disebut sebagai "gerbang penggemar". Ini diisi dengan video eksklusif, unduhan, atau mungkin kupon belanja - kami gunakan di sini di MakeUseOf untuk memberi penggemar kami akses mudah ke semua kompetisi saat ini.

Aplikasi Facebook dasar semacam ini relatif mudah dibuat di masa lalu, tetapi Facebook sekarang mengharuskan semua aplikasi tab halaman memiliki versi yang aman - sebuah HTTPS url akses - tapi itu $ 100 per tahun di atas biaya hosting yang ada untuk situs Anda. Bahkan jika Anda menjalankan toko e-commerce kecil, Anda mungkin menggunakan PayPal sebagai penyedia pembayaran dan karenanya tidak memerlukan sertifikat SSL. Tapi jangan khawatir, karena Facebook juga bermitra

Heroku - perusahaan cloud hosting - yang berarti Anda dapat membuat aplikasi Facebook dasar Anda sendiri, dan menyimpannya secara gratis, di server yang aman. Ingin tahu lebih banyak? Baca terus saat saya membuat aplikasi tab halaman fan-gate Facebook dasar, yang dihosting secara gratis, di Heroku.

Daftarkan sebagai Pengembang

Sebelum membuat aplikasi apa pun, Anda harus menjadi pengembang terdaftar. Pergi ke developers.facebook.com untuk memulai, dan klik hijau Daftar tombol di kanan atas jika belum. Anda memang perlu nomor telepon untuk mendaftar, tetapi sebaliknya gratis.

Jika Anda sudah terdaftar, klik luar biasa Aplikasi di bilah alat atas untuk mendapatkan gambaran umum aplikasi Anda saat ini.

Buat aplikasi baru

Di sinilah kesenangan dimulai. Klik Buat Aplikasi Baru. Penamaannya tidak terlalu penting, tetapi jelas memilih sesuatu yang relevan. Bidang namespace akan ditambahkan ke URL halaman penggemar Anda ketika pengguna mengklik tab itu; Anda dapat mengosongkannya, tetapi kemudian mereka akan melihat ID aplikasi di URL, yang sedikit lebih buruk. Namespace juga harus unik, jadi jangan repot-repot dengan sesuatu seperti "testapp" atau Anda akan mendapatkan kesalahan. Terakhir, centang kotak yang mengatakan Anda ingin hosting gratis dari Heroku.

Setelah mengisi captcha, Anda akan diundang untuk memilih jenis hosting yang Anda inginkan dari Heroku - pilih PHP, dan terima. Facebook akan secara otomatis membuat akun baru untuk Anda di Heroku jika Anda belum memilikinya, dan pra-isi pengaturan URL di dasar-dasar Anda, yang bagus dari mereka. Faktanya, sangat sulit untuk mengacaukan langkah ini.

Dari halaman detail aplikasi, Anda juga ingin mengatur jenis aplikasi menjadi “Tab Halaman”, dan memastikan URL yang relevan juga dimasukkan di sana - sekali lagi, ini harus otomatis. Lalu simpan.

Heroku Langkah Pertama

Setelah selesai, Anda akan mendapatkan email dari Heroku dengan perincian tentang cara mengubah kata sandi Anda, dan unduh Heroku "toolbelt" untuk sistem Anda. Bagi Anda yang tidak terbiasa dengan Heroku, ini bukan host tradisional dalam arti bahwa Anda dapat masuk ke alamat FTP dan mengunggah file; alih-alih Heroku bekerja dengan Git, sistem kontrol versi. Setelah Anda menginstal bilah alat, pertama-tama Anda harus mengkloning situs ke drive lokal Anda - ini memberi Anda direktori yang merupakan cermin dari apa yang di-host di Heroku. Setiap kali Anda membuat perubahan pada file-file ini, Anda menyinkronkan semuanya kembali untuk memperbarui Heroku.

Instruksi untuk melakukan sinkronisasi pertama ini terkandung dalam email selamat datang Anda, dan itu adalah perintah satu baris sederhana yang unik untuk alamat hosting Anda - cukup salin dan tempel dari email tersebut. URL hosting Anda sepenuhnya sewenang-wenang - dalam kasus saya, URL itu hutan kering-7743 - Ini dibuat secara acak dan tidak masalah sama sekali karena pengguna tidak akan melihatnya. Buka direktori yang baru dibuat, dan lihat-lihat.

Heroku telah menjalankan cukup banyak fungsi, tetapi kami tidak membutuhkannya. Buka index.php dan lihat sekeliling. Temukan baris berikut di dekat awal file:

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

dan segera setelah itu, salin ini:

$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['liked'];

Jangan khawatir jika ini terlalu rumit untuk Anda - saya akan segera memberi Anda template. Permintaan yang ditandatangani dikirim ke aplikasi Anda dari Facebook yang mencakup beberapa informasi tentang pengguna - apakah mereka memiliki akses admin dan apakah mereka menyukai halaman tersebut atau tidak. Jika Anda ingin tahu persis apa yang dikirim, tambahkan yang berikut:

print_r ($ signed_request);

dan Anda akan mendapatkan cetakan lengkap dari objek permintaan yang ditandatangani.

Pada titik ini, saya harus mengakui bahwa saya mengalami masalah nyata agar permintaan yang ditandatangani berfungsi - tampaknya Heroku sedang membuka data di halaman memuat, dan itu hanya setelah memuat JS API (10 detik setelah memuat halaman awal) bahwa halaman akan menyegarkan dan menunjukkan "disukai" yang benar status. Terimakasih untuk pertanyaan Stack Overflow ini, solusinya tampaknya menghapus kode yang memberlakukan HTTPS untuk pengguna yang tidak aman. Hapus blok kode berikut di awal templat:

// Terapkan https pada produksi. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Lokasi: https://'. $ _SERVER ['HTTP_HOST']. $ _SERVER ['REQUEST_URI']); keluar(); }

Sekarang, ketika halaman dimuat, Anda memiliki variabel Boolean - itu a benar atau a Salah - yang memberi tahu Anda apakah pengguna menyukai halaman tersebut atau tidak. Anda bisa menggunakan ini dengan sederhana jika pernyataan untuk menampilkan konten mana pun Sebuah atau b:

php if ($ liked): echo ('fan'); // ini adalah konten rahasia Anda yang lain: echo ('bukan penggemar'); // ini ditunjukkan kepada penggemar potensial endif; 

Tempatkan itu tepat setelah pembukaan beri tag index.php. Sekarang, jika Anda telah mempratinjau halaman Anda di Heroku, Anda akan melihat itu memiliki banyak sekali fungsi tambahan, menampilkan halaman yang Anda sukai, tombol untuk poskan pembaruan, dll. - kami benar-benar tidak memerlukan itu, jadi saya menghapus semuanya termasuk JavaScript SDK untuk Facebook, hanya menyisakan CSS dan gerbang penggemar. Inilah kode stripped down yang akhirnya saya gunakan (ini adalah gambar - salin tempel dari PasteBin jika Anda mau):

Anda harus mengedit bagian yang mengatakan "bukan kipas" dan "kipas" untuk masing-masing berisi konten default dan rahasia Anda. Jika Anda lebih suka menyimpan konten Anda di file terpisah, gunakan:

termasuk ("secret.html");

untuk mengimpor file eksternal.

Sinkronkan dengan Heroku

Setelah Anda melakukan semua pengeditan yang diperlukan untuk file Anda, Anda perlu menyinkronkan kembali dengan Heroku - kami melakukan ini dengan "mendorong" salinan lokal kami ke "cabang utama" di Heroku. Memastikan Anda berada di direktori yang benar dari baris perintah, ketik:

git commit -am "ubah pesan"

(Anda dapat mengganti pesan perubahan dengan catatan untuk diri sendiri tentang perubahan yang sebenarnya Anda lakukan saat ini - praktik yang baik untuk menyimpan catatan ini)

lalu

git dorong master heroku

Tunggu perintah selesai, karena mungkin perlu waktu.

Langkah Terakhir: Tambahkan Aplikasi ke Halaman Anda

Sekarang setelah aplikasi dibangun, kita harus benar-benar menambahkannya sebagai tab ke halaman merek Anda. Anehnya, ini dilakukan dengan menggunakan URL yang dibuat khusus:

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

Menggantikan YOUR_APP_ID dengan ID yang tercantum pada detail aplikasi Anda, dan YOUR_APP_URL_ON_HEROKU dengan URL untuk hosting Heroku Anda. Memuat URL khusus ini kemudian akan memulai dialog "tambahkan ke halaman Anda", dari mana Anda dapat memilih halaman merek yang tepat untuk menambahkan tab halaman Anda.

Lalu, hei presto - ini akan menjadi tombol baru di laman Anda, seperti ini:

Seperti yang Anda lihat, kami belum menentukan gambar untuk tab sehingga dibiarkan sebagai default - Anda dapat melakukan ini dari halaman detail aplikasi Anda. Itu pada dasarnya itu; jika Anda memuat tab itu, pengganti saya index.php akan menunjukkan kepada Anda sebagai a kipas atau a bukan penggemar. Atau apa pun yang Anda sesuaikan untuk ditampilkan:

Saya akui - proses ini lebih sulit dari yang saya harapkan, tapi itu benar-benar menghindari keharusan untuk meng-host apa pun di server Anda sendiri atau mendapatkan sertifikasi SSL. Jika Anda memiliki pertanyaan atau masalah, tanyakan dalam komentar dan saya akan mencoba untuk membantu. Jika komentar ditutup, kunjungi situs Jawaban kami; dan tolong, jika Anda menemukan tutorial ini bermanfaat, jangan bagikan di jejaring sosial favorit Anda. Juga, Anda mungkin ingin memeriksa gratis, panduan lengkap untuk pemasaran media sosial Panduan Anda Untuk Pemasaran Media SosialSaat ini, ada serangan dari orang dan perusahaan yang beralih ke outlet media sosial. Persaingannya sangat ketat, dan tidak ada perusahaan yang dapat membuang waktu atau uang dengan melakukan kesalahan. Baca lebih banyak , dan pertimbangkan untuk menambahkan Pinterest Panduan Pinterest Tidak ResmiPanduan Pinterest ini akan dengan cepat menunjukkan kepada Anda cara menggunakan Pinterest dan semua fitur-fiturnya. Panduan ini menguraikan segala sesuatu yang perlu diketahui tentang Pinterest. Baca lebih banyak untuk strategi Anda juga.