Güvenilir Web Etkinliği

Web uygulamanızı nasıl doğrularsınız - ve ondan bir Android uygulaması oluşturma

Bana güveniyor musun?

Bir süredir web uygulamaları, uygulamanın karmaşıklığına bağlı olarak çok az çabayla yerel bir uygulamaya dönüştürülebilir. Örneğin, Capacitor.js veya Cordova gibi çerçeveler bu tür işlevsellik sunar ve aynı zamanda açık kaynaklı yazılımlardır. Bir web uygulamasını yerel olarak sunmak için, web uygulamasını yerel olarak oluşturmanız, çerçeveye bu derleme çıktısının nerede olduğunu söylemeniz ve temel olarak uygulamalar oluşturulana kadar beklemeniz gerekir. Temel konsept, web sitenizin yalnızca gömülü bir web görünümünde çalışmasıdır. Google'ın "Güvenilir Web Etkinliği"ni sunarak işler şimdi bir kez daha değişmek üzere.

PWA++

“Güvenilir Web Etkinliği” (TWA) nedir? İşte işin özü:

  • Google Play Store bağlamında bir "Güvenilir Web Etkinliği" ve bir PWA'dan oluşturulan yerel bir Android uygulaması kullanılır
  • "Varlık bağlantıları" adlı bir kimlik bilgisi oluşturarak Android uygulaması için PWA'nızın sahipliğini doğrulayabilirsiniz - bu, Google Play'in gerekli olduğu yerdir.
  • Google, bu "varlık bağlantıları" dosyasını web uygulamanızın genel dizinine yükleyerek, yerel Android uygulaması hiç kimse olmadığında PWA'nın sahipliğini doğrulayabilir, ancak siz onu oluşturabilirsiniz.

Pekala, bu TWA'nın arkasındaki konsepte kısa bir genel bakıştı. Özetlemek gerekirse, "güven" kısmı, PWA'nızın sahipliğinin doğrulanmasıyla ilgilidir.

Bir yeni TWA, lütfen!

Tamam, ama aslında nasıl çalışıyor? Kurulum aslında gerçekten basittir ve bir saatten fazla sürmemelidir. İşte nasıl yapıldığı:

İlk olarak, PWA'nızın doğru şekilde kurulduğundan emin olun:

  • manifest.json kullanılabilir ve doğrulanmıştır
  • simge + ad doğru
  • bu değişiklikleri DevTools'ta hızlı bir şekilde kontrol edebilirsiniz

Tüm ağır yükleri kaldıracak ana kitaplığa, eğitim boyunca kullanılacak bir CLI sunan bir Node.js paketi olan "bubblewrap" adı verilir.

İlk olarak, TWA için “twa” adında yeni bir dizin oluşturun. "twa"nın içinde "android" adında bir dizin daha oluşturacağız. "twa"nın kendisi, node_modules ve gerçek yerel Android uygulamasını "android" içerecektir.

Yeni bir npm projesi başlatmak için artık "twa" içinde olduğunuzdan emin olun:

npm init -y

Şimdi CLI'yi geliştirici bağımlılığı olarak ekleyelim:

npm i -D @bubblewrap/cli

Şimdilik ihtiyacımız olan tek şey bu. O zaman "bubblewrap" projesini başlatalım. Sadece etki alanını sizinkiyle değiştirin ve “manifest.json” un nerede olduğunu kontrol edin. Zaten yüklüyse yeniden kullanabileceğiniz Java SDK + Android SDK konumları istenecektir:

npx bubblewrap init --manifest=https://your-pwa.com/manifest.json

Devam edersek, "bubblewrap" CLI ile bazı soruları ve cevapları gözden geçirmenin zamanı geldi. PWA'nızdaki mevcut meta verilere bağlı olarak, alanların çoğu önceden doldurulmuş olacaktır:

npx bubblewrap build

Artık PWA'nız tanımlandığına ve Android uygulaması oluşturulduğuna göre, hızlı bir duman testi zamanı. Ya bir öykünücüyü başlatın ya da tercih ettiğiniz gerçek test cihazını kullanın:

npx bubblewrap install

Her şey yolunda giderse, web uygulamanızı çalışan bir yerel Android uygulaması olarak görürsünüz. Harika, en zor kısım zaten tamamlandı!

Geriye “assetlinks.json” adlı doğrulama dosyasının oluşturulması kalıyor. Uygulama paketini Google Play'e yüklemek istediğinizi varsaydığım için, imzalamanın gerçekte nasıl yönetildiğini not etmek önemlidir:

  • Google Play, imzalama anahtarlarını sizin için yönetecektir; bu, Google Play Console'da karşılık gelen SHA-256 değerini aramamız gerektiği anlamına gelir.
  • "bubblewrap", farklı bir SHA-256 karma içeren tek girişli bir "varlık bağlantıları" dosyası oluşturmuş olabilir - endişelenmeyin, hem Google Play'den hem de oluşturulan anahtarı kullanacağız

"Varlık bağlantıları" dosyası oluşturulmamışsa, test cihazıma "Varlık Bağlantıları Aracı"nı (Google tarafından önerilir, ekteki bağlantı) indirmek ve oluşturulan imzalı test uygulamasından SHA-256'yı okumak ve "bubblewrap" tarafından yüklenir. Bu json daha sonra sizin tarafınızdan kullanılabilir. Yalnızca ilk girişi kopyaladığınızdan ve SHA-256'yı Google Play'den gelenle değiştirdiğinizden emin olun; bu, yalnızca imzalama anahtarlarında farklılık gösteren 2 girişli bir "varlık bağlantıları" dosyasıyla sonuçlanır.

Neredeyse bitti, şimdi sadece mevcut PWA'nızın ortak klasöründe yeni bir dizin oluşturmanız ve uygulamayı bir kez yüklemeniz gerekiyor:

.well-known/assetlinks.json

Artık Google bunu okuyabilir ve sahipliğini doğrulayabilir.

Bir adım daha...

Artık geriye kalan tek şey sürüm paketini Google Play'e yüklemek ve yayınlamak! Evet, aslında bu kadar basit. Google gerçekten internette mümkün olanı zorluyor ve yeni şeyler denemekten korkmuyor. "Güvenilir Web Etkinliği", şu anda Android ile sınırlı olmasına rağmen, web ve yerel arasındaki boşluğu daha da kapatmanın yeni bir yoludur.

Oh, ve evet: elbette bu web uygulaması bir PWA ve bir TWA'dır. Android uygulamasını Google Play'de inceleyebilirsiniz, bağlantı ekte aşağıdadır.

  • Tom