Chrome Eklentinizi Oluşturun

Merhabalar,

Bugün kendi Chrome eklentinizi nasıl oluşturacağınız hakkında sizlere bilgi vermeye çalışacağım. Bu yazımı bir serinin başlangıcı olarak görebilirsiniz.

Chrome eklentisi yazmak bir geliştirici olarak başta bana zor gibi gelse de daha sonrasından aslında ne kadar kolay olduğunu anlamış bulundum. Esasen bu serinin amacı eklenti yazmanın kolaylıklarından bahsetmek olacak.

Chrome Eklentisi Nedir?

Chrome eklentileri, Chrome web tarayıcısı içerisinde çalışan ve bazı tanımlayıcı bilgiler ile birlikte web tarayıcısında bulunan sekme, sayfa veya tarayıcının bilgilerini de bazı izinler doğrultusunda kolaylıkla oluşturabilmenizi sağlayacağınız, insanların hayatlarını kolaylaştırıcı eklentiler yazabildiğiniz bir framework yapısıdır.

Nereden Başlamam Gerekir?

Bu yazının sonunda kendi Chrome Eklentimizi nasıl Chrome içerisine tanıtabileceğimizi göreceğiz. Google’ın elbette eklenti yazmak ile alakalı bir kaynağı bulunuyor ve buradan ulaşabilirsiniz.

Hangi Programlama ve Etiketleme Dillerini Bilmem Gerekiyor?

Chrome eklentisi yazabilmeniz için HTML, CSS ve Javascript dillerini bilmeniz gerekiyor. İhtiyaç duyabileceğiniz çoğu şey için Javascript alt dillerini kullanabilirsiniz. XML ön bilgisine sahip olmanız sizlere şu an için faydası dokunacaktır.

Hadi başlayalım!

1. Manifest Dosyası Oluşturma

Manifest dosyası bir JSON uzantılı dosyadan oluşmakta olup, Chrome’un sizin eklentinizi tanımak için çeşitli ayarlamaları yaptığınız, yetkilendirmeleri ayarladığınız kısımdır. Bu kısımda eklentimizi tanımlayacak tüm ayarlamaları birlikte tamamlayalım.

• Öncelikle kendinize bir klasör oluşturun. Klasör isminde boşluk karakteri olmamasına ve türkçe karakterler (ğ,ü,ş,ç,ö) içermemesine dikkat ediniz.

• Klasörünüzün içerisine girin ve Notepad veya farklı editörler yardımıyla manifest.json isminde bir dosya oluşturunuz.

• Her JSON içeriğinin başladığı gibi kırlangıçlarımızı açalım.
• Temel gerekli olan bazı parametrelerin girişini yapalım ve sonrasından açıklamalarını yapıyor olacağım.

• name: Eklentinizin ismi ne olacaksa buraya giriniz. Boşluk bırakabilirsiniz.
• version: Projenizin versiyonunu buradan belirtebilirsiniz. Buraya belirteceğiniz sayıyı [major].[minor] şeklinde belirtiniz. Versiyon numaranıza 1.0 gibi bir sayıyla başlamak yerine minor artan hazırlamanız ve projeyi tamamladıktan sonra major sayısını artırmanız sizler için avantajdır. İlerleyen zamanlarda buraya vereceğiniz versiyon numarasını artırmanız durumunda Chrome eklentiniz otomatik olarak güncellenecektir (dağıtılacaktır)
• description: Eklentiniz kurulduğu esnada hangi açıklama ile karşılamak istiyorsunuz? Açıklamanızı çok uzun paragraflar olmaksızın tek cümle ile açıklayınız. Türkçe karakter kullanabilirsiniz.

Şimdi dosyamızı kaydedelim ve nasıl eklentimizi Chrome eklentisi olarak ekleyeceğimizi görelim.

Chrome Eklentisi Olarak Projemizi Tanıtmak

• Chrome’a giriş yaparak adres satırına chrome://extensions yazınız ve Enter tuşuna basınız.

• Karşınıza Chrome eklentilerinizin bulunduğu sayfa belirecektir.

• Sol üst kısımda yer alan butonlardan ‘Paketlenmemiş öğe yükle’ seçeneğini seçiniz. Karşınıza dosya ve klasör seçici gelecektir.

• Projenizi açmış olduğunuz klasörü seçiniz.

• Yazım hatanız bulunmuyor ise manifest.json dosyanız Google Chrome tarafından okunacak ve eklentilerinizin eklenme işlemi tamamlanacaktır.

Tebrikler! Bu yazımızda nasıl kendi eklentinizi Chrome Uzantılar içerisine tanıtacağınızı gerçekleştirdik. Bir sonraki yazımızda eklentimize nasıl simge ataması yapacağımızı anlatıyor olacağım.

Aklınıza takılan her türlü soru, görüş ve önerilerinizi bana [email protected] mail adresinden sorabilirsiniz. Sizlere yardımcı olmaktan mutluluk duyacağım!

Bir sonraki yazımda görüşmek dileklerimle.