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
