Premiers pas avec les offres groupées Web

Regrouper un site Web entier en un seul fichier et le rendre partageable ouvre de nouveaux cas d'utilisation pour le Web. Imaginez un monde où vous pouvez:

• Cree su propio 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 y distribúyalo en todo tipo de formas sin estar restringido a la red
• Partagez une application Web ou un extrait de contenu Web avec vos amis via Bluetooth ou Wi-Fi Direct
• Apportez votre site sur votre propre clé USB ou même hébergez-le sur votre propre réseau local

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 Web Bundles es una propuesta de vanguardia que le permite hacer todo esto.

Compatibilidad del 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

Actualmente, la API de Web Bundles solo es compatible con 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 basados ​​en Chromium con una marca experimental.

Présentation de l'API Web Bundles

Un Web Bundle es un formato de archivo para encapsular uno o más recursos HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado Suite en un solo archivo. Puede incluir uno o más archivos 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, archivos JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar Suite, imágenes u hojas de estilo.

Paquets Web, plus officiellement connus sous le nom de Echanges HTTP inclus, font partie de la Emballage Web
proposition.

Los recursos HTTP en un Web Bundle se indexan por 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 de solicitud y, opcionalmente, pueden venir con firmas que avalan los recursos. Las firmas permiten que los navegadores comprendan y verifiquen el origen de cada recurso y tratan a cada uno como si procediera de su verdadero origen. Esto es similar a como Echanges HTTP signés, une fonction pour signer une seule ressource HTTP.

Cet article explique ce qu'est un Web Bundle et comment l'utiliser.

Explication des packages Web

Pour être précis, un Web Bundle est un Dossier CBOR avec un .wbn extension (par convention) qui conditionne les ressources HTTP dans un format binaire, et est servie avec le application / webbundle Mec mimica. Vous pouvez en savoir plus à ce sujet dans le Structure de haut niveau
brouillon de la section des spécifications.

Les offres groupées Web ont plusieurs fonctionnalités uniques:

• Encapsule plusieurs pages, permettant à un site Web entier d'être regroupé dans un seul fichier
• Activer le JavaScript exécutable, contrairement à MHTML
• Applications Variantes HTTP de négocier du contenu, ce qui permet une internationalisation avec le Accept-Language
  en-tête même si le paquet est utilisé hors ligne
• Il est chargé dans le contexte de son origine lorsqu'il est signé cryptographiquement par son éditeur.
• Se recharge presque instantanément lorsqu'il est servi localement

Ces fonctionnalités ouvrent plusieurs scénarios. Un scénario courant est la possibilité de créer une application Web autonome facile à partager et utilisable sans connexion Internet. Par exemple, disons que vous êtes dans un avion de Tokyo à San Francisco avec votre ami. Vous n'aimez pas les divertissements en vol. Votre ami joue à un jeu Web intéressant appelé PROXXet vous dit qu'il a téléchargé le jeu sous forme de pack Web avant de monter à bord de l'avion. Cela fonctionne parfaitement hors ligne. Avant les offres Web, l'histoire se terminait là et vous deviez jouer à tour de rôle sur l'appareil de votre ami ou trouver autre chose pour passer le temps. Mais avec les offres Web, voici ce que vous pouvez faire maintenant:

1. Demandez à votre ami de partager le .wbn fichier de jeu. Par exemple, le fichier pourrait être facilement partagé d'égal à égal à l'aide d'une application de partage de fichiers.
2. Ouvrez le .wbn fichier dans un navigateur prenant en charge les offres Web.
3. Commencez à jouer au jeu sur votre propre appareil et essayez de battre le meilleur score de votre ami.

Voici une vidéo qui explique ce scénario.

Comme vous pouvez le voir, un Web Bundle peut contenir toutes les ressources, ce qui le permet de fonctionner hors ligne et de se charger instantanément.

Création de packages web

Les aller / bundle CLI est actuellement le moyen le plus simple de regrouper un site Web. aller / bundle est une implémentation de référence de la spécification Web Bundles intégrée Va.

1. Installez Go.

2. Installer sur PC aller / bundle.

   go get -u github.com/WICG/webpackage/go/bundle/cmd/...

3. Cloner le préact-todomvc référentiel et créez votre application Web pour préparer la mise en commun de vos ressources.

   git clone httpsHTTPS (protocolo de Transferencia de Hiper-Texto) es un protocolo que permite determinar una conexión segura entre el servidor y el cliente, que no puede ser interceptada por personas no autorizadas. En resumidas cuentas, es la versión segura de el http (Hyper Text Transfer Protocol) Cómo funciona Una conexión HTTP estándar en Internet puede ser fácilmente secuestrada por partes no autorizadas. El propósito de una conexión HTTPS es evitar esto: encriptar Suite://github.com/developit/preact-todomvc.git
   CD préact-todomvc
   npm je
   npm run build

4. Utilisez le gen-bundle commande pour construire un .wbn Record.

   gen-bundle -dir build -baseURL https://preact-todom.vc/ -primaryURL https://preact-todom.vc/ -o todomvc.wbn

Toutes nos félicitations! TodoMVC est maintenant un package Web.

Il existe d'autres options de regroupement et d'autres à venir. Les aller / bundle L'interface de ligne de commande vous permet de créer un ensemble Web à l'aide d'un fichier HAR ou d'une liste personnalisée d'URL de ressources. Visiter le Dépôt GitHub en apprendre davantage sur aller / bundle. Vous pouvez également essayer le module expérimental Node.js pour l'empaquetage,
wbn. Notez que wbn il en est encore aux premiers stades de développement.

Jouer avec les offres Web

Pour tester un package Web:

1. Aller chrome://version pour voir quelle version de Chrome vous utilisez. Si vous exécutez la version 80 ou une version ultérieure, ignorez l'étape suivante.

2. Télécharger Chrome Canary si vous n'exécutez pas Chrome 80 ou version ultérieure.

3. Ouvert chrome://flags/#web-bundles.

4. Sélectionnez le Paquets Web signaler un Activée.

   

5. Redémarrez Chrome.

6. Faites glisser et déposez le todomvc.wbn fichier dans Chrome s'il est sur le bureau, ou appuyez dessus dans une application de gestion de fichiers s'il est sur Android.

Tout fonctionne comme par magie.

Vous pouvez également essayer d'autres exemples de packages Web:

• web.dev.wbn est un instantané de l'intégralité du site web.dev, au 15 octobre 2019.
• proxx.wbn: PROXX est un clone de démineur qui fonctionne hors ligne.
• squoosh.wbn:
  Squoosh est un outil d'optimisation d'image pratique et rapide qui vous permet de faire des comparaisons côte à côte de divers formats de compression d'image, avec prise en charge du redimensionnement et des conversions de format.

Poster des commentaires

La implementación de la API de Web Bundle en Chrome es experimental e incompleta. No todo funciona y puede fallar o bloquearse. Por eso está detrás de una bandera experimental. Pero la API está lo suficientemente lista para que la explore en Chrome. Los comentarios de los desarrolladores web son cruciales para el diseño de nuevas API, así que pruébelo y dígale a 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 que trabajan en Web Bundles lo que piensa.

Merci

Nous tenons à féliciter la merveilleuse équipe d'ingénieurs Chrome,
Kunihiko Sakamoto, Tsuyoshi Horo, Takashi toyoshima, Kinuko yasuda y Jeffrey Yasskin qui a travaillé dur pour contribuer à la spécification, créer la fonction dans Canary et réviser cet article. Pendant le processus de normalisation Dan York a aidé à naviguer dans la discussion de l'IETF et aussi Dave Cramer a été une excellente ressource sur ce dont les éditeurs ont vraiment besoin. Nous tenons également à remercier Jason Miller pour le preact-todomvc incroyable et leurs efforts inlassables pour améliorer la structure.