İçindekiler
Google Ünlü e-posta yöneticisinden bu yana bir süredir en yenilikçi ve teknolojik olarak sağlam şirketlerden biri haline geldi. Gmail, kullanıcının hayatını çok daha kolay hale getirmek için sahip olduğu binlerce uygulamaya.Ancak kullanıcının hayatını çok daha kolay hale getirdikleri yer, web'de gezinme, tarayıcıları. Google Chrome, hızlı, güçlü, hafif ve otomatik olarak bizim hesabımıza bağlanır. Google, şirketin bize sunduğu tüm uygulamalara erişmemizi sağlıyor, ancak geliştiricilersek ünlü tarayıcı için nasıl uygulama geliştireceğimizi merak etmiş olabiliriz, gerçek şu ki bu oldukça basit bir işlem ama yapmamız gereken bazı şeyler var. önce bil.
Gereklilikiçin uygulamalar geliştirebilmek için tek gereksinim Google Chrome Web uygulaması yapmayı bilmektir, evet bu kadar basit. bilmeliyiz HTML Y JavaScriptve mümkünse bazı CSS Kullanabiliriz, ancak bu bilgi zorunlu olmalıdır, adımların geri kalanı bu eğitimde açıklanacaktır.
Bahsettiğimiz gibi gereklilik bilmektir HTML Y JavaScriptAncak uygulamamızın olması gerektiği gibi çalışması için HTML'mizde uymamız gereken bir dizi kısıtlama veya güvenlik kuralı var, bakalım.
kod olmamalı JavaScript bizim içinde HTML formlarından herhangi birinde veya etiketler aracılığıyla veya aşağıdakiler gibi bir olayın çağrısı için bir nitelik olarak gömülü olarak:
Menüye GitBunu yapmanın doğru yolu kodumuzu eklemektir. JavaScript ilgili dosyalarına ekleyin ve ardından bunları HTML aşağıdaki gibi:
Sonunda dosyamızda js sadece onu ilişkilendirmemiz gerekiyor dinleyiciler ve bununla güvenlik sorunumuzu çözüyoruz.
İçinde navigasyon olmamalı HTML hiçbir şekilde, aşağıdaki gibi bağlantılara sahip olamayız:
Yeni sayfaHerhangi bir eylemle ilişkili formlarımız bile olamaz:
Bu, formları kullanamayacağımız anlamına gelmez, ancak bilgi işlemenin JavaScript Gönder düğmesiyle ilişkili bir olay aracılığıyla. Bu, birden çok arayüz göstermek yerine, onu değiştirmemiz gerektiği anlamına gelir. GÜNEŞ içine elementler enjekte etmek için, bu yüzden uygulamaları Krom çoğu zaman tek sayfadırlar.
dize derlemesiGibi işlevlerle dizeleri derlemekten kaçınmalıyız. setZaman aşımı veya setAralık, bu kısıtlama, saldırılardan kaçınmamızı sağlar. Siteler Arası Komut Dosyası Çalıştırma JavaScript'in HTML'ye enjekte edildiği yer.
Dış kaynaklara erişim kısıtlanmıştır, bu nedenle aşağıdakileri yapmak doğru değildir:
BÜYÜT
Gördüğümüz gibi, basit bir web uygulamasıdır, ancak yorumlanması gerekir. Krom bir uygulamanın iki önemli dosyaya ihtiyacı olduğundan, ilki bir dosyadır manifest.json uygulamayı bir uygulama olarak tanımlayan Krom, bir dosyadır JSON oldukça basit ve uygulamanın özelliklerini tanımlıyor, içeriğine bakalım:
{"app": {"background": {"scripts": ["start.js"]}}, "manifest_version": 2, "name": "Calculator", "version": "1.0"}Bir uygulaması olacağını tanımlayan dosyanın ne olacağını zaten tanımladık. Krom, olur start.js API'sinde tanımlanan olaylar aracılığıyla uygulamanın yürütülmesine izin veren şey budur. Krom, içeriğini görelim:chrome.app.runtime.onLaunched.addListener (işlev () {chrome.app.window.create ('hesaplayıcı.html');});İkincisi ile uygulamamızı çalıştırmak için ihtiyacımız olan her şeye zaten sahibiz, kalan adımlara bakalım.
İlk önce bir örneğini açıyoruz Krom ve uzantılar sayfasına gidiyoruz, orada şöyle görünmesi gereken programcı panelini seçiyoruz:
Seçeneğe tıklayın yeni öğe ekle, bu bizi hizmet şartlarını kabul etmeye yönlendirecek ve ardından uygulamamızı yükleyebilmek için arayüzde olacağız, yükleyebilmek için sıkıştırılmış bir dosyada bulundurmamız önemlidir:
BÜYÜT
Bundan sonra zaten uygulamamız yayınlanmaya hazır hale geliyor, tek sorun bu işlemin tamamlanabilmesi için bir ücret ödememiz gerekiyor, ancak uygulamamızın bilgilerini kaydedebilir ve nasıl göründüğüne dair bir önizleme görebiliriz. uygulama pazarı Krom:
BÜYÜT
Bununla, bir uygulama geliştirmek için neye ihtiyacımız olduğunu görebildiğimiz öğreticiyi bitirdik. Krom, dikkate almamız gereken kısıtlamalar, onu geleneksel bir web uygulamasından ayıran prosedürler ve piyasada yayınlayamasak da bu eylemi gerçekleştirmek için ihtiyacımız olan her şeyi zaten biliyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
BÜYÜT
