וועב אַפּ באַדזשינג אַפּי

יעדער אַפּ פארדינט אַ אָפּצייכן

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

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

פּרירעקוואַזאַץ

כּדי דיין וועב אפליקאציע זאל קענען ווייזן א באדגע, מוז זי טרעפן Google'ס "אינסטאלאציע קרייטיריעס", פארבינדן אונטן אינעם צוגאב. און דאָס איז לעגאַמרע זינען: דיין PWA דאַרף זיין אינסטאַלירן אויף אַ מיטל צו האָבן אַ פאַרפעסטיקט אָרט אין דיין סיסטעם. אויף Windows, דיין אַפּפּס לעבן אין די אַרבעט באַר און אויף מאַקאָס עס ס אין די דאָק.

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

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

וויאזוי עס ארבעט

די פאַקטיש ימפּלאַמענטיישאַן איז זייער סטרייטפאָרווערד און בלויז ריקווייערז אַ ביסל שורות פון קאָד צו דעקן אַלע קאַסעס.

// These code examples asume you're using
// Typescript, as they use optional chaining.
//
// Also note that the API-calls for badging
// return a promise that can directly be
// catched.

async function setSimpleBadge(){
  // Just a simple indicator without any value.
  // This is the simplest variant of a badge.
  await navigator?.setClientBadge();
}

async function incrementBadgeCount(){
  // Get our dummy count and update it,
  // just to give more context for this demo.
  const countNow = getUnreadMessagesCount();
  await setUnreadMessagesCount(countNow + 1);
  
  // Update the UI.
  await navigator.setAppBadge(countNow + 1)
    .catch((error) => { /* ... */ });
}

async function resetBadge(){
  // As simple as it gets: reset the badge UI.
  await navigator.clearClientBadge();
}

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

מסקנא

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