Beginnen Sie mit Web Bundles

Das Gruppieren einer gesamten Website als einzelne Datei und deren gemeinsame Nutzung eröffnet neue Anwendungsfälle für das Web. Stellen Sie sich eine Welt vor, in der Sie:

• Cree su propio InhaltEl 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 y distribúyalo en todo tipo de formas sin estar restringido a la red
• Teilen Sie eine Webanwendung oder einen Webinhaltsausschnitt mit Ihren Freunden über Bluetooth oder Wi-Fi Direct
• Bringen Sie Ihre Site auf Ihren eigenen USB-Stick oder hosten Sie sie sogar in Ihrem eigenen lokalen Netzwerk

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

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

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

Einführung in die Web Bundles API

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 Plus 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 Plus, 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 Plus, imágenes u hojas de estilo.

Webpakete, formeller bekannt als HTTP-Austausch enthaltensind Teil der Webverpackung
Vorschlag.

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 Plus 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 Signierter HTTP-Austausch, eine Funktion zum Signieren einer einzelnen HTTP-Ressource.

In diesem Artikel wird erläutert, was ein Web Bundle ist und wie es verwendet wird.

Erläuterung der Webpakete

Um genau zu sein, ist ein Web Bundle ein CBOR-Datei mit einer .wbn Erweiterung (gemäß Konvention), die HTTP-Ressourcen in einem Binärformat verpackt und mit dem bereitgestellt wird Anwendung / Webbundle Mimica-Typ. Mehr dazu lesen Sie in der Struktur der obersten Ebene
Entwurf eines Spezifikationsabschnitts.

Web-Bundles bieten mehrere einzigartige Funktionen:

• Verkapselt mehrere Seiten, sodass eine gesamte Website in einer einzigen Datei gebündelt werden kann
• Aktivieren Sie ausführbares JavaScript im Gegensatz zu MHTML
• Anwendungen HTTP-Varianten Inhalte zu verhandeln, die eine Internationalisierung mit dem ermöglichen Akzeptiere-Sprache
  Header, auch wenn das Paket offline verwendet wird
• Es wird im Kontext seiner Herkunft geladen, wenn es von seinem Herausgeber kryptografisch signiert wird.
• Wird fast sofort aufgeladen, wenn es vor Ort serviert wird

Diese Funktionen eröffnen mehrere Szenarien. Ein häufiges Szenario ist die Möglichkeit, eine eigenständige Webanwendung zu erstellen, die einfach zu teilen und ohne Internetverbindung verwendet werden kann. Nehmen wir zum Beispiel an, Sie sitzen mit Ihrem Freund in einem Flugzeug von Tokio nach San Francisco. Sie mögen keine Unterhaltung während des Fluges. Ihr Freund spielt ein interessantes Web-Spiel namens PROXXund sagt dir, dass er das Spiel als Webpack heruntergeladen hat, bevor er in das Flugzeug gestiegen ist. Es funktioniert perfekt offline. Vor Web Bundles endete die Geschichte dort und Sie mussten das Spiel abwechselnd auf dem Gerät Ihres Freundes spielen oder etwas anderes finden, um sich die Zeit zu vertreiben. Mit Web Bundles können Sie jetzt Folgendes tun:

1. Bitten Sie Ihren Freund, das zu teilen .wbn Spieledatei. Beispielsweise kann die Datei mithilfe einer Dateifreigabeanwendung problemlos Peer-to-Peer freigegeben werden.
2. Öffne das .wbn Datei in einem Browser, der Web Bundles unterstützt.
3. Spielen Sie das Spiel auf Ihrem eigenen Gerät und versuchen Sie, den Highscore Ihres Freundes zu übertreffen.

Hier ist ein Video, das dieses Szenario erklärt.

Wie Sie sehen können, kann ein Web Bundle alle Ressourcen enthalten, sodass es offline funktioniert und sofort geladen wird.

Erstellung von Webpaketen

das gehen / bündeln CLI ist derzeit der einfachste Weg, eine Website zu bündeln. gehen / bündeln ist eine Referenzimplementierung der integrierten Web Bundles-Spezifikation Gehen.

1. Installieren Sie Go.

2. Auf dem PC installieren gehen / bündeln.

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

3. Klonen Sie die preact-todomvc Repository und erstellen Sie Ihre Webanwendung, um die Bündelung Ihrer Ressourcen vorzubereiten.

   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 Plus://github.com/developit/preact-todomvc.git
   CD preact-todomvc
   npm ich
   npm run build

4. Verwenden Sie die Gen-Bundle Befehl zum Erstellen eines .wbn Verfahren.

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

Herzliche Glückwünsche! TodoMVC ist jetzt ein Webpaket.

Es gibt andere Optionen für die Gruppierung und weitere werden folgen. das gehen / bündeln Mit CLI können Sie ein Web Bundle mithilfe einer HAR-Datei oder einer benutzerdefinierten Liste von Ressourcen-URLs erstellen. Besuche den GitHub-Repository mehr darüber lernen gehen / bündeln. Sie können auch das experimentelle Node.js-Modul zum Verpacken ausprobieren.
wbn. Beachten Sie, dass wbn es befindet sich noch in einem frühen Entwicklungsstadium.

Spielen mit Web Bundles

So testen Sie ein Webpaket:

1. Gehen chrome://version um zu sehen, welche Version von Chrome Sie ausführen. Wenn Sie Version 80 oder höher ausführen, überspringen Sie den nächsten Schritt.

2. Herunterladen Chrome Canary Wenn Sie Chrome 80 oder höher nicht ausführen.

3. Geöffnet chrome://flags/#web-bundles.

4. Wähle aus Webpakete Flagge a aktiviert.

   

5. Starten Sie Chrome neu.

6. Ziehen Sie die todomvc.wbn Datei in Chrome, wenn es auf dem Desktop ist, oder tippen Sie in einer Dateimanager-App darauf, wenn es auf Android ist.

Alles funktioniert magisch.

Sie können auch andere Beispiel-Webpakete ausprobieren:

• web.dev.wbn ist eine Momentaufnahme der gesamten website.dev vom 15. Oktober 2019.
• proxx.wbn: PROXX ist ein Minesweeper-Klon, der offline funktioniert.
• squoosh.wbn:
  Squoosh ist ein praktisches und schnelles Tool zur Bildoptimierung, mit dem Sie verschiedene Bildkomprimierungsformate nebeneinander vergleichen und die Größenänderung und Formatkonvertierung unterstützen können.

Kommentar schreiben

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 PersonenLas 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 Plus que trabajan en Web Bundles lo que piensa.

Vielen Dank

Wir möchten dem wunderbaren Chrome-Engineering-Team gratulieren.
Kunihiko Sakamoto, Tsuyoshi Horo, Takashi Toyoshima, Kinuko Yasuda y Jeffrey Yasskin Wer hat hart gearbeitet, um zur Spezifikation beizutragen, die Funktion in Canary aufzubauen und diesen Artikel zu lesen? Während des Standardisierungsprozesses Dan York hat geholfen, die IETF-Diskussion zu navigieren und auch Dave Cramer war eine großartige Ressource für das, was Verlage wirklich brauchen. Wir möchten uns auch bedanken Jason Miller für das erstaunliche preact-todomvc und ihre unermüdlichen Bemühungen, die Struktur zu verbessern.