Ludovic Frank - Développeur indépendant

Sur mobile (iOS et Android), il y a un écran de partage natif, comment l'utiliser avec le web ?

ionicons-v5-k Ludovic Frank 2 févr. 2021
1966 lectures Niveau : Confirmé

Le partage de ressources est la base d’internet, on retrouve les boutons des réseaux sociaux un peu sur tous les sites afin de facilement partager du contenu pour que d’autres puissent en profiter, sous Android cela fait un petit moment que c’est possible, sous IOS et macOS c’est seulement depuis la version 12.1 de Safari que c’est disponible. Cet article sera très bref, il montre comment utiliser cette API.

window.navigator.share

C’est le nom de la fonction permettant de partager via la fenêtre native du système d’exploitation, iOS ou Android.

Comme expliqué plus haut cette fonction n’est pas disponible partout, vous pouvez vérifier la compatiblité avec les navigateurs sur « Can i Use »

L’utilisation de la fonction est très simple, il suffit de suivre le bout de code ci-dessous.

Il suffit de lier ce code à un bouton de votre interface (React, VueJS ou même JQuery …) et vous verrez apparaitre la fenêtre de partage native de votre système d’exploitation.

Partage natif ios

Conclusion

Bien pratique, cela permet le partage via toutes les applications installées sur le smartphone de l’utilisateur (applications qui permettent le partage, bien sûr).