Receive shared data with the Web Share Destination API

On a mobile device, sharing should be as simple as clicking the Share , choose an application and choose who to share with. For example, you may want to share an interesting article, either by emailing it to your friends or by tweeting it to the world.

En el pasado, solo las aplicaciones nativas podían registrarse en el sistema operativo para recibir recursos compartidos de otras aplicaciones instaladas. Pero con la API de destino compartido web, las aplicaciones web instaladas pueden registrarse con el sistema operativo subyacente como destino compartido para recibir contentsEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus compartido. Se agregó soporte para texto y datos en Chrome 71, y se agregó soporte para archivos en Chrome 76.

See Web Share Target in action

1. With Chrome 76 or later (Android only), open the Web Share Target Demo.
2. When prompted, click Install on pc to add the app to your home screen, or use the Chrome menu to add it to your home screen.
3. Open any app that supports native sharing or use the Share button in the demo app.
4. From the destination selector, choose Web sharing test.

After sharing, you should see all the shared information in the destination web application for web sharing.

Registre su aplicación como target¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. plus para compartir

To register your app as a sharing target, you must meet Chrome installation criteria. Also, before a user can share your app, they must add it to their home screen. This prevents sites from being added randomly to the user's sharing intent selector and ensures that sharing is something that users want to do with your app.

Update your web application manifest

To register your app as a sharing destination, add a share_target entry to your web application manifest. This tells the operating system to include your application as an option in the intent selector. What you add to the manifest controls the data that your application will accept. There are three common scenarios for share_target
entry:

• Accept basic information
• Accept changes to the application
• Accepting files

Accept basic information

If your target app just accepts basic information like data, links, and text, add the following to the manifest.json proceedings:

"share_target": {
"action": "/share-target/",
"method": "GET",
"params": {
"title": "title",
"text": "text",
"url": "url"
}
}

Si su aplicación ya tiene un esquema de UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo plus para compartir, puede reemplazar el param
values with your existing query parameters. For example, if your sharing url scheme uses body instead of text, could you replace "text": "text" with "text": "body".

the method the default is "GET" if not provided. the enctype field, which is not shown in this example, indicates the encoding type for the data. For him "GET" method, enctype default to "application / x-www-form-urlencoded" and it is ignored if it is configured for anything else.

Accept changes to the application

If the shared data changes the destination application in any way, for example, when saving a bookmark in the destination application, configure the method value for "POST" and includes the enctype countryside. The following example creates a bookmark in the target application, so it uses "POST" For him method and "multipart / form-data" For him
enctype:

{
  "name": "Bookmark",
  "share_target": {
    "action": "/bookmark",
    "method": "POST",
    "enctype": "multipart / form-data",
    "params": {
      "url": "link"
    }
  }
}

Accepting files

As with application changes, accepting files requires that method to be "POST"
cast enctype to be. Further, enctype must be
"multipart / form-data"and a files an entry must be added.

You must also add a files An array that defines the types of files that your application accepts. The elements of the array are inputs with two members: a yam field and a accept
countryside. the accept El campo toma un tipo MimeMIME son las siglas de Multi-Purpose Internet Mail Extensions. En su versión original, definió ciertos tipos de datos de archivos adjuntos de email para que estos archivos pudieran leerse y ejecutarse cuando no estuvieran en formato ASCII. Las especificaciones MIME incluyen varios formatos multimedia como archivos de imagen, vídeo, texto y numerosos formatos de aplicación. Información general MIME ha demostrado ser sobre todo útil en el tratamiento de tipos de plus, una extensión de archivo o una matriz que contiene ambos. Es mejor proporcionar una matriz que incluya tanto un tipo MIME como una extensión de archivo, ya que los sistemas operativos difieren en lo que prefieren.

{
  "name": "Aggregator",
  "share_target": {
    "action": "/cgi-bin/aggregate",
    "method": "POST",
    "enctype": "multipart / form-data",
    "params": {
      "title": "name",
      "text": "description",
      "url": "link",
      "files": [
        {
          "name": "records",
          "accept": ["text/csv", ".csv"]
        },
        {
          "name": "graphs",
          "accept": "image/svg+xml"
        }
      ]
    }
  }
}

Handle incoming content

How you handle incoming shared data is up to you and depends on your application. For example:

• An email client could compose a new email using title as the subject of an email, with text and url concatenated together like the body.
• A social media app could compose a new post ignoring title, using
  text as the body of the message, and adding url how linkConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en plus. Yes text missing, the app could use url in the body as well. Yes url missing, the app can scan text looking for a url and add it as a link.
• A photo sharing app could create a new slideshow using title as the title of the slideshow, text as a description, and files like the pictures in the slideshow.
• A text messaging application could compose a new message using text and url
  concatenated together and dropping title.

GET action processing

If the user selects his application and his method it is "GET" (predeterminado), el browserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los plus abre una nueva ventana en el action URL. The browser then generates a query string using the URL encoded values provided in the manifest. For example, if the sharing application provides title and text, the query string is
?title=hello&ampConcepto de AMP¿Qué es el AMP o Accelerated Mobile Pages?El AMP, abreviatura de Accelerated Mobile Pages, es una propuesta que empezó a tomar forma en el año 2016 con la finalidad de mejorar la usabilidad, lectura y, en general, la experiencia de los usuarios de teléfono celular dentro de cualquier página web. Emprendida por Google con un aperturismo total (es de código abierto), lleva en activo desde entonces para facilitar plus;text=world. To process this, use a DOMContentLoaded event listener on your foreground page and parse the query string:

window.addEventListener('DOMContentLoaded', () => {
const parsedUrl = new Url(window.location);
console.log('Title shared: ' + parsedUrl.searchParams.get('title'));
console.log('Text shared: ' + parsedUrl.searchParams.get('text'));
console.log('URL shared: ' + parsedUrl.searchParams.get('url'));
});

Be sure to hire a service worker to action page so that it loads quickly and works reliably, even if the user is offline.

Procesamiento de acciones POSTConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han plus

If you method it is "POST", such as if your target app accepts a saved bookmark or shared files, then the body of the entry POST The request contains the data transmitted by the application to share, encoded with the enctype value provided in manifest.

The foreground page cannot process this data directly. Since the page sees the data as a request, the page passes it to the service worker, where he can intercept it with a
fetch event listener. From here you can pass the data to the foreground page using postMessage () o páselo al serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus:

self.addEventListener('fetch', event => {
if (event.request.method !== 'POST') {
event.respondWith(fetch(event.request));
return;
}
event.respondWith((async () => {
const formData = await event.request.formData();
const link = formData.get('link') || '';
const responseUrl = await saveBookmark(link);
return Response.redirect(responseUrl, 303);
})());
});

Checking shared content

Make sure to check the incoming data. Unfortunately, there is no guarantee that other applications will share the appropriate content in the correct parameter.

For example, on Android, the url the field will be empty because it does not support Android shared system. Instead, the URLs will appear often in the text field, or occasionally in the title field.