mientras trabajaba en localhost, mi código web compartido funcionaba perfectamente, pero cuando alojé mi sitio web, el mismo código dejó de funcionar. mi código todavía funciona en el servidor localhost pero no en el servidor alojado.
este es mi código:
<li class="post-menu-item share_btn" id="'.$post_id.'">Share</li>en realidad, está escrito en php, por lo que tiene id="'.$post_id.'" en él.
este es mi código API para compartir en la web:
$(".share_btn").click(function(e) { const post_id = $(this).attr("id"); const link = 'http://localhost/hypeup/post/' + post_id + '/'; if (navigator.share) { navigator.share({ title: 'My awesome post!', text: 'This post may or may not contain the answer to the universe', url: link, }).then(() => { console.log('Thanks for sharing!'); }) .catch(err => { console.log(`Couldn't share because of`, err.message); }); } else { console.log('web share not supported'); }});La API de Web Share solo está disponible en contextos seguros, es decir, cuando su página se carga a través del protocolo https: Cuando desarrolla localmente, el navegador considera que localhost y 127.0.0.1 , etc., son contextos seguros, por lo que para fines de desarrollo no necesita configurar https: solo para el sitio de producción. Debe configurar su servidor web para que redirija a las personas de http: a https: puede encontrar muchas formas de hacerlo resumidas en este artículo .