Komunitas Cloud Indonesia

Tutorial Hello World di AppHarbor

Penulis :   |   July 30, 2012

Pada artikel sebelumnya kita sudah berkenalan dengan AppHarbor. Kali ini kita akan mencoba secara langsung untuk men-develop aplikasi website yang sederhana, sekaligus men-deploy-nya ke AppHarbor. Kita belum menggunakan .NET Framework (khususnya C#) dalam tutorial ini. Kita akan menggunakan sebuah file HTML yang bertujuan untuk menyederhanakan bagaimana proses deployment berlangsung. Pada tutorial berikutnya kita akan menggunakan ASP.NET MVC 3, untuk itu diharapkan agar sudah menginstall Visual Studio 2010 (VS2010) dan juga sudah memahami cara penggunaaan (VS2010).

Kebutuhan untuk mengikuti tutorial ini:

  1. Sudah familiar atau terbiasa menggunakan Version Control System (VCS) seperti git, hg (mercurial), svn ataupun TFS.
  2. Terbiasa dengan Command Line Interface (CLI) :-P.

Berikut adalah tools yang kita gunakan:

  1. Text editor (notepad, notepad++, notepad2, dll)
  2. msysgit

Setelah meng-install tools di atas, mari kita mulai tutorialnya:

a. Buat akun di AppHarbor dengan mengikuti link ini.

b. Setelah kita membuat akun dan melalukan verifikasi akun kita, lalu kita login ke dalam akun tersebut. Akan muncul halaman untuk mengelola aplikasi kita. Di halaman tersebut kita bisa membuat aplikasi dan memilih tempat instance apakah di Amerika Serikat atau di Eropa.

Halaman untuk mengelola aplikasi

Halaman untuk mengelola aplikasi

c. Kita buat aplikasi baru dengan nama HaloApp, lalu klik “Create New“. (Catatan: jika nama aplikasi tersebut sudah digunakan, Anda bisa memakai nama alternatif, seperti HaloApp2)

d. Pada halaman detail aplikasi HaloApp yang sudah kita buat, pada panel sebelah kiri terdapat menu-menu yang dapat kita gunakan, misalkan untuk menambahkan add-ons, collaborators, dll. Selain itu, di sana juga terdapat bantuan untuk menggunakan layanan VCS dari pihak ketiga seperti bitbucket, codeplex maupun github. Pada tutorial kali ini kita akan menggunakan layanan VCS built-in yaitu git.

Rincian dari aplikasi HaloApp

Rincian dari aplikasi HaloApp

e. [UPDATED]Klik tombol “REPOSITORY URL” pada menu panel sebelah kiri maka repo URL akan disalin ke clipboard. Pastekan (CTRl+V) ke notepad/text editor kesayangan Anda lalu Anda dapat melihat repository URL tersebut. Repository URL saya adalah https://[email protected]/haloapp.git (sesuaikan dengan repository URL Anda).

Kemudian kita akan menge-clone repository dari HaloApp. Buka aplikasi git-bash cmd atau bisa juga menggunakan tortoiseGit. Tips: kita dapat membuka aplikasi git-bash, dengan cara memilih folder tertentu lalu klik kanan pada folder tersebut, pilih “Git Bash Here”. Ketikkan perintah berikut di command line git-bash:

## (ini merupakan baris komentar)
## salin repository URL dari tahap sebelumnya dan ganti URL di bawah ini
$ git clone https://[email protected]/haloapp.git
## Masukan password login AppHarbor kita 

$ cd haloapp/
$ notepad index.html
## Saat membuat index.html, akan muncul window dialog, lalu klik "Yes"
## Isi file index.html seperti link berikut:
## https://gist.github.com/3168585#file_index.html

$ git add index.html
$ git commit -m "Initial commit"

## salin repository URL dari tahap sebelumnya dan ganti URL di bawah ini
$ git push https://[email protected]/haloapp.git master
## Masukan password login AppHarbor kita

Masih bingung? Coba lihat gambar di bawah ini.

command_line_haloApp

=======

Voila! aplikasi kita sudah berhasil di-deploy ke AppHarbor. Coba anda buka http://haloapp.apphb.com (format URL-nya itu namaAplikasiKita.apphb.com). Ada apa di website tersebut?

Tutorial selanjutnya adalah website yang bisa di-build yaitu ASP.NET MVC 3 dengan C#. Untuk itu kita bisa menginstall VS2010, ada edisi express-nya kok alias gratis meskipun dengan fitur yang terbatas :-P.

  1. ACCI – Asosiasi Cloud Computing Indonesia
  2. Lowongan .NET Developer
  3. Lowongan Android Developer
  4. Lowongan Java Developer
  5. Jakarta Cloud Computing Meetup 09.2016

Penulis :

Pengembara teknologi yang mencari ilmu mengenai teknologi dan menyebarkan ilmu yang sudah dipelajarinya bagi orang lain melalui blog ini. Tulisan lainnya bisa diakses di tonilab.wordpress.com

Komentar

8 thoughts on “Tutorial Hello World di AppHarbor
  1. Pingback: Deployment ASP.NET MVC Website to AppHarbor - CloudIndonesiA

  2. Hanna

    Terima kasih buat tutorialnya.
    Saya sedang mencoba untuk melakukan langkah – langkah di atas sebagai pemula karena selanjutnya saya ada rencana untuk menggunakan git untuk mendeploy aplikasi website ASP.NET MVC 3.

    Namun ketika saya mencoba untuk menjalankan step by step, ada kendala yg muncul, yaitu appharbor (aplikasi yang saya buat tersebut) tidak dapat di-clone dengan pesan
    error: Failed connect to appharbor.com:443; No error while accessing “xxxxxxxx”/info/refs?service=git-upload-pack
    fatal: HTTP request failed

    selain itu, ketika clone dilakukan, tidak ada perintah yang meminta memasukkan password appharbor..

    adakah solusi untuk hal ini?
    terima kasih.

    Reply
  3. Toni Dermawan Post author

    Helo Hanna,

    Terima kasih sudah membaca artikel saya :-).

    Untuk deployment menggunakan ASP.NET MVC 3, silakan lihat artikel http://www.cloudindonesia.or.id/deployment-asp-net-mvc-website-di-appharbor.html.

    Kalau boleh tahu repository URL yang digunakan seperti apa? Format dari
    repository URL adalah https://[email protected]om/applicationname.git. Ketika melakukan clone, apakah sudah sesuai dengan format tersebut?

    Dugaan saya, Hanna menggunakan format yang salah atau AppHarbor-nya sedang mengalami masalah.

    Terima kasih.

    Reply
  4. Hanna

    Terima kasih sudah membalas komentar saya 🙂

    Repository url saya adalah https://[email protected]/mvc3-7.git dan ketika saya mengetikkan url tersebut pada browser, muncul confirm dari appharbor sbb: You are about to log in to the site “appharbor.com” with the username “hanna”, but the website does not require authentication. This may be an attempt to trick you.
    Is “appharbor.com” the site you want to visit?

    Sebenarnya saya ingin menggunakan Git untuk diaplikasikan pada project dot net MVC 3 adik didik saya karena saya dengarGit ini sedang tren sekarang dan digunakan oleh banyak orang.

    Adik didik saya sedang mengerjakan proyek untuk build an information system of Advance Works Cycles. Dari 50 orang anggota tim (termasuk PM dan PIC) terdapat 10 orang programmer yang berasal dari dua kelas yg berbeda (anak TI dan MI) dan rencananya, sistem informasi tersebut akan diletakkan pada satu PC server di ruangan MI yang nantinya akan diakses oleh 10 programmer tersebut dan pengerjaan dilakukan di masing-masing PC mereka.
    Sekarang saya bingung, bagaimana cara mengenali PC tersebut sebagai repository nya, terus cara mendapatkan linknya bagaimana (ini masih penggunaan git, bukan github, hehe, karena tidak ada akses jaringan keluar kampus)?

    Bersediakah saudara untuk memberikan solusi atau tutorial untuk kasus ini?
    Terima kasih 🙂

    Reply
  5. Toni Dermawan Post author

    Hi Hanna,

    1) Saya belum pernah mencoba mengakses repository url dengan menggunakan browser. Setelah saya coba, appharbor tidak mendukung pengaksesan repository via browser. Tidak seperti github yang mendukung akses repository via browser.

    2) Benar sekali, git saat ini sedang populer terutama di komunitas open source developer. Hanya saja untuk pengguna Windows, git memiliki fitur-fitur yang terbatas tidak seperti git di Linux. Untuk kebutuhan development, fitur-fitur git di Windows sudah bisa digunakan.

    3) Sangat menarik menggunakan git untuk mengerjakan proyek pembuatan aplikasi. Mungkin juga bisa menggunakan continuous integration (CI) system (seperti TFS, teamcity, maven, dll) agar source code aplikasi bisa di-test, di-build dan di-deploy ke dalam server.

    Saya pernah mengoprek CI system dengan source control menggunakan git, build system menggunakan teamcity. Bisa di-install di jaringan lokal.

    Untuk solusinya akan saya japri via email.

    Terima kasih.

    Reply
  6. Pingback: Penggunaan Node.JS dengan Metro.CSS di AppHarbor : CloudIndonesiA

  7. Pingback: Deploy Website PHP ke AppHarbor : CloudIndonesiA

  8. mila

    kaka kaka mohon bantuannya saya awam dg cloud computing untuk jasa cloud yg free untuk deploy app dg bahasa php yg recommended apa ya?
    untuk implementasi tugas akhir kaka. mohon bantuannya. terimakasih

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *