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


(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):
Selamat datang di aplikasi Facebook Anda, berjalan pada heroku !

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