Megbízható webes tevékenység

A webalkalmazás érvényesítése - és Android-alkalmazás létrehozása belőle

Bízol bennem?

Egy ideje a webalkalmazások az alkalmazás komplexitásától függően kis erőfeszítéssel átalakíthatók natív alkalmazássá. Például az olyan keretrendszerek, mint a Capacitor.js vagy a Cordova, ilyen funkcionalitást kínálnak, és nyílt forráskódú szoftverek is. Ahhoz, hogy webes alkalmazást natívként kínálhasson, helyileg kell elkészítenie a webalkalmazást, meg kell mondania a keretrendszernek, hogy hol található ez a buildkimenet, és alapvetően meg kell várnia, amíg az alkalmazások létrejönnek. Az alapkoncepció az, hogy webhelye csak beágyazott webnézetben fut. Nos, a dolgok most ismét megváltoznak a Google „Megbízható internetes tevékenysége” bevezetésével.

PWA ++

Mi az a „Trusted Web Activity” (TWA)? A lényeg a következő:

  • A „Megbízható internetes tevékenység” a Google Play Áruház és a PWA-ból létrehozott natív Android-alkalmazás kontextusában használatos
  • Az „eszközlinkek” nevű hitelesítő adatok létrehozásával igazolhatja PWA-jának Android-alkalmazáshoz való tulajdonjogát - erre van szükség a Google Play számára
  • Ha feltölti ezt az „assetlinks” fájlt webalkalmazása nyilvános könyvtárába, a Google igazolhatja a PWA tulajdonjogát, amikor a natív Android-alkalmazás megkapja, így senki sem hozhatja létre.

Rendben, ez egy rövid áttekintés volt a TWA mögött álló koncepcióról. Összefoglalva, a „bizalom” rész a PWA tulajdonjogának igazolására vonatkozik.

Kérem egy új TWA-t!

Ok, de hogy is működik valójában? A beállítás valójában nagyon egyszerű, és nem tarthat tovább egy óránál. Így történik:

Először ellenőrizze, hogy a PWA megfelelően van-e beállítva:

  • manifest.json elérhető és érvényesített
  • ikon + név helyes
  • ezeket a változásokat gyorsan ellenőrizheti a DevTools-ban

A fő könyvtárat, amely az összes nehéz emelést elvégzi, „bubblewrap” -nak hívják, egy Node.js csomagnak, amely CLI-t biztosít, amelyet az oktatóanyag egészében használni fog.

Először hozzon létre egy új könyvtárat a TWA-nak, „twa” néven. A „twa” belsejében létrehozunk még egy könyvtárat, az „android” nevet. Maga a „twa” tartalmazza a node_modules és az „android” a tényleges natív Android alkalmazást.

Győződjön meg róla, hogy belépett a „twa” -ba, hogy új npm projektet indítson:

npm init -y

Most adjuk hozzá a CLI-t dev-függőségként:

npm i -D @bubblewrap/cli

Most csak erre van szükségünk. Kezdjük akkor a „bubblewrap” projektet. Csak cserélje ki a domaint a sajátjával, és ellenőrizze, hogy hol található a „manifest.json”. Meg kell adnia a Java SDK + Android SDK helyeket, amelyeket újból felhasználhat, ha azok már telepítve vannak:

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

Továbblépve itt az ideje, hogy átnézzünk néhány kérdést és választ a „bubblewrap” CLI segítségével. A PWA-ban rendelkezésre álló metaadatoktól függően a mezők nagy része már előre kitöltött:

npx bubblewrap build

Most, hogy azonosították PWA-ját és létrehozták az Android alkalmazást, itt az ideje egy gyors füsttesztnek. Vagy indítson egy emulátort, vagy használja a választott valódi eszközt:

npx bubblewrap install

Ha minden jól sikerül, akkor webalkalmazását működő natív Android-alkalmazásként fogja látni. Remek, a legnehezebb rész már megtörtént!

Maradt az „assetlinks.json” nevű ellenőrző fájl létrehozása. Mivel feltételezem, hogy az alkalmazáscsomagot fel akarja tölteni a Google Playre, fontos megjegyezni, hogy az aláírást valójában hogyan kezelik:

  • A Google Play kezeli az aláíró kulcsokat az Ön számára, ami azt jelenti, hogy meg kell keresnünk a megfelelő SHA-256 értéket a Google Play Console-ban.
  • Lehet, hogy a „bubblewrap” már létrehozott egy „assetlinks” fájlt egy bejegyzéssel, amely más SHA-256 hash-t tartalmaz - semmi gond, a Google Play és a létrehozott kulcsokat egyaránt használjuk

Ha nem hoztak létre „assetlinks” fájlt, akkor az eljárást úgy folytattam, hogy letöltöttem az „Asset Links Tool” -t (a Google által ajánlott, link a függelékben) a tesztelő eszközömre, és felolvastam az SHA-256-ot a létrehozott, aláírt tesztalkalmazásból, és telepítette a „bubblewrap”. Ezt a json-t akkor használhatja fel ön. Csak győződjön meg róla, hogy lemásolja az első bejegyzést, és cserélje le az SHA-256-ot a Google Playről származó bejegyzésre, így 2 bejegyzéssel rendelkező „assetlinks” fájlt kap, amely csak az aláírási kulcsokban különbözik.

Majdnem kész, most csak létre kell hoznia egy új könyvtárat a meglévő PWA nyilvános mappájában, és egyszer feltöltenie az alkalmazást:

.well-known/assetlinks.json

Most a Google elolvashatja és igazolhatja a tulajdonjogát.

Még egy lépés...

Már csak az van hátra, hogy feltölti a kiadási csomagot a Google Playre, és kiadja! Igen, valójában ilyen egyszerű. A Google valóban tolja, ami lehetséges az interneten, és nem fél új dolgokat kipróbálni. A „Megbízható webes tevékenység” egy új módja annak, hogy még jobban áthidalja a webes és a natív közötti szakadékot, bár jelenleg csak Androidra korlátozódik.

Ja, és igen: természetesen ez a webalkalmazás egy PWA és egy TWA. Megtekintheti az Android alkalmazást a Google Playen, a link az alábbi függelékben található.

  • Tom