וועב ייַנטיילן אַפּי

ווי צו נוצן די געבוירן API פון די וועב

די טאַלאַנט פון געבן

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

  • בלויזע טעקסט
  • לינקס דורך פּראַוויידינג אַ טיטל
  • טעקעס גלייַך

אויב דער באַניצער בלעטערער שטיצט די נייַע navigator.share, איר קענען נוצן דעם שטריך איצט!

דעמאָ צייט!

ניצן די ייַנטיילן-פאַנגקשאַנאַליטי איז ווי סימפּלי ווי עס קומט, דאָ ס אַ ביישפּיל וואָס איז אַקשלי געניצט אויף דעם פּלאַץ:

<Button
  className={classes.container}
  aria-label={"Share this article"}
  onClick={() => {
    // '.share' can only by called when
    // triggered by click-events to make
    // sure it's the user's intention.
    navigator.share?.({ 
      title: info.title,
      text: info.description,
      url: `${getBaseRoute(routes.posts)}/${info.slug.current}`,
    }).catch(console.error);
    
    // Optionally virbrate slightly.
     navigator.vibrate?.([30, 20, 10]);
  }}>
  <ShareIcon />
  <Typography>{"Share"}</Typography>
</Button>

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

ווו צו נוצן

אין שרייבן, די API קענען מערסטנס ווערן גענוצט אויף רירעוודיק וועריאַנץ פון די פאָלקס בראַוזערז (Chrome, Opera, Safari), אָבער בלויז Safari + Edge אויף דעסקטאָפּ. ווייַל די פאַנגקשאַנאַליטי איז נישט לימיטעד צו ספּעציפיש ייַזנוואַרג רעקווירעמענץ, איך דערוואַרטן אַז די שטיצן וועט פאַרגרעסערן אין די קומענדיק חדשים.

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

  • Tom

פֿאָרשלאָגן

פֿאַרבונדענע

נאָך-וואָרט

שפּראַכן