Chrome kiosk uygulamaları oluşturma ve dağıtma

Bu makale, Chrome uygulamaları geliştirme konusunda deneyime sahip Chrome yöneticileri ve geliştiricileri içindir.

Bir Chrome yöneticisi olarak, ChromeOS cihazları dijital tabela veya etkileşimli ekran gibi tek amaca yönelik cihazlara dönüştürebilirsiniz. Chrome Web Mağazası'ndan kullanıma hazır kiosk uygulamalarını dağıtabilir veya kendi kiosk uygulamanızı oluşturabilirsiniz.

Chrome 57 ve sonraki sürümlerde bazı ChromeOS cihazlar Android uygulamalarını destekler. Android uygulamalarının yönetilen Chrome cihazlara nasıl yükleneceği hakkında bilgi için Kiosk olarak çalıştırılan Chrome cihazlarda Android uygulamalarını kullanma başlıklı makaleyi inceleyin.

Dikkat edilmesi gerekenler

ChromeOS cihazlarda kiosk uygulamaları dağıtmadan önce cihazları kaydettirmeniz gerekir. Ayrıntılı bilgi için ChromeOS cihazları kaydettirme başlıklı makaleyi inceleyin.
Kiosk uygulamaları oluşturmak için Chrome paket uygulamalarını kullanabilirsiniz. Ancak, barındırılan uygulamaları kullanamazsınız.
Tam ekran modunda çalışacak şekilde ayarlanmış Chrome uygulamalarını kullanın.
Chrome uygulaması geliştirme en iyi uygulamalarını takip edin.

1. Adım: Bir Chrome kiosk uygulaması oluşturun

Geliştirici olarak, Chrome cihazlara dağıtabileceğiniz bir kiosk uygulaması oluşturmak için izleyebileceğiniz 2 yol vardır. Mevcut bir web uygulamasını kullanıp bu uygulamayı, Chrome Uygulama Geliştirici'yle kiosk uygulaması olarak paketleyin veya yeni bir web uygulaması oluşturun.

1. Seçenek: Mevcut bir web uygulamasını kullanma

Başlamadan önce: Kiosk uygulamasını oluşturduğunuz bilgisayarda, Chrome tarayıcıya Chrome Uygulama Geliştirici'yi ekleyin.

Uygulamayı oluşturduğunuz bilgisayarda, uygulamanın dosyaları için bir klasör oluşturun.
Chrome Uygulama Geliştirici'yi açın.
Uygulama adını ve başlangıç sürümünü girin.
Başlangıç sürümünü düşük bir sayı (ör. 0.0.0.1) yapın. Bu sayede, yeni sürümler için bu sayıyı artıracak yeriniz olur.
Uygulamanın geçerli ana sayfasının URL'sini girin.
Bu URL, yeni kiosk uygulamasının açılış sayfası olacaktır.
Geri, ileri, yeniden yükle ve oturumu yeniden başlat gibi gezinme denetimlerini seçin.
Zaman aşımı değerlerini belirtin:
- Oturumun boşta kalma zaman aşımı - Tarama verileri silinmeden önce uygulamanın boşta kalması gereken süre.
- Ana sayfaya dönüş için zaman aşımı - Ana sayfaya dönmeden önce uygulamanın boşta kalması gereken süre. Göz atma verileri silinmez.
  Oturumun boşta kalma zaman aşımı ve Ana sayfaya dönüş için zaman aşımı için varsayılan değer sıfır dakikadır. Bir başka deyişle, uygulama zaman aşımına uğramaz.
(İsteğe bağlı) Uygulama kullanıcıları için Hizmet Şartları'nı belirtmek istiyorsanız ilgili metni girin.
(İsteğe bağlı) Çalıştırılacağı cihazın ekranına sığması için ana sayfayı döndürmek üzere bir değer seçin.
Örneğin, dikey düzenle ayarlanmış bir cihazda çalıştırmak için uygulamayı 90 derece döndürün.
Kiosk modu etkin'i seçin.
Kiosk uygulamasını dışa aktar'ı tıklayın.
Uygulama dosyalarını aktarmak istediğiniz yeri belirleyin ve Seç'i tıklayın.

Chrome Uygulama Geliştirici ile bir kiosk uygulaması oluşturduktan sonra, daha fazla dosya ekleyerek uygulamayı özelleştirebilirsiniz.

2. Seçenek: Yeni bir uygulama oluşturma

Basit bir kiosk uygulaması oluşturmak için aşağıdaki adımlarda sağlanan örnek dosyaları kullanın.

Uygulamayı oluşturduğunuz bilgisayarda, uygulamanın dosyaları için bir klasör oluşturun.
Uygulamanın HTML dosyasını oluşturun.
1. Bir metin düzenleyici kullanarak HTML dosyası oluşturun.
  Burada örnek HTML dosyası bulabilirsiniz.
2. Uygulama klasöründe, dosyayı application.html olarak kaydedin.
Manifest dosyasını oluşturun.
1. Bir metin düzenleyici kullanarak JavaScript Object Notation (JSON) dosyası oluşturun. Burada bir örnek JSON dosyası bulabilirsiniz.
2. kiosk_enabled ayarının true yapıldığından ("kiosk_enabled": true) emin olun.
3. (İsteğe bağlı) Bir uygulamanın normal bir uygulama olarak çalışmasını önlemek için kiosk_only ayarını true yapın ("kiosk_only": true).
4. (İsteğe bağlı) Web sayfalarının, kiosk uygulamasının web görünümü kontrolünde ilk yüklenme süresini hızlandırmak için, web görünümü etiketinde partition="persist:" ifadesini belirtin.
  Ayrıntılı bilgiyi, partition özelliği için geliştirici bilgileri bölümünde bulabilirsiniz.
5. Seçtiğiniz üçüncü taraf JSON doğrulama aracıyla JSON kodunun doğru şekilde biçimlendirildiğinden emin olun.
6. Uygulama klasöründe, dosyayı manifest.json olarak kaydedin.
Uygulamanın yüksekliğini ve genişliğini belirtin.
1. Bir metin düzenleyici kullanarak CSS dosyası oluşturun. Burada bir örnek CSS dosyası bulabilirsiniz.
2. Uygulama klasöründe, dosyayı application.css olarak kaydedin.
  Not: Kiosk uygulamaları otomatik olarak tam ekran olacak şekilde genişler.
(İsteğe bağlı) Kullanıcıların kiosk oturumunu sonlandırmasına izin vermek için:
1. Bir metin düzenleyici kullanarak JavaScript dosyası oluşturun. Burada bir örnek JS dosyası bulabilirsiniz.
2. Uygulama klasöründe, dosyayı application.js olarak kaydedin.
Arka plan komut dosyasını oluşturun:
1. Bir metin düzenleyici kullanarak JavaScript dosyası oluşturun. Burada bir örnek JS dosyası bulabilirsiniz.
2. Uygulama klasöründe, dosyayı background.js olarak kaydedin.
Uygulama için uygulama simgeleri oluşturun ve bunları uygulama klasörüne kaydedin:
1. 128x128 piksel bir simge oluşturup 128.png olarak kaydedin.
2. 96x96 piksel bir simge oluşturun ve 96.png olarak kaydedin.

Alternatif olarak, gezinme kontrolleri ve sıfırlama düğmesi olan bir test uygulaması için uygulama dosyaları içeren bu örnek ZIP dosyası kullanılabilir. Uygulamanın canlı bir sürümü olan Chrome tarayıcı Kiosk Uygulaması 1.0, Chrome Web Mağazası'nda yayınlanır. Dosyaları istediğiniz metin düzenleyicide düzenleyebilirsiniz.

2. Adım: Kiosk uygulamasını test edin

Geliştirici olarak, kiosk uygulamanızın bir ChromeOS cihazda çalışıp çalışmadığını kontrol edin.

Bir Chrome cihazda Google Hesabınızda oturum açın.
Uygulama klasörünü test cihazınıza kaydedin.
chrome://extensions/ sayfasına gidin.
Sağ üstte, Geliştirici modu'nu etkinleştirin.
Paketlenmemiş öğe yükle'yi tıklayın.
Uygulama klasörünü bulup seçin.
Chrome tarayıcıda yeni bir sekme açın ve Uygulamalar uygulamayı tıklayın. Uygulama veya uzantının düzgün şekilde yüklendiğinden ve çalıştığından emin olun.
Gerekirse, manifest.json dosyasında değişiklikler yapın, uygulama klasörünü barındırın ve yeniden test edin. Uygulama gerektiği şekilde çalışana kadar testi tekrarlayın.

3. Adım: Chrome Web Mağazası'nda yayınlayın

Bir geliştirici olarak uygulamaları ve uzantıları herkes için kullanılabilir hale getirebilir ya da bunları kimlerin yükleyebileceğini belirleyebilirsiniz. Chrome Web Mağazası'nda kiosk uygulamaları yayınlamanın 2 yolu vardır:

Genel - Uygulamayı herkes görebilir ve yükleyebilir.
Liste Dışı - Yalnızca bağlantısına sahip olan kullanıcılar uygulamayı görebilir ve yükleyebilir. Uygulama, Chrome Web Mağazası arama sonuçlarında görünmez. Uygulama bağlantısını alanınızın dışından kullanıcılarla paylaşabilirsiniz.

Chrome Web Mağazası'na bir kiosk uygulaması eklemek için:

Dosyalarınızı içeren klasörü sıkıştırın.
Publish in the Chrome Web Store (Chrome Web Mağazası'nda yayınlama) sayfasındaki adımları uygulayın.

4. Adım: Kiosk uygulamasını dağıtın

Yönetici olarak, kiosk uygulamasını Google Yönetici konsoluna ekleyebilirsiniz.

Google Yönetici konsolu hesabınızda oturum açın.
Yönetici hesabınızı (@gmail.com ile bitmeyen hesap) kullanarak oturum açın.
Yönetici Konsolu'nda Menü Cihazlar Chrome Uygulamalar ve uzantılar Kiosklar'a gidin.
To apply the setting to all users, leave the top organizational unit selected. Otherwise, select a child organizational unit.
Fare imlecini Ekle'nin üzerine getirin ve Chrome Web Mağazası'ndan ekle'yi tıklayın.
Dağıtmak istediğiniz uygulamayı arayın ve Seç'i tıklayın.
İstenirse, kuruluşunuz adına uygulama izinlerini kabul edin.
Sağdaki panelde uygulama ve uzantı politikalarını belirleyin. Ayarlar hakkında daha fazla bilgi
Kaydet'i tıklayın.

İlgili konular

Google ve ilgili markalarla logolar Google LLC'nin ticari markalarıdır. Diğer tüm şirket ve ürün adları, ilişkili oldukları şirketlerin ticari markalarıdır.

Bu size yardımcı oldu mu?

Bunu nasıl iyileştirebiliriz?