{"id":83517,"date":"2022-07-25T03:39:49","date_gmt":"2022-07-25T01:39:49","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/empiece-a-utilizar-web-bundles\/"},"modified":"2020-09-16T23:32:20","modified_gmt":"2020-09-17T02:32:20","slug":"empiece-a-utilizar-web-bundles","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/","title":{"rendered":"Premiers pas avec les offres group\u00e9es Web"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Compatibilidad-del-navegador\" >Compatibilit\u00e9 du navigateur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Presentamos-la-API-de-Web-Bundles\" >Pr\u00e9sentation de l&#039;API Web Bundles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Explicacion-de-paquetes-web\" >Explication des packages Web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Creacion-de-paquetes-web\" >Cr\u00e9ation de packages web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Jugando-con-Web-Bundles\" >Jouer avec les offres Web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/empiece-a-utilizar-web-bundles\/#Enviar-comentarios\" >Poster des commentaires<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Partagez des sites Web en un seul fichier via Bluetooth et ex\u00e9cutez-les hors ligne dans le contexte de leur origine<\/p>\n<p>\n          <time>11 novembre 2019<\/time><\/p>\n<\/header>\n<p>Regrouper un site Web entier en un seul fichier et le rendre partageable ouvre de nouveaux cas d&#039;utilisation pour le Web. Imaginez un monde o\u00f9 vous pouvez:<\/p>\n<ul>\n<li>Cr\u00e9ez votre propre contenu et diffusez-le de toutes sortes de mani\u00e8res sans vous limiter au r\u00e9seau<\/li>\n<li>Partagez une application Web ou un extrait de contenu Web avec vos amis via Bluetooth ou Wi-Fi Direct<\/li>\n<li>Apportez votre site sur votre propre cl\u00e9 USB ou m\u00eame h\u00e9bergez-le sur votre propre r\u00e9seau local<\/li>\n<\/ul>\n<p>L&#039;API Web Bundles est une proposition de pointe qui vous permet de faire tout cela.<\/p>\n<h2 id=\"browser-compatibility\"><span class=\"ez-toc-section\" id=\"Compatibilidad-del-navegador\"><\/span>Compatibilit\u00e9 du navigateur <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Actuellement, l&#039;API Web Bundles ne prend en charge que les navigateurs bas\u00e9s sur Chromium avec une marque exp\u00e9rimentale.<\/p>\n<h2 id=\"introducing-the-web-bundles-api\"><span class=\"ez-toc-section\" id=\"Presentamos-la-API-de-Web-Bundles\"><\/span>Pr\u00e9sentation de l&#039;API Web Bundles <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un Web Bundle est un format de fichier permettant d&#039;encapsuler une ou plusieurs ressources HTTP dans un seul fichier. Il peut inclure un ou plusieurs fichiers HTML, fichiers JavaScript, images ou feuilles de style.<\/p>\n<p>Paquets Web, plus officiellement connus sous le nom de <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wicg.github.io\/webpackage\/draft-yasskin-wpack-bundled-exchanges.html\">Echanges HTTP inclus<\/a>, font partie de la <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\">Emballage Web<\/a><br \/>\nproposition.<\/p>\n<figure class=\"w-figure\">\n  <img alt='webbundle-7281191' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/webbundle-7281191.png' style=\"max-width: 75%\"><figcaption class=\"w-figcaption\">\n<p>    Fonctionnement des offres Web<br \/>\n  <\/figcaption><\/figure>\n<p>Les ressources HTTP d&#039;un bundle Web sont index\u00e9es par URL de requ\u00eate et peuvent \u00e9ventuellement \u00eatre accompagn\u00e9es de signatures qui approuvent les ressources. Les signatures permettent aux navigateurs de comprendre et de v\u00e9rifier l&#039;origine de chaque ressource et de traiter chacune d&#039;elles comme si elle provenait de sa v\u00e9ritable origine. Ceci est similaire \u00e0 la fa\u00e7on dont <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/11\/signed-exchanges\">Echanges HTTP sign\u00e9s<\/a>, une fonction pour signer une seule ressource HTTP.<\/p>\n<p>Cet article explique ce qu&#039;est un Web Bundle et comment l&#039;utiliser.<\/p>\n<h2 id=\"explaining-web-bundles\"><span class=\"ez-toc-section\" id=\"Explicacion-de-paquetes-web\"><\/span>Explication des packages Web <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour \u00eatre pr\u00e9cis, un Web Bundle est un <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cbor.io\/\">Dossier CBOR<\/a> avec un <code>.wbn<\/code> extension (par convention) qui conditionne les ressources HTTP dans un format binaire, et est servie avec le <code>application \/ webbundle<\/code> Mec mimica. Vous pouvez en savoir plus \u00e0 ce sujet dans le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wicg.github.io\/webpackage\/draft-yasskin-wpack-bundled-exchanges.html#top-level\">Structure de haut niveau<\/a><br \/>\nbrouillon de la section des sp\u00e9cifications.<\/p>\n<p>Les offres group\u00e9es Web ont plusieurs fonctionnalit\u00e9s uniques:<\/p>\n<ul>\n<li>Encapsule plusieurs pages, permettant \u00e0 un site Web entier d&#039;\u00eatre regroup\u00e9 dans un seul fichier<\/li>\n<li>Activer le JavaScript ex\u00e9cutable, contrairement \u00e0 MHTML<\/li>\n<li>Applications <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/tools.ietf.org\/id\/draft-ietf-httpbis-variants-00.html\">Variantes HTTP<\/a> de n\u00e9gocier du contenu, ce qui permet une internationalisation avec le <code>Accept-Language<\/code><br \/>\nen-t\u00eate m\u00eame si le paquet est utilis\u00e9 hors ligne<\/li>\n<li>Il est charg\u00e9 dans le contexte de son origine lorsqu&#039;il est sign\u00e9 cryptographiquement par son \u00e9diteur.<\/li>\n<li>Se recharge presque instantan\u00e9ment lorsqu&#039;il est servi localement<\/li>\n<\/ul>\n<p>Ces fonctionnalit\u00e9s ouvrent plusieurs sc\u00e9narios. Un sc\u00e9nario courant est la possibilit\u00e9 de cr\u00e9er une application Web autonome facile \u00e0 partager et utilisable sans connexion Internet. Par exemple, disons que vous \u00eates dans un avion de Tokyo \u00e0 San Francisco avec votre ami. Vous n&#039;aimez pas les divertissements en vol. Votre ami joue \u00e0 un jeu Web int\u00e9ressant appel\u00e9 <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/proxx.app\/\">PROXX<\/a>et vous dit qu&#039;il a t\u00e9l\u00e9charg\u00e9 le jeu sous forme de pack Web avant de monter \u00e0 bord de l&#039;avion. Cela fonctionne parfaitement hors ligne. Avant les offres Web, l&#039;histoire se terminait l\u00e0 et vous deviez jouer \u00e0 tour de r\u00f4le sur l&#039;appareil de votre ami ou trouver autre chose pour passer le temps. Mais avec les offres Web, voici ce que vous pouvez faire maintenant:<\/p>\n<ol>\n<li>Demandez \u00e0 votre ami de partager le <code>.wbn<\/code> fichier de jeu. Par exemple, le fichier pourrait \u00eatre facilement partag\u00e9 d&#039;\u00e9gal \u00e0 \u00e9gal \u00e0 l&#039;aide d&#039;une application de partage de fichiers.<\/li>\n<li>Ouvrez le <code>.wbn<\/code> fichier dans un navigateur prenant en charge les offres Web.<\/li>\n<li>Commencez \u00e0 jouer au jeu sur votre propre appareil et essayez de battre le meilleur score de votre ami.<\/li>\n<\/ol>\n<p>Voici une vid\u00e9o qui explique ce sc\u00e9nario.<\/p>\n<p>\n  <iframe loading=\"lazy\" title=\"Web Bundles - D\u00e9mo de partage d&#039;utilisateur \u00e0 utilisateur\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/xAujz66la3Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/p>\n<p>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\u00e9ment.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Actuellement, Chrome 80 ne prend en charge que les packages non sign\u00e9s (c&#039;est-\u00e0-dire les packages Web sans signatures source). L&#039;empaquetage de PROXX sans signatures ne fonctionne pas correctement en raison de probl\u00e8mes de travail Web d&#039;origine crois\u00e9e. Chrome s&#039;efforce de r\u00e9soudre ce probl\u00e8me. En attendant, jetez un \u0153il <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chromium.googlesource.com\/chromium\/src\/+\/refs\/heads\/master\/content\/browser\/web_package\/using_web_bundles.md#Dealing-with-Common-Problems-in-Unsigned-Bundles\">Gestion des probl\u00e8mes courants dans les packages non sign\u00e9s<\/a><br \/>\npour apprendre \u00e0 \u00e9viter les probl\u00e8mes d&#039;origine crois\u00e9e.<\/p>\n<\/div>\n<h2 id=\"building-web-bundles\"><span class=\"ez-toc-section\" id=\"Creacion-de-paquetes-web\"><\/span>Cr\u00e9ation de packages web <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\/tree\/master\/go\/bundle\"><code>aller \/ bundle<\/code><\/a>  CLI est actuellement le moyen le plus simple de regrouper un site Web. <code>aller \/ bundle<\/code> est une impl\u00e9mentation de r\u00e9f\u00e9rence de la sp\u00e9cification Web Bundles int\u00e9gr\u00e9e <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/golang.org\/\">Va<\/a>.<\/p>\n<ol>\n<li>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/golang.org\/doc\/install\">Installez Go<\/a>.<\/p>\n<\/li>\n<li>\n<p>Installer sur PC <code>aller \/ bundle<\/code>.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">go get -u github.com\/WICG\/webpackage\/go\/bundle\/cmd\/<span class=\"token punctuation\">..<\/span>.<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<li>\n<p>Cloner le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/developit\/preact-todomvc\">pr\u00e9act-todomvc<\/a> r\u00e9f\u00e9rentiel et cr\u00e9ez votre application Web pour pr\u00e9parer la mise en commun de vos ressources.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\"><span class=\"token function\">git<\/span> clone https:\/\/github.com\/developit\/preact-todomvc.git<br><span class=\"token builtin class-name\">CD<\/span> pr\u00e9act-todomvc<br><span class=\"token function\">npm<\/span> je<br><span class=\"token function\">npm<\/span> run build<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<li>\n<p>Utilisez le <code>gen-bundle<\/code> commande pour construire un <code>.wbn<\/code> Record.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-bash\"><code class=\"language-bash\">gen-bundle -dir build -baseURL https:\/\/preact-todom.vc\/ -primaryURL https:\/\/preact-todom.vc\/ -o todomvc.wbn<\/code><\/pre>\n<p><\/web-copy-code><\/li>\n<\/ol>\n<p>Toutes nos f\u00e9licitations! TodoMVC est maintenant un package Web.<\/p>\n<p>Il existe d&#039;autres options de regroupement et d&#039;autres \u00e0 venir. Les <code>aller \/ bundle<\/code> L&#039;interface de ligne de commande vous permet de cr\u00e9er un ensemble Web \u00e0 l&#039;aide d&#039;un fichier HAR ou d&#039;une liste personnalis\u00e9e d&#039;URL de ressources. Visiter le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/WICG\/webpackage\/tree\/master\/go\/bundle\">D\u00e9p\u00f4t GitHub<\/a> en apprendre davantage sur <code>aller \/ bundle<\/code>. Vous pouvez \u00e9galement essayer le module exp\u00e9rimental Node.js pour l&#039;empaquetage,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/wbn\"><code>wbn<\/code><\/a>. Notez que <code>wbn<\/code> il en est encore aux premiers stades de d\u00e9veloppement.<\/p>\n<h2 id=\"playing-around-with-web-bundles\"><span class=\"ez-toc-section\" id=\"Jugando-con-Web-Bundles\"><\/span>Jouer avec les offres Web <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour tester un package Web:<\/p>\n<ol>\n<li>\n<p>Aller <code>chrome:\/\/version<\/code> pour voir quelle version de Chrome vous utilisez. Si vous ex\u00e9cutez la version 80 ou une version ult\u00e9rieure, ignorez l&#039;\u00e9tape suivante.<\/p>\n<\/li>\n<li>\n<p>T\u00e9l\u00e9charger <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\/canary\/\">Chrome Canary<\/a> si vous n&#039;ex\u00e9cutez pas Chrome 80 ou version ult\u00e9rieure.<\/p>\n<\/li>\n<li>\n<p>Ouvert <code>chrome:\/\/flags\/#web-bundles<\/code>.<\/p>\n<\/li>\n<li>\n<p>S\u00e9lectionnez le <strong>Paquets Web<\/strong> signaler un <strong>Activ\u00e9e<\/strong>.<\/p>\n<figure class=\"w-figure\">\n  <img alt='chromeflag-9602917' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/chromeflag-9602917.png' style=\"max-width: 75%\"><figcaption class=\"w-figcaption\">\n<p>    Activer les packages Web dans <code>chrome:\/\/flags<\/code><br \/>\n  <\/figcaption><\/figure>\n<\/li>\n<li>\n<p>Red\u00e9marrez Chrome.<\/p>\n<\/li>\n<li>\n<p>Faites glisser et d\u00e9posez le <code>todomvc.wbn<\/code> fichier dans Chrome s&#039;il est sur le bureau, ou appuyez dessus dans une application de gestion de fichiers s&#039;il est sur Android.<\/p>\n<\/li>\n<\/ol>\n<p>Tout fonctionne comme par magie.<\/p>\n<figure class=\"w-figure\">\n  <video controls=\"\" autoplay=\"\" loop=\"\" muted=\"\" class=\"w-screenshot\"><source src=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/preact-todomvc.mp4\" type=\"video\/mp4\"><\/source><\/video><figcaption class=\"w-figcaption\">\n<p>    Impl\u00e9mentation Preact de TodoMVC fonctionnant hors ligne en tant que package Web<br \/>\n  <\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement essayer d&#039;autres exemples de packages Web:<\/p>\n<ul>\n<li>web.dev.wbn est un instantan\u00e9 de l&#039;int\u00e9gralit\u00e9 du site web.dev, au 15 octobre 2019.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/proxx.wbn\">proxx.wbn<\/a>: PROXX est un clone de d\u00e9mineur qui fonctionne hors ligne.<\/li>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/storage.googleapis.com\/web-dev-assets\/web-bundles\/squoosh.wbn\">squoosh.wbn<\/a>:<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/squoosh.app\">Squoosh<\/a> est un outil d&#039;optimisation d&#039;image pratique et rapide qui vous permet de faire des comparaisons c\u00f4te \u00e0 c\u00f4te de divers formats de compression d&#039;image, avec prise en charge du redimensionnement et des conversions de format.<\/li>\n<\/ul>\n<div class=\"w-aside w-aside--note\">\n<p>Actuellement, vous ne pouvez acc\u00e9der qu&#039;\u00e0 un bundle Web stock\u00e9 dans un fichier local, mais ce n&#039;est qu&#039;une restriction temporaire.<\/p>\n<\/div>\n<h2 id=\"send-feedback\"><span class=\"ez-toc-section\" id=\"Enviar-comentarios\"><\/span>Poster des commentaires <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La mise en \u0153uvre de l&#039;API Web Bundle dans Chrome est exp\u00e9rimentale et incompl\u00e8te. Tout ne fonctionne pas et peut planter ou planter. C&#039;est pourquoi il est derri\u00e8re un drapeau exp\u00e9rimental. Mais l&#039;API est suffisamment intelligente pour que vous puissiez l&#039;explorer dans Chrome. Les commentaires des d\u00e9veloppeurs Web sont cruciaux pour la conception de nouvelles API, alors essayez-les et faites savoir aux personnes qui travaillent chez Web Bundles ce que vous en pensez!<\/p>\n<p><strong>Merci<\/strong><\/p>\n<p>Nous tenons \u00e0 f\u00e9liciter la merveilleuse \u00e9quipe d&#039;ing\u00e9nieurs Chrome,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/irori\">Kunihiko Sakamoto<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/horo\">Tsuyoshi Horo<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/toyoshim\">Takashi toyoshima<\/a>, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/kinu\">Kinuko yasuda<\/a> y <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/jyasskin\">Jeffrey Yasskin<\/a> qui a travaill\u00e9 dur pour contribuer \u00e0 la sp\u00e9cification, cr\u00e9er la fonction dans Canary et r\u00e9viser cet article. Pendant le processus de normalisation <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/danyork.me\/\">Dan York<\/a> a aid\u00e9 \u00e0 naviguer dans la discussion de l&#039;IETF et aussi <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/dauwhe\">Dave Cramer<\/a> a \u00e9t\u00e9 une excellente ressource sur ce dont les \u00e9diteurs ont vraiment besoin. Nous tenons \u00e9galement \u00e0 remercier <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/_developit\">Jason Miller<\/a> pour le preact-todomvc incroyable et leurs efforts inlassables pour am\u00e9liorer la structure.<\/p>\n<p>    <web-feedback additional-questions=\"api\"><\/web-feedback>\n  <\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un sitio web&#8230;<\/p>","protected":false},"author":1,"featured_media":83519,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83517","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Empiece a utilizar Web Bundles - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/start-using-web-bundles\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Empiece a utilizar Web Bundles\" \/>\n<meta property=\"og:description\" content=\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/dev\/start-using-web-bundles\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T01:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Empiece a utilizar Web Bundles\",\"datePublished\":\"2022-07-25T01:39:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"},\"wordCount\":1253,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\",\"name\":\"Empiece a utilizar Web Bundles - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"datePublished\":\"2022-07-25T01:39:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/de\\\/dev\\\/start-using-web-bundles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-3184263.png\",\"width\":1200,\"height\":600,\"caption\":\"hero-3184263-6259293-png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Commencez \u00e0 utiliser les forfaits Web - R Marketing Digital","description":"Partagez des sites Web en un seul fichier via Bluetooth et ex\u00e9cutez-les hors ligne dans le contexte de leur origine 11 novembre 2019 Bundle One","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/dev\/start-using-web-bundles\/","og_locale":"fr_FR","og_type":"article","og_title":"Empiece a utilizar Web Bundles","og_description":"Comparta sitios web como un solo archivo a trav\u00e9s de Bluetooth y ejec\u00fatelos sin conexi\u00f3n en el contexto de su origen 11 de noviembre de 2019 Agrupar un","og_url":"https:\/\/rmarketingdigital.com\/fr\/dev\/start-using-web-bundles\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-25T01:39:49+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","type":"image\/png"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Empiece a utilizar Web Bundles","datePublished":"2022-07-25T01:39:49+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"},"wordCount":1253,"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","articleSection":["Dev"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","url":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/","name":"Commencez \u00e0 utiliser les forfaits Web - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","datePublished":"2022-07-25T01:39:49+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Partagez des sites Web en un seul fichier via Bluetooth et ex\u00e9cutez-les hors ligne dans le contexte de leur origine 11 novembre 2019 Bundle One","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/de\/dev\/start-using-web-bundles\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-3184263.png","width":1200,"height":600,"caption":"hero-3184263-6259293-png"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/83517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=83517"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/83517\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media\/83519"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=83517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=83517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=83517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}