ווי צו שאַפֿן אַן אַנדרויד אַפּ פֿון דיין PWA מיט 'Trusted Web Activity'

צי איר צוטרוי מיר?

פֿאַר עטלעכע מאָל, וועב אַפּלאַקיישאַנז קען זיין פארוואנדלען צו אַ געבוירן אַפּ מיט קליין מי, דיפּענדינג אויף די קאַמפּלעקסיטי פון די אַפּ. לעמאָשל, פראַמעוואָרקס ווי Capacitor.js אָדער Cordova פאָרשלאָגן אַזאַ פאַנגקשאַנאַליטי און זענען אויך אָופּאַנד ווייכווארג. צו פאָרשלאָגן אַ וועב אַפּ ווי אַ געבוירן, איר דאַרפֿן צו בויען די וועב אַפּלאַקיישאַן לאָוקאַלי, זאָגן די פריימווערק ווו דאָס בויען רעזולטאַט איז ליגן און בייסיקלי וואַרטן ביז די אַפּפּס זענען באשאפן. די האַרץ באַגריף איז אַז דיין וועבזייטל נאָר לויפן אין אַן עמבעדיד וועבוויעוו. נו, די טינגז זענען ביי צו טוישן זיך ווידער דורך ינטראַדוסינג "טראַסטיד וועב אַקטיוויטי" דורך Google.

PWA ++

וואָס איז "Trusted Web Activity" (TWA)? דאָ ס דער תמצית:

א "טראַסטיד וועב אַקטיוויטי" איז געניצט אין דעם קאָנטעקסט פון Google פּלייַ סטאָר און אַ געבוירן אַנדרויד אַפּ דזשענערייטאַד פֿון אַ PWA
איר קענען באַשטעטיקן די אָונערשיפּ פון דיין PWA פֿאַר די אַנדרויד אַפּ דורך קריייטינג אַ קראַדענשאַל גערופֿן "אַסעטלינקס" - דאָ איז וואָס Google פּלייַ איז נידז
דורך ופּלאָאַדינג דעם "אַסעטלינקס"-טעקע צו דיין וועב אַפּ ס עפנטלעך וועגווייַזער, Google קענען באַשטעטיקן די אָונערשיפּ פון די PWA ווען די געבוירן אַנדרויד אַפּ איז אַזוי אַז קיינער אָבער איר קענען מאַכן עס

אָוקיי, דאָס איז געווען אַ קורץ איבערבליק פון דער באַגריף הינטער TWA. צו דערמאָנען, דער "צוטרוי" טייל דערציילט צו די וועראַפאַקיישאַן פון אָונערשיפּ פון דיין PWA.

איין נייַע TWA, ביטע!

גוט, אָבער ווי קען עס טאַקע אַרבעט? די סעטאַפּ איז פאקטיש טאַקע פּשוט און זאָל נישט נעמען מער ווי אַ שעה. דאָ ס ווי עס איז געשען:

ערשטער, מאַכן זיכער אַז דיין PWA איז ריכטיק:

manifest.json איז בנימצא און וואַלאַדייטאַד
בילדל + נאָמען זענען ריכטיק
איר קענען קאָנטראָלירן די ענדערונגען געשווינד אין דעווטאָאָלס

די הויפּט ביבליאָטעק וואָס וועט נעמען אַלע די שווער ליפטינג איז גערופֿן "bubblewrap", אַ Node.js פּעקל וואָס דיליווערז אַ CLI וואָס וועט נוצן איבער די טוטאָריאַל.

ערשטער, שאַפֿן אַ נייַע וועגווייַזער פֿאַר די TWA גערופֿן "צוויי". ין "צוויי" מיר וועלן מאַכן איין מער וועגווייַזער גערופֿן "אַנדרויד". "צוויי" זיך וועט אַנטהאַלטן די נאָדע_מאָדולעס און "אַנדרויד" די פאַקטיש געבוירן אַנדרויד אַפּ.

מאַכט זיכער אַז איר זענט איצט אין "טוואָ" צו אָנהייבן אַ נייַע נפּם פּרויעקט:

npm init -y

איצט לאָזן די CLI ווי אַ דעווענדאַנס:

npm i -D @bubblewrap/cli

אַז ס אַלע מיר דאַרפֿן פֿאַר איצט. זאל ס יניט די "באַבאַלווראַפּ" -פּראָדזשעקט דעמאָלט. נאָר פאַרבייַטן די פעלד מיט דייַן און קאָנטראָלירן ווו די "manifest.json" איז ליגן. איר וועט ווערן געבעטן פֿאַר די Java SDK + אַנדרויד סדק לאָוקיישאַנז, וואָס איר קענען רייוז אויב זיי זענען שוין אינסטאַלירן:

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

מאָווינג אויף, עס ס 'צייַט צו גיין דורך עטלעכע פֿראגן און ענטפֿערס מיט די "bubblewrap" CLI. דעפּענדינג אויף די פאַראַנען מעטאַדאַטאַ אין דיין פּוואַ, רובֿ פעלדער וועלן שוין זיין פּרעפיללעד:

npx bubblewrap build

איצט אַז דיין PWA איז יידענאַפייד און די אַנדרויד אַפּ איז באשאפן, עס איז צייט פֿאַר אַ שנעל רויך פּרובירן. אָנהייב אַן עמולאַטאָר אָדער נוצן דיין טעסטינג פאַקטיש מיטל:

npx bubblewrap install

אויב אַלץ אַרבעט פייַן, איר וועט זען דיין וועב אַפּ ווי אַ ארבעטן געבוירן אַנדרויד אַפּ. גרויס, די כאַרדאַסט טייל איז שוין געטאן!

וואָס איז לינקס איז די שאַפונג פון די וועראַפאַקיישאַן-טעקע גערופן "assetlinks.json". ווי איך בין אַסומינג אַז איר ווילן צו צופֿעליקער די אַפּ בונד צו Google פּלייַ, עס איז וויכטיק צו טאָן ווי די סיינינג איז טאַקע געראטן:

Google פּלייַ וועט פירן די סיינינג שליסלען פֿאַר איר, וואָס מיטל מיר דאַרפֿן צו געפֿינען די קאָראַספּאַנדינג SHA-256 ווערט אין Google פּלייַ קאַנסאָול.
"Bubblewrap" קען האָבן באשאפן אַן "אַסעטלינקס" -פילע שוין מיט איין פּאָזיציע, וואָס כּולל אַ אַנדערש SHA-256 האַש - קיין וועריז, מיר נוצן ביידע שליסלען פֿון Google Play און די דזשענערייטאַד

אויב קיין "אַסעטלינקס" טעקע איז ניט באשאפן, די וועג איך פאָרזעצן איז געווען צו אָפּלאָדירן "אַססעט לינקס געצייַג" (רעקאַמענדיד דורך Google, לינק אין אַדישנאַל) אויף מיין טעסטינג מיטל און לייענען די SHA-256 פֿון די אינסטאַלירן געחתמעט טעסטינג אַפּ באשאפן און אינסטאַלירן דורך "bubblewrap". דער דזשסאָן קענען זיין געוויינט דורך איר. נאָר מאַכן זיכער צו דופּליקאַט דער ערשטער פּאָזיציע און פאַרבייַטן די SHA-256 מיט דעם פֿון Google Play, ריזאַלטינג אין אַ "אַסעטלינקס" טעקע מיט 2 איינסן, דיפערענטינג בלויז אין זייער סיינינג שליסלען.

כּמעט פּונקט, איר נאָר דאַרפֿן צו שאַפֿן אַ נייַע וועגווייַזער אין דיין יגזיסטינג פּוואַ ס ציבור טעקע און צופֿעליקער די אַפּ אַמאָל:

.well-known/assetlinks.json

איצט Google קען לייענען עס און באַשטעטיקן אָונערשיפּ.

איינער ... מער ... שריט ...

כל וואָס איז איצט לינקס איז צו צופֿעליקער די מעלדונג-פּעקל צו Google פּלייַ און מעלדונג עס! יאָ, עס ס אַקטשאַוואַלי אַז פּשוט. Google טאַקע פּושיז וואָס איז מעגלעך אויף די וועב און איז נישט דערשראָקן צו פּרובירן נייַע טינגז. "טראַסטיד וועב אַקטיוויטי" איז אַ נייַע וועג צו בריק די ריס צווישן וועב און געבוירן אפילו ווייַטער, כאָטש דערווייַל באגרענעצט צו אַנדרויד.

טאַקע, און יאָ: דאָך די וועב אַפּ איז אַ PWA און אַ TWA. איר קענט קאָנטראָלירן די אַנדרויד אַפּ אין Google פּלייַ, די לינק איז ווייטער אין די אַדדענדום.