Memulai App di Heroku dengan Anda di Facebook
Penulis-Bulukumba (Pb)
Panduan ini adalah untuk pengembang Facebook yang menciptakan aplikasi pada Heroku melalui integrasi Cloud Layanan Facebook.
Ini tidak menganggap pengetahuan sebelumnya Heroku, dan akan berjalan melalui setiap bagian dari proses: menciptakan sebuah aplikasi dan account Heroku, menyiapkan alat-alat pembangunan daerah, dan menggunakan perubahan untuk aplikasi Facebook Anda.
Buat sebuah Aplikasi
Ini tidak menganggap pengetahuan sebelumnya Heroku, dan akan berjalan melalui setiap bagian dari proses: menciptakan sebuah aplikasi dan account Heroku, menyiapkan alat-alat pembangunan daerah, dan menggunakan perubahan untuk aplikasi Facebook Anda.
Buat sebuah Aplikasi
(Jika Anda telah membuat sebuah aplikasi Heroku melalui Facebook, Anda dapat melompat ke bagian berikutnya.)
Mulailah dengan pergi ke Pengembang Facebook dan mengklik Buat Aplikasi Baru di sudut kanan atas:
Buat tombol New App
Anda akan disajikan dengan dialog ini:
Dialog Create New App
Masukkan apa pun yang Anda inginkan untuk nama aplikasi, centang kotak istilah, kemudian klik Lanjutkan.
Isi captcha pada dialog berikutnya dan klik Submit. Setelah penundaan singkat Anda akan dibawa ke (saat ini kosong) Anda halaman pengaturan aplikasi Facebook. Carilah bagian Layanan Cloud:
Cloud Jasa -> Get Started
Klik tombol Get Started, membawa Anda di sini:
Pilih dialog penyedia
Heroku adalah satu-satunya pilihan dalam dialog ini, jadi klik Next.
Heroku dialog
Jika Anda sudah memiliki account Heroku untuk alamat email yang Anda masukkan, aplikasi baru akan dikaitkan dengan account Anda yang sudah ada.
Pilih bahasa pemrograman favorit Anda dari dropdown (Ruby, Node.js, Python, dan PHP yang saat ini tersedia). Masukkan alamat email yang ingin Anda gunakan untuk account pengguna Anda Heroku, kemudian klik Create.
Anda akan dibawa ke sebuah dialog keberhasilan:
Sukses dialog
Sebuah aplikasi template, ditulis dalam bahasa yang Anda pilih, telah disalin dan digunakan hanya untuk Anda!
Klik Go untuk aplikasi untuk mengunjungi aplikasi baru Anda.
Pengguna lain mengunjungi aplikasi Anda akan perlu untuk memberikan izin melalui dialog serupa. Pengguna hanya perlu melakukan ini pertama kalinya mereka mengunjungi app.
Karena Anda sedang mengunjungi aplikasi Anda sebagai pengguna, Anda perlu memberikan izin untuk aplikasi untuk mengakses profil Facebook Anda dengan mengklik Izinkan:
Izin dialog
Selamat! Anda sekarang memiliki aplikasi Facebook Anda sendiri, berjalan pada Heroku:
Secara default, aplikasi baru Anda dikonfigurasi sebagai sebuah website yang terintegrasi dengan Facebook. Ini berarti akan ditampilkan sebagai halaman mandiri. Jika Anda ingin aplikasi Anda untuk menjalankan sebagai halaman kanvas dalam krom Facebook, ikuti panduan ini.
Contoh aplikasi yang berjalan
Aplikasi ini menunjukkan contoh mengakses API Facebook untuk daftar teman, foto, minat, dan banyak lagi. Setelah Anda mulai mengedit kode, Anda dapat menggunakan kemampuan ini untuk membuat aplikasi Anda melakukan hal-hal lebih menarik.
Sekarang bahwa Anda punya aplikasi yang berjalan, Anda akan ingin untuk mulai mengedit itu. Tapi pertama, singkat samping.
Apa itu Heroku?
(Jika Anda sudah akrab dengan Heroku, Anda dapat melompat ke bagian berikutnya.)
Anda Facebook app kebutuhan untuk menjalankan suatu tempat. Hal ini dapat hosting tradisional seperti perangkat keras Anda sendiri atau VPS, namun pilihan ini memakan waktu dan mahal untuk mengatur. Aplikasi pada Heroku dapat dibuat langsung, dan mereka biaya apa-apa kecuali app tumbuh sejumlah besar lalu lintas atau pengguna.
Heroku adalah sebuah platform aplikasi awan. Dengan Heroku, Anda tidak perlu berpikir tentang server sama sekali. Anda dapat menulis aplikasi dalam bahasa pemrograman pilihan Anda, kembali dengan add-on sumber daya seperti database SQL dan NoSQL, memcached, dan banyak lainnya. Anda mengelola aplikasi Anda menggunakan Heroku alat baris perintah dan Anda menyebarkan kode menggunakan sistem kontrol revisi Git, semua berjalan pada infrastruktur Heroku kuat.
Setiap jenis aplikasi web dapat digunakan untuk Heroku, Anda dapat membaca semua tentang kemampuan platform di Dev Center. Selama sisa panduan ini, kita akan fokus pada mengedit aplikasi Facebook yang telah Anda buat pada bagian sebelumnya.
Heroku Account dan Pengaturan Alat
(Jika Anda sudah memiliki account Heroku dan alat pembangunan daerah diatur, Anda dapat melompat ke bagian berikutnya.)
Meskipun account sebagaimana telah diciptakan untuk Anda, dan aplikasi telah dikerahkan, Anda masih perlu untuk membuat sebuah password dan mengatur alat lokal untuk membuat perubahan untuk itu.
1) Pilih Password
Sebuah account pengguna Heroku diciptakan untuk Anda ketika Anda membuat aplikasi melalui Facebook. Periksa email Anda dan mencari pesan pembuka:
Undangan email
Ikuti link pertama dalam email tersebut ke halaman di mana Anda dapat memilih sebuah password untuk account Heroku Anda:
Sandi dialog
Buat password, kemudian tutup jendela browser yang dan lanjutkan ke langkah berikutnya.
2) Instal Toolbelt Heroku
Untuk mengelola dan mengedit aplikasi Anda, Anda akan memerlukan Heroku alat baris perintah dan revisi sistem Git kontrol, keduanya yang akan diinstal oleh toolbelt Heroku. Download dan menginstal toolbelt untuk
If you have... | Install with... |
---|---|
Mac OS X | Download OS X package |
Windows | Download Windows .exe installer |
Ubuntu Linux | apt-get repository |
Other | Tarball (add contents to your $PATH ) |
3) Masuk dari Command Line
Setelah diinstal, Anda akan memiliki akses ke perintah heroku dari terminal Anda (menggunakan cmd.exe pada Windows). Log in menggunakan alamat email dan kata sandi untuk akun Heroku Anda:
$ Heroku Login
Masukkan kredensial Heroku.
Email: adam@example.com
Sandi:
Tidak dapat menemukan kunci publik yang ada.
Apakah Anda ingin menghasilkan satu? [Yn]
Membangkitkan kunci publik SSH baru.
Meng-upload kunci publik ssh / Pengguna / adam / .ssh / id_rsa.pub
Tekan enter pada prompt untuk meng-upload kunci yang ada ssh atau membuat yang baru, digunakan untuk mendorong kode di kemudian hari.
Mengedit Aplikasi Anda
Dengan account Heroku Anda dan alat lokal set up, Anda dapat mulai membuat perubahan ke aplikasi Facebook Anda.
1) Ambil source App Anda yang
Kita akan mulai dengan meraih salinan source aplikasi Anda menggunakan Git. Anda harus tahu nama dari aplikasi Anda untuk hal ini: Heroku memberi nama acak-haiku yang dihasilkan untuk memulai dengan, sehingga tampak dalam URL untuk menemukan nama aplikasi Anda. Misalnya, jika URL Anda adalah https://furious-robot-218.herokuapp.com, maka nama aplikasi Anda sangat marah-robot-218. Tempelkan ini ke perintah git clone seperti:
$ Clone git git@heroku.com: marah-robot 218.git-o heroku
Repositori Git diinisialisasi kosong di / Users / adam / facebook-template php / .git /
remote: Menghitung objek: 273, dilakukan.
remote: Mengompresi objek: 100% (183/183), dilakukan.
remote: Jumlah 273 (delta 2), kembali 261 (delta 0)
Menerima objek: 100% (273/273), 25,55 KiB, dilakukan.
Menyelesaikan delta: 100% (2 / 2), dilakukan.
cd ke direktori yang diciptakan oleh operasi git clone, yang akan diberi nama hal yang sama seperti aplikasi (misalnya marah-robot-218).
2) Membuat Mengubah
Mari kita tweak sesuatu yang kecil di app dan dorong kembali ke Heroku, menggambarkan proses menyebarkan. Sebagai contoh, cari baris HTML yang menunjukkan banner selamat datang (dalam aplikasi PHP, index.php baris 157):
Gunakan editor teks favorit Anda untuk mengubah baris ini ke:
Ini adalah app saya, saya dapat mengedit semua yang saya inginkan.
Simpan file, kemudian menggunakan terminal untuk melakukan perubahan ke Git:
$ Git commit-am "ucapan berubah"
[Menguasai 0ff313a] ucapan berubah
1 file berubah, 1 insersi (+), 1 penghapusan (-)
3) Menyebarkan untuk Heroku
Sekarang, bagian yang menyenangkan - mendorong kode dimodifikasi hingga Heroku dengan git push heroku master:
$ Git push heroku
Menghitung objek: 5, dilakukan.
Kompresi delta menggunakan sampai 4 benang.
Mengompresi objek: 100% (3 / 3), dilakukan.
Menulis objek: 100% (3 / 3), 347 byte, dilakukan.
Jumlah 3 (delta 1), kembali 0 (delta 0)
-----> Heroku menerima mendorong
-----> PHP aplikasi terdeteksi
-----> Bundling Apache ... dilakukan, v2.2.19
-----> Bundling PHP ... dilakukan, v5.3.6
-----> Menemukan jenis proses
Procfile menyatakan jenis -> (tidak ada)
Jenis standar untuk PHP -> web
Ukuran siput -----> Disusun adalah 20.9MB
Peluncuran -----> ... dilakukan, v2
http://furious-robot-218.herokuapp.com dikerahkan untuk Heroku
Untuk git@heroku.com: marah-robot 218.git
396ec84 .. 994290d master -> Master
Reload aplikasi pada browser Anda. Anda harus melihat spanduk selamat datang dimodifikasi:
Modifikasi aplikasi
Selamat, Anda sekarang Facebook app pengembang!
Sekarang Anda dapat pergi untuk bekerja pada aplikasi Anda. Bila Anda siap untuk mendapatkan lebih maju dalam teknik editing Anda, lanjutkan ke bagian berikutnya.
Kerja Lokal
Pada bagian sebelumnya, kita mendorong perubahan aplikasi untuk lingkungan produksi yang hidup tanpa pengujian dalam lingkungan lokal. Sebuah alur kerja yang lebih baik adalah menjalankan aplikasi secara lokal, dan menguji perubahan Anda di sana. Bila Anda siap untuk menyebarkan, menggunakan git komit dan git push heroku untuk mendorong perubahan pada aplikasi produksi yang hidup.
Metode untuk menjalankan aplikasi Anda pada komputer lokal Anda akan bervariasi oleh bahasa pemrograman dan sistem operasi. Misalnya, pengembang PHP di Mac OS X dapat menggunakan versi Apache dan PHP yang dilengkapi dengan sistem operasi dengan mengkonfigurasi VirtualHost dalam konfigurasi Apache mereka. Pengembang Ruby, di sisi lain, dapat menjalankan aplikasi mereka dengan Foreman.
Terlepas dari bagaimana Anda menjalankan aplikasi Anda secara lokal, ada dua teknik yang Anda harus tahu tentang yang spesifik untuk menjalankan versi pengembangan lokal dari sebuah aplikasi Facebook.
1) Membuat Pembangunan Facebook App
Aplikasi Facebook Anda sebelumnya dibuat poin di URL dari aplikasi Heroku Anda (yang akan terlihat seperti https://furious-robot-218.herokuapp.com). Ini adalah aplikasi produksi.
Untuk pengembangan, Anda harus mendaftar aplikasi lain dengan Facebook. Tidak seperti aplikasi pertama, yang satu ini tidak akan berjalan pada Heroku, melainkan akan berjalan pada workstation lokal Anda dan memiliki URL seperti http://127.0.0.1:5000/.
Untuk mengatur ini aplikasi kedua, pergi ke Pengembang Facebook dan lagi klik Create New App. Pilih nama untuk menunjukkan bahwa ini adalah versi pengembangan dari aplikasi yang ada. Sebagai contoh, jika aplikasi lain bernama "App Keren saya", Anda mungkin menyebutnya satu "Best App Saya - Dev".
Setelah dibuat, klik kotak centang dan masukkan URL Situs lokal Anda. Sebagai contoh:
Situs lokal
Klik Simpan Perubahan.
2) Menetapkan Facebook App Env Vars
Pada halaman pengaturan yang sama untuk aplikasi Anda digunakan untuk mengatur URL situs, Anda juga akan menemukan ID App dan Rahasia App:
App ID dan rahasia
Untuk aplikasi produksi Anda, ini adalah secara otomatis ditambahkan ke aplikasi Heroku Anda sebagai vars konfigurasi, tetapi dalam lingkungan lokal Anda, Anda akan perlu untuk menetapkan mereka sebagai variabel lingkungan. Bagaimana Anda akan menetapkan env vars tergantung pada OS anda dan metode menjalankan aplikasi Anda. Berikut adalah dua contoh:
Foreman. Env
Jika Anda menjalankan aplikasi Anda dengan Foreman, maka secara otomatis akan sumber file bernama. Env di root checkout kode aplikasi Anda. Potong-dan-paste ID App Anda dan Rahasia App ke env.:
FACEBOOK_APP_ID = 964173273189
FACEBOOK_SECRET = dcd5d23d003d53cb2b68e01
Apache SetEnv
Jika Anda menjalankan aplikasi Anda dengan Apache, Anda dapat mengatur env vars untuk VirtualHost aplikasi lokal Anda menggunakan direktif SetEnv. Sebagai contoh:
DocumentRoot / Pengguna / adam / Situs / mycoolapp-dev
ServerName mycoolapp-dev.localhost
SetEnv FACEBOOK_APP_ID 964173273189
SetEnv FACEBOOK_SECRET dcd5d23d003d53cb2b68e01
Siap untuk Test Lokal
Dengan dua perubahan di tempat, Anda harus dapat mengunjungi aplikasi Anda secara lokal dan mengakses semua fungsi Facebook. Bila Anda siap untuk berbagi perubahan di dunia, git commit mereka dan kemudian git push heroku, kemudian mengunjungi aplikasi produksi Anda untuk mengkonfirmasi bahwa perubahan Anda bekerja dengan benar pada aplikasi hidup.
Bacaan lebih lanjut
Heroku Cara Bekerja
Heroku Dev Pusat
Facebook Pengembang Documents
Grafik Facebook API Docs
Bila Anda Masih Bingun Silahkan klik Sumber link dibawah ini :
http://devcenter.heroku.com/articles/facebook#create_an_app
0 komentar