{"id":18218,"date":"2024-09-20T06:00:32","date_gmt":"2024-09-20T06:00:32","guid":{"rendered":"https:\/\/www.directimpactsolutions.com\/?p=18218"},"modified":"2025-11-06T04:27:14","modified_gmt":"2025-11-06T04:27:14","slug":"creer-une-application-web-progressive-pwa-avec-laravel-un-guide-etape-par-etape","status":"publish","type":"post","link":"https:\/\/www.directimpactsolutions.com\/fr\/creer-une-application-web-progressive-pwa-avec-laravel-un-guide-etape-par-etape\/","title":{"rendered":"Cr\u00e9er une application web progressive (PWA) avec Laravel : un guide \u00e9tape par \u00e9tape"},"content":{"rendered":"<div class=\"wp-block-uagb-image uagb-block-5dfa865a wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-1-1024x550.jpg ,https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-1.jpg 780w, https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-1.jpg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-1-1024x550.jpg\" alt=\"PWA\" class=\"uag-image-17586\" width=\"463\" height=\"477\" title=\"Word Laravel sur papier et sur ordinateur portable\" loading=\"lazy\" role=\"img\"><\/figure><\/div><p><\/p><p>Les applications Web progressives (PWA) sont de plus en plus populaires en raison de leur capacit\u00e9 \u00e0 offrir une exp\u00e9rience utilisateur harmonieuse et attrayante. En combinant les meilleures caract\u00e9ristiques des applications web et mobiles, les <g id=\"gid_0\">PWA<\/g> sont rapides, fiables et installables, offrant aux utilisateurs une exp\u00e9rience semblable \u00e0 celle d&rsquo;une application native, directement \u00e0 partir de leur navigateur Web. <g id=\"gid_1\">Laravel<\/g>, un framework PHP robuste, rend la cr\u00e9ation de PWA plus simple et plus efficace. Ce guide vous guidera \u00e0 travers les \u00e9tapes pour <a href=\"https:\/\/www.directimpactsolutions.com\/fr\/aide-memoire-sur-les-applications-web-progressives\/\">cr\u00e9er une PWA<\/a> avec Laravel.  <\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-73ed8854\"><h2 class=\"uagb-heading-text\">Les avantages du d\u00e9veloppement d&rsquo;une PWA avec le framework Laravel<\/h2><\/div><p><a href=\"https:\/\/www.directimpactsolutions.com\/fr\/developpement-web-laravel\/\">La cr\u00e9ation d&rsquo;applications Web progressives (PWA) \u00e0 l&rsquo;aide du framework Laravel <\/a>offre de nombreux avantages, en tirant parti de la technologie <a href=\"https:\/\/www.directimpactsolutions.com\/fr\/laravel\/\">Laravel<\/a> :<\/p><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-b783e44f4061acb676276e91aca79b2c\" id=\"Seamless-Performance-and-Speed\">Performances et rapidit\u00e9 sans faille<\/h3><ul class=\"wp-block-list\"><li>Routage et mise en cache efficaces : le syst\u00e8me de routage de Laravel et les m\u00e9canismes de mise en cache int\u00e9gr\u00e9s garantissent des temps de chargement rapides et des performances efficaces.<\/li>\n\n<li>ORM \u00e9loquent : L&rsquo;ORM \u00e9loquent de Laravel simplifie les interactions avec les bases de donn\u00e9es, acc\u00e9l\u00e9rant la r\u00e9cup\u00e9ration et la manipulation des donn\u00e9es. <\/li><\/ul><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-3b1c15ad5a204640da0c8aad08354f49\" id=\"Seamless-Performance-and-Speed\">Am\u00e9lioration de l&rsquo;engagement des utilisateurs<\/h3><ul class=\"wp-block-list\"><li>Authentification et autorisation robustes : Laravel fournit des outils int\u00e9gr\u00e9s pour l&rsquo;authentification et l&rsquo;autorisation s\u00e9curis\u00e9es des utilisateurs.<\/li>\n\n<li>Diffusion d&rsquo;\u00e9v\u00e9nements en temps r\u00e9el : La diffusion d&rsquo;\u00e9v\u00e9nements de Laravel permet des mises \u00e0 jour en temps r\u00e9el, ce qui am\u00e9liore l&rsquo;interaction avec les utilisateurs.<\/li><\/ul><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-4aed100ceedd03dfb78db55c7d96d086\" id=\"Seamless-Performance-and-Speed\">D\u00e9veloppement rentable<\/h3><ul class=\"wp-block-list\"><li>D\u00e9veloppement rapide : La syntaxe \u00e9l\u00e9gante et la documentation compl\u00e8te de Laravel facilitent un d\u00e9veloppement rapide.<\/li>\n\n<li>Composants r\u00e9utilisables : La structure modulaire de Laravel permet d&rsquo;avoir des composants r\u00e9utilisables, ce qui r\u00e9duit le temps et les co\u00fbts de d\u00e9veloppement.<\/li><\/ul><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-979b50611469d1ef92b92d9e5cc56f44\" id=\"Seamless-Performance-and-Speed\">S\u00e9curit\u00e9 renforc\u00e9e<\/h3><ul class=\"wp-block-list\"><li>Fonctionnalit\u00e9s de s\u00e9curit\u00e9 int\u00e9gr\u00e9es : Laravel inclut des protections contre les injections SQL, les scripts intersites (XSS) et la falsification des requ\u00eates intersites (CSRF).<\/li>\n\n<li>HTTPS par d\u00e9faut : Laravel encourage l&rsquo;utilisation de HTTPS, ce qui garantit une transmission s\u00e9curis\u00e9e des donn\u00e9es.<\/li><\/ul><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-976bdd1e22518f67ef2935debc197251\" id=\"Seamless-Performance-and-Speed\">Am\u00e9lioration du r\u00e9f\u00e9rencement et de la d\u00e9couvrabilit\u00e9<\/h3><ul class=\"wp-block-list\"><li>URL adapt\u00e9es au r\u00e9f\u00e9rencement : Le syst\u00e8me de routage de Laravel prend en charge les URL adapt\u00e9es au r\u00e9f\u00e9rencement, am\u00e9liorant ainsi le classement dans les moteurs de recherche.<\/li>\n\n<li>Gestion des m\u00e9tabalises : Laravel facilite la gestion des balises m\u00e9ta et d&rsquo;autres \u00e9l\u00e9ments de r\u00e9f\u00e9rencement.<\/li><\/ul><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-eaab0db34663e34c230b525805b42504\" id=\"Seamless-Performance-and-Speed\">Exp\u00e9rience sup\u00e9rieure pour les d\u00e9veloppeurs<\/h3><ul class=\"wp-block-list\"><li>Documentation compl\u00e8te : Laravel offre une documentation \u00e9tendue et bien organis\u00e9e.<\/li>\n\n<li>Communaut\u00e9 active : Laravel dispose d&rsquo;une communaut\u00e9 importante et active qui fournit de l&rsquo;aide, des paquets et des outils.<\/li><\/ul><div class=\"wp-block-uagb-advanced-heading uagb-block-4f95e8c4\"><h2 class=\"uagb-heading-text\">Pr\u00e9requis<\/h2><\/div><p>Avant de commencer, assure-toi que les \u00e9l\u00e9ments suivants sont install\u00e9s sur ton syst\u00e8me :<\/p><ul class=\"wp-block-list\"><li>PHP (&gt;= 7.2)<\/li>\n\n<li>Composer<\/li>\n\n<li>Node.js et npm<\/li>\n\n<li>CLI Laravel<\/li><\/ul><div class=\"wp-block-uagb-advanced-heading uagb-block-9314addb\"><h2 class=\"uagb-heading-text\">\u00c9tape 1 : Mise en place d&rsquo;un nouveau projet Laravel<\/h2><\/div><p>Tout d&rsquo;abord, cr\u00e9e un nouveau projet Laravel \u00e0 l&rsquo;aide de Composer :<\/p><pre class=\"wp-block-code\"><code>composer create-project --prefer-dist laravel\/laravel pwa-laravel<\/code><\/pre><p>Navigue jusqu&rsquo;au r\u00e9pertoire du projet :<\/p><pre class=\"wp-block-code\"><code>cd pwa-laravel&nbsp;<\/code><\/pre><div class=\"wp-block-uagb-advanced-heading uagb-block-eefa006c\"><h2 class=\"uagb-heading-text\">\u00c9tape 2 : Mise en place du paquet PWA de Laravel<\/h2><\/div><p>Pour mettre rapidement en place les fonctionnalit\u00e9s de la PWA, nous allons utiliser un package Laravel PWA. L\u2019un des paquets les plus populaires est <code>laravel-pwa<\/code>.<\/p><p>Installe le paquet \u00e0 l&rsquo;aide de Composer :<\/p><pre class=\"wp-block-code\"><code>composer require ladumor\/laravel-pwa<\/code><\/pre><p>Apr\u00e8s l&rsquo;installation, publie le fichier de configuration :<\/p><pre class=\"wp-block-code\"><code>php artisan laravel-pwa:publish<\/code><\/pre><p>Cette commande cr\u00e9era un fichier de configuration <code>config\/pwa.php<\/code> dans lequel vous pourrez personnaliser les param\u00e8tres de votre PWA<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-8c580d6a\"><h2 class=\"uagb-heading-text\">\u00c9tape 3 : Configuration de la PWA<\/h2><\/div><p>Ouvrez le fichier <code>config\/pwa.php<\/code> et configurez les param\u00e8tres de votre PWA. Tu trouveras ci-dessous un exemple de configuration :<\/p><pre class=\"wp-block-code\"><code>return &#91;\n'name' =&gt; 'My Laravel PWA',\n'short_name' =&gt; 'LaravelPWA',\n'start_url' =&gt; '\/',\n'background_color' =&gt; '#ffffff',\n'theme_color' =&gt; '#007bff',\n'display' =&gt; 'standalone',\n'orientation' =&gt; 'any',\n'icons' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp; '72x72' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-72x72.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '96x96' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-96x96.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '128x128' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-128x128.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '144x144' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-144x144.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '152x152' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-152x152.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '192x192' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-192x192.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '384x384' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-384x384.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n&nbsp;&nbsp;&nbsp;&nbsp; '512x512' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'path' =&gt; '\/images\/icons\/icon-512x512.png',\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'purpose' =&gt; 'any'\n&nbsp;&nbsp;&nbsp;&nbsp; ],\n],\n'offline' =&gt; &#91;\n&nbsp;&nbsp;&nbsp;&nbsp; 'page' =&gt; 'offline'\n]\n];<\/code><\/pre><div class=\"wp-block-uagb-advanced-heading uagb-block-93044246\"><h2 class=\"uagb-heading-text\">\u00c9tape 4 : Ajout d&rsquo;un service worker<\/h2><\/div><p>Les service workers sont au c\u0153ur de toute PWA, permettant des fonctionnalit\u00e9s telles que l\u2019acc\u00e8s hors ligne et les notifications push. Le package <code>laravel-pwa<\/code> g\u00e9n\u00e8re automatiquement un fichier de service worker pour vous.<\/p><p>Pour personnaliser votre service worker, vous pouvez modifier le fichier <code>public\/serviceworker.js<\/code>. Pour une configuration de base, vous n\u2019aurez peut-\u00eatre pas besoin de faire des changements significatifs ici, mais vous pouvez ajouter des strat\u00e9gies de mise en cache personnalis\u00e9es ou une synchronisation en arri\u00e8re-plan si n\u00e9cessaire.<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-4206620c\"><h2 class=\"uagb-heading-text\">\u00c9tape 5 : Cr\u00e9ation du fichier manifeste<\/h2><\/div><p>Le fichier manifeste est un fichier JSON qui indique au navigateur comment votre PWA doit se comporter lorsqu\u2019elle est install\u00e9e sur un appareil. Le package laravel-pwa g\u00e9n\u00e8re automatiquement le fichier manifest en fonction de ta configuration dans pwa.php. Pour personnaliser le manifeste, vous pouvez modifier le fichier <code>laravel-pwa<\/code> ou \u00e9diter directement le fichier <code>pwa.php<\/code>g\u00e9n\u00e9r\u00e9.<\/p><p>Pour personnaliser le manifeste, vous pouvez modifier le fichier <code>config\/pwa.php<\/code> ou \u00e9diter directement le fichier <code>public\/manifest.json<\/code> g\u00e9n\u00e9r\u00e9.<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-87bf3709\"><h2 class=\"uagb-heading-text\">\u00c9tape 6 : Gestion des pages hors ligne<\/h2><\/div><p>Cr\u00e9e une page hors ligne qui s\u2019affichera lorsque l\u2019utilisateur est hors ligne. Cr\u00e9ez un nouveau mod\u00e8le Blade <code>resources\/views\/offline.blade.php<\/code> et ajoutez votre message hors ligne :<\/p><pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;title&gt;Offline&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;h1&gt;You're offline&lt;\/h1&gt;\n&lt;p&gt;Please check your internet connection and try again.&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre><p>Dans votre fichier de routes <code>web.php<\/code>, ajoutez une route pour g\u00e9rer la page hors ligne :<\/p><pre class=\"wp-block-code\"><code>Route::get('\/offline', function () {\nreturn view('offline');\n});<\/code><\/pre><div class=\"wp-block-uagb-advanced-heading uagb-block-e3ba636f\"><h2 class=\"uagb-heading-text\">\u00c9tape 7 : Tester la PWA<\/h2><\/div><p>Pour tester votre PWA, assurez-vous que votre serveur de d\u00e9veloppement fonctionne :<\/p><pre class=\"wp-block-code\"><code>php artisan serve<\/code><\/pre><p>Visitez <code>http:\/\/localhost:8000<\/code> dans votre navigateur. Ouvrez les outils de d\u00e9veloppement du navigateur et naviguez jusqu\u2019\u00e0 l\u2019onglet \u00ab Application \u00bb. Vous devriez voir votre manifeste PWA, votre service worker et les autres param\u00e8tres configur\u00e9s correctement.<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-75ba3a24\"><h2 class=\"uagb-heading-text\">\u00c9tape 8 : Rendre la PWA installable<\/h2><\/div><p>Pour qu&rsquo;une PWA soit installable, elle doit r\u00e9pondre \u00e0 certains crit\u00e8res, comme avoir un fichier manifeste valide et servir tous les fichiers via HTTPS. Dans un environnement de production, assurez-vous que votre application est servie par HTTPS. Vous pouvez utiliser des services comme Let&rsquo;s Encrypt pour obtenir un certificat SSL gratuit.<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-4bbdfd46\"><h2 class=\"uagb-heading-text\">\u00c9tape 9 : Am\u00e9liorer la PWA<\/h2><\/div><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-64163d5c0caf7f5dc71aa6890d63f14a\">Notifications push<\/h3><p>Pour ajouter des notifications push, vous devrez l&rsquo;int\u00e9grer \u00e0 un service push comme Firebase Cloud Messaging (FCM). Cela implique de configurer FCM, d&rsquo;ajouter les scripts n\u00e9cessaires \u00e0 votre application et de g\u00e9rer les \u00e9v\u00e9nements push dans votre service worker.<\/p><h3 class=\"wp-block-heading has-ast-global-color-2-color has-text-color has-link-color wp-elements-5f8791d84ccb9ca117ab5def80ffa630\" id=\"Background-Sync\">Synchronisation en arri\u00e8re-plan<\/h3><p>La synchronisation en arri\u00e8re-plan permet \u00e0 votre PWA de diff\u00e9rer des actions jusqu&rsquo;\u00e0 ce que l&rsquo;utilisateur dispose d&rsquo;une connexion Internet stable. Cela peut \u00eatre utile pour envoyer les donn\u00e9es collect\u00e9es hors ligne au serveur une fois la connectivit\u00e9 r\u00e9tablie. Vous pouvez mettre en \u0153uvre la synchronisation en arri\u00e8re-plan en ajoutant des \u00e9v\u00e9nements de synchronisation \u00e0 votre service worker.<\/p><div class=\"wp-block-uagb-advanced-heading uagb-block-27dba921\"><h2 class=\"uagb-heading-text\">Conclusion<\/h2><\/div><p><a href=\"https:\/\/www.directimpactsolutions.com\/fr\/developpement-web-laravel\/\">Construire une application Web progressive avec Laravel<\/a> est un processus simple, gr\u00e2ce aux outils et aux biblioth\u00e8ques robustes disponibles. En suivant ce guide \u00e9tape par \u00e9tape, vous pouvez cr\u00e9er une PWA qui offre une exp\u00e9rience utilisateur am\u00e9lior\u00e9e avec des capacit\u00e9s hors ligne, des notifications push et une interface semblable \u00e0 celle d\u2019une appli. Alors que les PWA continuent de gagner en popularit\u00e9, l\u2019exploitation de leurs fonctionnalit\u00e9s peut apporter des avantages significatifs \u00e0 vos utilisateurs et \u00e0 votre entreprise. Commencez \u00e0 construire des PWA Laravel d\u00e8s aujourd\u2019hui et profitez de la puissante combinaison des technologies web et mobiles.<\/p>","protected":false},"excerpt":{"rendered":"<p>Les applications Web progressives (PWA) sont de plus en plus populaires en raison de leur capacit\u00e9 \u00e0 offrir une exp\u00e9rience utilisateur harmonieuse et attrayante. En combinant les meilleures caract\u00e9ristiques des applications web et mobiles, les PWA sont rapides, fiables et installables, offrant aux utilisateurs une exp\u00e9rience semblable \u00e0 celle d&rsquo;une application native, directement \u00e0 partir &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.directimpactsolutions.com\/fr\/creer-une-application-web-progressive-pwa-avec-laravel-un-guide-etape-par-etape\/\"> <span class=\"screen-reader-text\">Cr\u00e9er une application web progressive (PWA) avec Laravel : un guide \u00e9tape par \u00e9tape<\/span> Lire la suite >><\/a><\/p>\n","protected":false},"author":6,"featured_media":17584,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[37],"tags":[],"class_list":["post-18218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web"],"uagb_featured_image_src":{"full":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248.jpg",1397,750,false],"thumbnail":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-150x150.jpg",150,150,true],"medium":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-300x161.jpg",300,161,true],"medium_large":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-768x412.jpg",768,412,true],"large":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-1024x550.jpg",1024,550,true],"1536x1536":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248.jpg",1397,750,false],"2048x2048":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248.jpg",1397,750,false],"woocommerce_thumbnail":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-300x300.jpg",300,300,true],"woocommerce_single":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-600x322.jpg",600,322,true],"woocommerce_gallery_thumbnail":["https:\/\/www.directimpactsolutions.com\/wp-content\/uploads\/2024\/07\/iStock-1316449248-100x100.jpg",100,100,true]},"uagb_author_info":{"display_name":"Direct Impact Solutions","author_link":"https:\/\/www.directimpactsolutions.com\/fr\/author\/direct-impact-solutions\/"},"uagb_comment_info":0,"uagb_excerpt":"Les applications Web progressives (PWA) sont de plus en plus populaires en raison de leur capacit\u00e9 \u00e0 offrir une exp\u00e9rience utilisateur harmonieuse et attrayante. En combinant les meilleures caract\u00e9ristiques des applications web et mobiles, les PWA sont rapides, fiables et installables, offrant aux utilisateurs une exp\u00e9rience semblable \u00e0 celle d&rsquo;une application native, directement \u00e0 partir\u2026","_links":{"self":[{"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/posts\/18218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/comments?post=18218"}],"version-history":[{"count":3,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/posts\/18218\/revisions"}],"predecessor-version":[{"id":20800,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/posts\/18218\/revisions\/20800"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/media\/17584"}],"wp:attachment":[{"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/media?parent=18218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/categories?post=18218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.directimpactsolutions.com\/fr\/wp-json\/wp\/v2\/tags?post=18218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}