"Enter"a basıp içeriğe geçin

PhoneGap Nedir? Nasıl Kurulur?

Merhaba Arkadaşlar,

Siz de benim gibi şu mobil cihazlar için uygulamaların nasıl geliştirildiklerini merak ediyorsanız eğer beraber öğrenmeye ne dersiniz?

Mobil cihazlarda kullanılan Android, IOS v.s. gibi bir çok işletim sistemleri mevcut bildiğiniz gibi hepsi ayrı bir platform bunlardan Android bir cihaza uygulama geliştirmek istiyorsanız eğer JAVA, IOS bir cihaza uygulama geliştirmek istiyorsanız eğer Objective-C bilmeniz aynı zamanda MAC OS bir işletim sistemi ve hepsi için ayrı ayrı kod yazmanız gerekiyor. Ta ki PhoneGap ile tanışana kadar. 🙂

PhoneGap; Adobe tarafından satın alınmadan önce adı Apache Cordova idi. PhoneGap web programlama ile ilgilenenler ve HTML, CSS ve JavaScript bilen herkes için platform bağımsız olarak uygulama geliştirmeye olanak sağlayan bir framework.

build-diagram

 Phonegap Kurulumu

Phonegap kullanabilmeniz için ilk önce NodeJS ihtiyacınız var. NodeJS indirip aşağıdaki ekran görüntüleri ile kurulum yapıyor pek zor bir şey değil.

Nodejs01
NodeJS Kurulum 01

İndirip kurmaya başladığında bizi yukarıdaki gibi bir ekran karşılıyor. Next’e tıklıyoruz ve ilerliyoruz.

Nodejs02
NodeJS Kurulum 02

Lisans sözleşmesini de onayladıktan sonra Next’e tıklıyoruz ve ilerliyoruz.

Nodejs03
NodeJS Kurulum 03

NodeJS kurulum dizini geliyor değişiklik yapmamıza gerek yok. Next’e tıklıyoruz ve ilerliyoruz.

Nodejs04
NodeJS Kurulum 04

NodeJS ile birlikte kurulacak olan eklentiler seçim ekranı hepsi aktif olarak geliyor. Next’e tıklıyoruz ve ilerliyoruz.

Nodejs05
NodeJS Kurulum 05

Son adım olarak Install butonuna tıklıyoruz ve kuruluma başlıyoruz.

Nodejs06
NodeJS Kurulum 06

Kurulum başlıyor.

NodeJS kurduğumuza göre şimdi sistemimize PhoneGap’ı dahil etmeye geldi. Başlat / Çalıştır açıyoruz.

cmd.exe
cmd.exe

cmd yazarak komut sistemini başlatıyoruz

cmd01

C:\> npm install -g phonegap

cmd02
Kurulum kodu

Yukarıdaki komutu yazarak framework ü sistemimize dahil ediyoruz.

cmd03
Kurulum Ekranı

Kurulum bitti şu an sıra geldi. Örnek bir proje oluşturmaya ben projelerimi  D sürücümde Project klasörü altında oluşturacağım için ilk önce komut sisteminde oraya gidiyorum.

cmd04

c:\>d:
d:\>cd project
d:\>phonegap create my-app

cmd05

my-app adında örnek projem oluşturuldu. Belirttiğim dizine gittiğimde aşağıdaki gibi bir klasör yapısı ile karşılaşıyoruz.

project01
Klasör yapısı

Şimdi projemizi çalıştıralım. İlk önce projemizin klasörüne giriyoruz.

d:\Project>cd my-app

Web browser da görüntülemek için aşağıdaki kodu yazıyoruz ve web serveri başlatmış oluyoruz.

d:\Project\my-app>phonegap serve

cmd06

Server hazır listening on kısmında verdiği 192.168.1.108:3000 ip adresini web browser a yazıyoruz.

browser

İşte bu kadar inşallah anlatabilmişimdir. Bir sonraki yazımda görüşmek üzere..

2 Yorum

  1. yılmaz yılmaz 22 Aralık 2017

    s.a kardeş.. dediğin gibi phonegap create my-app yazdım ama konsol bana “phonegap diye bir komut yok” diyor ne yapmalıyım ??

    • Ehliman ŞEN Ehliman ŞEN 22 Aralık 2017

      npm install -g phonegap

      komutu ile phonegap’ı sisteminize dahil etmeniz gerekiyor.

Bir Cevap Yazın