-
Merhaba, Ben Daniel Buchner, Mozilla eklenti geliştirme gereci Ürün Sorumlusuyum.
-
Bugün size geliştirme gereci kullanarak nasıl Firefox eklentisi yapıldığını göstereceğim.
-
Eklenti geliştirme gereci, FF eklentilerini JS, HTML ve CSS kullanarak geliştirebildiğiniz
-
eklentiler için Yazılım Geliştirme Kitine (SDK) uygun, ağ tabanlı bir geliştirme ortamı.
-
Başlamadan önce, eklenti SDK'sı ya da geliştirme gereci sayesinde geliştirilen
-
tüm eklentilerin önemli bir ortak özelliğini hatırlatayım:
-
Firefox yeniden başlatılmadan kurulabiliyorlar.
-
Şimdi eklenti gereciyle nasıl basit bir eklenti yapıldığına bakalım.
-
Başlamak için rotayı builder.add-ons.mozilla.org adresindeki gerece çevirmenizi istiyorum.
-
add-ons.mozilla.org adresindeki hesaplarla geliştirme gereci kullanılabiliyor
-
yani zaten AMO hesabı açtıysanız aynı kullanıcı adı ve parola ile bu siteye de girebilirsiniz.
-
Eğer AMO hesabınız yoksa,
-
'get one' düğmesine tıklayarak yeni bir hesap açabilirsiniz.
-
Benim zaten AMO hesabım vardı, dolayısıyla giriş yaparak başlıyorum.
-
'create new add-on' düğmesine bastığınızda
-
çalışacağınız geliştirme ortamına bağlanıyorsunuz. Böylece kod editörü,
-
solda ağaç özellikli dosya gezgini ve editör araç çubuğunda birkaç yardımcı araç karşınıza çıkıyor.
-
Gelin kod yazmaya girişmeden önce hızlıca ağaç yapısını kullanarak
-
eklentiyi tanımaya başlayalım.
-
Dosyalar ağacındaki lib klasörünin içinde
-
eklentide kullnılacak JS modülleri yer alıyor olacak.
-
Kodun önemli bölümü burada yaşıyor olacak denebilir.
-
'lib' klasörünün altındaki 'data' klasörüyse
-
eklentinizin çalışmak için ihtiyaç duyacağı kaynakların konabileceği yer,
-
bunlar resim, HTML dosyaları, betikler olabilir.
-
Son olarak 'libraries' klasörünü kullanarak hangi
-
yazılım geliştirme kiti (SDK) sürümünü kullanacağınızı seçebilirsiniz.
-
En güncel SDK yeni bir projeye başladığınızda
-
otomatik olarak seçili gelir.
-
Şimdi yapacağımız basit eklenti için sadece o yeterli.
-
Tekrar 'lib' klasörüne dönüyoruz,
-
burada çoktan otomatik olarak hazırlanmış
-
'main.js' adlı bir dosya olduğunu görebilirsiniz.
-
Bir eklenti yaparken en temel dosya hep bu olur
-
ve unutmayın diye otomatik olarak yaratılır.