[Nasıl?]Mozilla addons geliştirmek.

Nasıl? (Mozilla eklenti geliştirme)

 

1.   Eklenti geliştirmek için öncelikle ihtiyacımız olan şey sistemimizde Python 2.x Sürümlerinden biri olmalı henüz 3.x sürümleri desteklenmiyor.

2.  Firefox’un yüklenmiş olması gerekiyor.

Son olarak Add-ons SDK sını indirmeye ihtiyacımız var buradan.

Daha sonra SKD’yı aktifleştirmek için aşağıdaki komutları terminalden sırayla giriyoruz. Ben Ubuntu 14.04 kullandığım için onun üzerinden gösteriyorum.

İndirdiğiniz SDK dosyasını zipten çıkarıyoruz daha sonra zipten çıkardığımız dosya dizinine cd komutu ile giriyoruz.

cd Desktop/addon-sdk-1.17/

İkinci olarak:

source bin/activate

komutu giriyoruz ve sdk mız aktif oldu en son resimdeki son satırın karşınıza çıkması gerekiyor.

Screenshot from 2015-03-05 12:40:32
mozillla add ons sdk

 

Linux sistemleri için bu adımlar windows sistemleri için aynı şekilde zipten çıkarıp komut satırından o dizine ulaşıyoruz cd komutu ile sonra

bin\activate

komutunu girdikten sonra SDK satırına düşmüş olacağız.

 

Şimdi sıra geliştirme aşaması için dosyalarımızı oluşturmaya geldi son şekilde SDK satırına

mkdir eklentim

adında bir klasör açıyoruz bunu elle de yapabilirsiniz.

daha sonra SDK satırından

cd eklentim

yazarak yeni oluşturduğumuz klasöre giriyoruz buradan cir cfx komutu gireceğiz.

cfx init

Bu komut eklenti için gerekli dosyaları otomatik olarak oluşturacak. Bu komut sonrasında aşağıdaki gibi bir çıktı görünecek terminal ekranında:

Screenshot from 2015-03-05 12:55:05
mozilla add ons dosyaları oluşturma

 

Şimdi bu kısımda biraz bu dosyalardan bahsetmek istiyorum.

lib klasörü içerisinde main.js dosyası var bu dosda eklentinin iskeleti için gerekli olan ayarları yazıyoruz  mesela eklentinin simgesine tıklandığında popup açılması gibi veya popup u simgeye yapıştırma gibi ayarlar pencere genişliği gibi örnek olaran aşağıdaki gibi bir örnek göstereyim kendi eklentimden:

Screenshot from 2015-03-05 13:01:07
mozillla add ons main.js dosyası

 

 

Bunlar çok kolay şeyler biraz mozilla add-ons skd dökümanlarında araştırarak bulabilirsiniz ve kendiniz üstünde oynama yapabilirsiniz orada örnek kodlar veriliyor zaten gerisi size kalmış.

 

data klasörü içerisinde eklentimizin simgeleri var veya siz eklentiniz için yasarladığınız bir html sayfasını bulundurabilirsiniz bu html sayfası içerisine javascript ile istediğiniz yapabilirsiniz.

 

package.json dosyamızda eklenti bilgileri var eklenti id si yazar başlık gibi bilgiler bulunuyor bunşları kendiniz kurcalayarak görebilirsiniz. name, title gibi başlıkları bulunduruyor gördüğünüz gibi.

Screenshot from 2015-03-05 13:04:35
Mozilla add ons package.json dosyası

 

son olarak bu dosyalarıda tanıttıktan sonra final olarak bir cfx komutu giriyoruz ve eklentimizi canlı bir şekilde çalıştırabiliyoruz.

cfx run

karşımıza bir firefox sayfası açılacak tabi biz henüz işlem yapmadığımız için hiçbirşey göremeyeceksiniz.

bunun için mozilla addons dökümanında ilk örnek olarak tıklandığında mozilla ana sayfasına giden bir eklenti örneğini yapabilirsiniz.

Buradan Implementing the add-on başlığı altından kodlara ulaşabilirsiniz gerekli ayarları yaptıktan sonra cfx run komutu vermeniz yeterli olacaktır.

Eklentinizin denemelerini yapıp bitirdikten osnra artık mozilla add-ons markete yüklemek için hazırsınız bunun için yapmamız gereken son bir komut daha var.

cfx xpi

.xpi uzantılı dosya sizin uygulamanız için markete yüklemeniz dosya.

 

mozilla add-ons ile iyi eylenceler…

 

 

 

 

 

Leave a Reply