כיצד ליצור אפליקציית Android מ- PWA שלך באמצעות 'פעילות באינטרנט מהימן'

אתה סומך עליי?

מזה זמן מה ניתן להפוך יישומי אינטרנט לאפליקציה מקורית במאמץ מועט, תלוי במורכבות האפליקציה. למשל, מסגרות כמו Capacitor.js או Cordova מציעות פונקציונליות כזו והן גם תוכנת קוד פתוח. כדי להציע אפליקציית אינטרנט כיישום מקומי, עליך לבנות את יישום האינטרנט באופן מקומי, לספר את המסגרת היכן ממוקמת פלט הבנייה הזה ובעצם להמתין עד ליצירת האפליקציות. הרעיון המרכזי הוא שהאתר שלך פשוט פועל בתצוגת אינטרנט משובצת. ובכן, הדברים עומדים להשתנות כעת שוב על ידי הצגת "פעילות אינטרנט מהימנה" של גוגל.

PWA ++

מהי "פעילות אינטרנט מהימנה" (TWA)? להלן תמצית:

נעשה שימוש ב"פעילות אינטרנט מהימנה "בהקשר של חנות Google Play ואפליקציית Android מקומית שנוצרה מ- PWA
אתה יכול לאמת בעלות על ה- PWA שלך עבור אפליקציית Android על ידי יצירת אישורי הנקרא "קישורי נכסים" - זה המקום שבו יש צורך ב- Google Play
על ידי העלאת קובץ "קישורי נכסים" זה לספרייה הציבורית של אפליקציית האינטרנט שלך, גוגל יכולה לאמת בעלות על ה- PWA כאשר אפליקציית Android המקורית לא תשיג אף אחד מלבדך

בסדר, זו הייתה סקירה קצרה של הרעיון שעומד מאחורי TWA. לסיכום, החלק "אמון" מתייחס לאימות הבעלות על ה- PWA שלך.

TWA חדש אחד, בבקשה!

בסדר, אבל איך זה באמת עובד? ההתקנה היא למעשה ממש פשוטה ולא אמורה לקחת יותר משעה. כך זה נעשה:

ראשית, ודא שה- PWA שלך מוגדר כהלכה:

manifest.json זמין ותוקף
סמל + שם נכונים
תוכל לבדוק שינויים אלה במהירות ב- DevTools

הספרייה הראשית שתיקח את כל הרמות הכבדות נקראת "bubblewrap", חבילת Node.js המספקת CLI, שתשתמש בה לאורך כל ההדרכה.

ראשית, צור ספריה חדשה עבור ה- TWA בשם "שני". בתוך "שתי" ניצור ספריה נוספת בשם "אנדרואיד". "שני" עצמו יכיל את הצמתים_מודולים ו- "אנדרואיד" את אפליקציית Android המקורית בפועל.

ודא שאתה נמצא כעת בתוך "שני" כדי להתחיל פרויקט npm חדש:

npm init -y

עכשיו בואו נוסיף את ה- CLI כתלות בהתפתחות:

npm i -D @bubblewrap/cli

זה כל מה שאנחנו צריכים לעת עתה. בואו נתחיל את פרויקט "העטיפה". פשוט החליפו את הדומיין לשלכם ובדקו היכן נמצא "manifest.json". תתבקש למצוא את מיקומי Java SDK + Android SDK, בהם תוכל לעשות שימוש חוזר אם הם כבר מותקנים:

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

בהמשך, הגיע הזמן לעבור על כמה שאלות ותשובות עם CLI "גלישת הבועה". בהתאם למטא נתונים הזמינים ב- PWA שלך, רוב השדות כבר ימולאו מראש:

npx bubblewrap build

כעת לאחר ש- PWA שלך זוהה ואפליקציית Android נוצרה, הגיע הזמן לבדיקת עשן מהירה. התחל אמולטור או השתמש במכשיר האמיתי לבחירתך:

npx bubblewrap install

אם הכל מסתדר בסדר, תראה באפליקציית האינטרנט שלך אפליקציית Android מקומית עובדת. נהדר, החלק הכי קשה כבר נעשה!

מה שנשאר הוא יצירת קובץ האימות שנקרא "assetlinks.json". כפי שאני מניח שאתה רוצה להעלות את חבילת האפליקציות ל- Google Play, חשוב לציין כיצד מנוהלת החתימה בפועל:

Google Play תנהל עבורך את מפתחות החתימה, כלומר עלינו לחפש את הערך המקביל ל- SHA-256 במסוף Google Play.
"גלישת בועות" אולי יצרה קובץ "קישורי נכסים" שכבר מכיל ערך אחד, המכיל חשיש SHA-256 אחר - אין דאגות, נשתמש בשני המקשים מ- Google Play וגם מהנוצר

אם לא נוצר קובץ "קישורי נכסים", הדרך בה המשכתי הייתה להוריד את "כלי קישור הנכסים" (המומלץ על ידי גוגל, קישור בתוספת) על מכשיר הבדיקה שלי ולקרוא את SHA-256 מאפליקציית הבדיקה החתומה המותקנת שנוצרה ו מותקן על ידי "גלישת בועות". לאחר מכן ניתן להשתמש ב- json זה על ידך. רק הקפד לשכפל את הערך הראשון ולהחליף את ה- SHA-256 לזה של Google Play, וכתוצאה מכך קובץ "קישורי נכסים" עם 2 רשומות, שונה רק במפתחות החתימה שלהם.

כמעט סיימת, עכשיו אתה רק צריך ליצור ספריה חדשה בתיקייה הציבורית של ה- PWA ולהעלות את האפליקציה פעם אחת:

.well-known/assetlinks.json

כעת גוגל יכולה לקרוא אותו ולאמת בעלות.

אחד ... עוד ... צעד ...

כל שנותר כעת הוא להעלות את חבילת הגרסאות לגוגל פליי ולשחרר אותה! כן, זה כל כך פשוט. גוגל באמת דוחפת את מה שאפשר באינטרנט ולא חוששת לנסות דברים חדשים. "פעילות מהימנה באינטרנט" היא דרך חדשה לגשר על הפער בין רשת למוצרי אינטרנט עוד יותר, אם כי כיום מוגבלת ל- Android.

אה, וכן: כמובן שאפליקציית האינטרנט הזו היא PWA ו- TWA. אתה יכול לבדוק את אפליקציית Android ב- Google Play, הקישור נמצא למטה בתוספת.