Indexez vos pages hors ligne avec l'API d'indexation de contenu

Permitir que los trabajadores del servicio le digan a los navigateursConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet Suite qué páginas funcionan sin conexión

12 déc.2019
Mise à jour 26 mai 2020

¿Qué es la APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene Suite de indexageGeneralmente, la indexación' se refiere a un método de adquisición de información (desarrollo de información), a través el cual los documentos se recopilan y clasifican en función de palabras clave. Después, se forma un índice que es semejante a una biblioteca. Los documentos indexados, en su mayoría contenido de texto, se preparan para una búsqueda de un documento específico o palabra clave y se les proporcionan descriptores. Si quieres una Suite de ContenuEl 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, Suite?

Utilisant un application web progressive cela signifie avoir accès aux informations qui intéressent les gens - images, vidéos, articles, etc. - quel que soit l'état actuel de votre connexion réseau. Des technologies comme travailleurs des services, les API de mise en cachey IndexedDB
proporcionarle los componentes básicos para almacenar y entregar datos cuando las gensLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima Suite interactúan directamente con una PWA. Pero construir una PWA de alta calidad, primero sin conexión, es solo una parte de la historia. Si las personas no se dan cuenta de que el contenido de una aplicación web está disponible mientras están desconectadas, no aprovecharán al máximo el trabajo que dedicó a implementar esa funcionalidad.

C'est un Découverte problema; ¿Cómo puede su PWA hacer que los usuarios conozcan su contenido sin conexión para que puedan descubrir y ver lo que está disponible? La API de indexación de contenido es una solución a este problema. La parte de esta solución orientada al desarrollador es una extensión para los trabajadores del servicio, que permite a los desarrolladores agregar 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 Suite y métadonnéesLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan Suite de páginas con capacidad sin conexión a un índice local mantenido por el le navigateurUn 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 Suite. Esa mejora está disponible en Chrome 84 y versiones posteriores.

Une fois que l'index est rempli avec le contenu de votre PWA, ainsi que de tout autre PWA installé, le navigateur l'affichera comme indiqué ci-dessous.

De plus, Chrome peut recommander du contenu de manière proactive lorsqu'il détecte qu'un utilisateur est hors ligne.

L'API d'indexation de contenu no es una forma alternativa de almacenar contenido en cacheUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y Suite. C'est un moyen de fournir des métadonnées sur les pages que votre technicien de service met déjà en cache, afin que le navigateur puisse afficher ces pages lorsque les gens sont susceptibles de vouloir les voir. L'API d'indexation de contenu aide à Découverte pages mises en cache.

Voyez-le en action

La meilleure façon de se familiariser avec l'API d'indexation de contenu est d'essayer un exemple d'application.

1. Assurez-vous que vous utilisez un navigateur et une plate-forme pris en charge. Actuellement, cela se limite à Chrome 84 ou version ultérieure sur Android. Aller chrome://version pour voir quelle version de Chrome vous utilisez.
2. Visiter https://contentindex.dev
3. Clique sur le + à côté d'un ou plusieurs éléments de la liste.
4. (Facultatif) Désactivez la connexion Wi-Fi et de données mobiles de votre appareil, ou activez le mode avion pour faire semblant que votre navigateur est hors ligne.
5. Choisir téléchargements dans le menu Chrome et passez à Articles pour vous langue.
6. Parcourez le contenu que vous avez enregistré précédemment.

Tu peux voir la source de l'exemple d'application sur GitHub.

Un autre exemple d'application, un Album PWA, illustre l'utilisation de l'API d'indexation de contenu avec l'API Web Share Target. Les le code montre une technique
pour garder l'API d'indexation de contenu synchronisée avec les éléments stockés par une application Web à l'aide de API de mise en cache.

Utilisation de l'API

Pour utiliser l'API, votre application doit disposer d'URL navigables hors connexion et d'un service worker. Si votre application Web ne dispose actuellement d'aucun technicien de service, le Bibliothèques de boîtes de travail cela peut simplifier la création d'un.

Quels types d'URL peuvent être indexées comme étant hors ligne?

La API admite la indexación de URL correspondientes a documentos HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Suite. Una URL para un archivo de medios en caché, por ejemplo, no se puede indexar directamente. En su lugar, debe proporcionar una URL para una página que muestre medios y que funcione sin conexión.

Un modèle recommandé consiste à créer une page HTML "visualiseur" qui peut accepter l'URL du média sous-jacent en tant que paramètre de requête, puis afficher le contenu du fichier, éventuellement avec des contrôles ou du contenu supplémentaires sur la page.

Les applications Web peuvent uniquement ajouter des URL à l'index de contenu qui se trouvent sous le
portée
del trabajador del servicio actual. En otras palabras, una aplicación web no puede agregar una URL que pertenezca a un domaineUn dominio es una sección de Internet con direcciones que comparten un sufijo común o están bajo el control de una organización o individuo en particular. Está organizado jerárquicamente. Tanto los objetos físicos como los virtuales pueden ser direccionados con el nombre de dominio. Estos objetos pueden ser webs, ordenadores en red o servicios, como impresoras, faxes o servidores de correo. Cada objeto está referenciado por una dirección IP única, Suite completamente diferente en el índice de contenido.

Vue d'ensemble

L'API d'indexation de contenu prend en charge trois opérations: ajouter, répertorier et supprimer des métadonnées. Ces méthodes sont exposées à partir d'une nouvelle propriété, indiceUn index o índice es generalmente un directorio en un orden específico que se usa con fines de orientación. En términos de motores de búsqueda, un índice es la lista de páginas web que es emitido por el motor de búsqueda en respuesta a una solicitud de búsqueda del usuario. Información general La lista que se muestra posteriormente de introducir una solicitud de búsqueda específica se llama SERPs (Search Engine Suite, qui a été ajouté à la
ServiceWorkerInscription
Interface.

La première étape de l'indexation du contenu consiste à obtenir une référence au
ServiceWorkerInscription. Utilisant navigator.serviceWorker.ready Est le moyen le plus simple:

const enregistrement = attendre navigateur.serviceWorker.prêt;

si ('index' dans enregistrement) {
}

Si vous appelez l'API d'indexation de contenu depuis un service worker plutôt que depuis une page Web, vous pouvez consulter le ServiceWorkerInscription
directement à travers enregistrement. Aller à est déjà défini
en tant que membre de ServiceWorkerGlobalScope.

Ajout à l'index

Utilisez le ajouter () méthode pour indexer l'URL et ses métadonnées associées. C'est à vous de choisir quand les éléments sont ajoutés à l'index. Vous souhaiterez peut-être ajouter à l'index en réponse à une entrée, par exemple en cliquant sur le bouton «enregistrer hors ligne». Ou vous pouvez ajouter des éléments automatiquement chaque fois que les données mises en cache sont mises à jour à l'aide d'un mécanisme tel que synchronisation périodique en arrière-plan.

attendre enregistrement.indice.ajouter({
va: 'article-123',

URL: '/articles/123',
launchUrl: '/articles/123',

Titre: 'Article title',

la description: 'Amazing article about things!',

Icônes: [{
src: '/img/article-123.png',
les tailles: '64x64',
taper: 'image/png',
}],

Catégorie: 'article',
});

L'ajout d'une entrée n'affecte que la table des matières; n'ajoute rien à
cache.

Cas de bord: appel ajouter () de la fenêtre contexte si vos icônes sont basées sur un aller chercher manipulateur

Quand vous appelez ajouter ()Chrome demandera l'URL de chaque icône pour s'assurer que vous disposez d'une copie de l'icône à utiliser lors de l'affichage d'une liste de contenu indexé.

• Si vous appelez ajouter () depuis le la fenêtre contexte (en d'autres termes, à partir de votre page web), cette requête déclenchera un aller chercher un événementConcepto de Evento¿Qué es un Evento?Un Evento es una actividad de carácter social que suele tener cierta proyección a nivel público y, de esta manera, suscita el interés de un determinado sector relacionado con la temática o con la razón por el que se celebra. Es un tipo de acto que suele tener mucha repercusión a nivel empresarial.Podemos hallar distintos tipos de eventos, desde los deportivos hasta los empresariales, pasando Suite en su trabajador de servicio.

• Si vous appelez ajouter () à l'intérieur de votre service worker (peut-être dans un autre gestionnaire d'événements), la requête non déclencheur de service worker aller chercher manipulateur. Les icônes seront récupérées directement, sans l'intervention d'aucun technicien de service. Gardez cela à l'esprit si vos icônes dépendent de votre aller chercher gestionnaire, peut-être parce qu'ils n'existent que dans le cache local et non sur le réseau. Si c'est le cas, assurez-vous d'appeler uniquement ajouter () depuis le la fenêtre le contexte.

Indexer la liste du contenu

Les Avoir tout () La méthode renvoie la promesse d'une liste itérative d'entrées indexées et de leurs métadonnées. Les entrées renvoyées contiendront toutes les données enregistrées avec
ajouter ().

const entrées = attendre enregistrement.indice.getAll();
pour (const entry of entrées) {
}

Supprimer des éléments de l'index

Pour supprimer un élément de l'index, appelez effacer () avec lui va de l'élément à supprimer:

attendre enregistrement.indice.delete('article-123');

Vocation effacer () il n'affecte que l'index. Il ne supprime rien de la
cache.

Gestion d'un événement de suppression d'utilisateur

Cuando el navegador muestra el contenido indexado, puede incluir su propia interface utilisateur  Una interfaz de usuario es un medio por medio de del cual una persona puede controlar un software o hardware específico. Lo ideal es que las interfaces de usuario sean fáciles de utilizar para que la interacción sea lo más instintiva e intuitiva factible. En el caso de los programas informáticos, esto se denomina interfaz gráfica de usuario. Desarrollo y tipos de interfaces de usuario A diferencia de la Suite avec un Se débarrasser de élément de menu, donnant aux utilisateurs la possibilité d'indiquer qu'ils ont fini de visionner le contenu précédemment indexé. Voici à quoi ressemble l'interface de suppression dans Chrome 80:

Lorsque quelqu'un sélectionne cet élément de menu, votre agent de service d'application Web recevra un contentdelete un événement. Bien que la gestion de cet événement soit facultative, elle donne à votre technicien de service la possibilité de «nettoyer» le contenu, tel que les fichiers multimédias mis en cache localement, que quelqu'un a indiqué avoir terminé.

Tu n'as pas besoin d'appeler registration.index.delete () à l'intérieur de votre
contentdelete manipulateur; si l'événement a été déclenché, le navigateur a déjà effectué la suppression de l'index correspondant.

soi.addEventListener('contentdelete', (un événement) => {
});

Commentaires sur la conception de l'API

Y a-t-il quelque chose dans l'API qui est gênant ou qui ne fonctionne pas comme prévu? Ou y a-t-il des pièces manquantes dont vous avez besoin pour mettre en œuvre votre idée?

Signaler un problème dans le Dépôt GitHub expliquant l'API d'indexation de contenuou ajoutez vos réflexions à un problème existant.

Problème avec la mise en œuvre?

Vous avez trouvé un bogue avec la mise en œuvre de Chrome?

Signaler un bogue dans https://new.crbug.com. Incluez autant de détails que possible, des instructions simples à reproduire et à configurer Composants (modifier)
à Clignoter> Indexer le contenu.

Vous prévoyez d'utiliser l'API?

Vous envisagez d'utiliser l'API d'indexation de contenu dans votre application Web? Votre assistance publique aide Chrome à hiérarchiser les fonctionnalités et montre aux autres fournisseurs de navigateurs à quel point il est important de les prendre en charge.

• Envoyer un tweeterUn tweet es un mensaje corto que puede ser enviado por medio de del servicio de microblogging Twitter. ¿Qué es un tweet? Un tweet es un mensaje de estado en Twitter que puede tener hasta 280 caracteres. Los tweets solían limitarse a 140 caracteres, pero esta cantidad se incrementó a 280 en septiembre de 2017. Debido al espacio limitado para el texto, las URLs para uso en tweets son normalmente Suite à @Cromodev avec
  #ContentIndexingAPI et des détails sur où et comment vous l'utilisez.

Quelles sont les implications de l'indexation de contenu sur la sécurité et la confidentialité?

Vérifier réponses
proporcionado en respuesta a los W3CEl W3C (World Wide Web Consortium) es un comité que se dedica a poner en práctica tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994. El objetivo del W3C es uniformar las especificaciones técnicas y determinar directrices para el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web. Tecnologías Suite Questionnaire sur la sécurité et la confidentialité. Si vous avez d'autres questions, lancez une discussion via le Dépôt GitHub.

L'image du héros de Maksym Kaharlytskyi sur Unsplash.