https://blog.lonfo.fr/fr/tags/api-gateway/Recent content in Api Gateway on Lonfo BlogHugofr-FRTue, 20 Oct 2026 09:00:00 +0200https://blog.lonfo.fr/fr/posts/daily-actions-lister-dynamodb-query-api-gateway-lambda/Tue, 20 Oct 2026 09:00:00 +0200https://blog.lonfo.fr/fr/posts/daily-actions-lister-dynamodb-query-api-gateway-lambda/<h1 id="daily-actions-relire-vos-données-avec-un-query-dynamodb-derrière-get-actions">Daily Actions: Relire vos données avec un Query DynamoDB derrière GET /actions</h1> <p>Dans l&rsquo;article précédent, nos utilisateurs ont appris à <strong>écrire</strong> : un utilisateur connecté envoie une action à <code>POST /actions</code>, une Lambda la stocke dans DynamoDB, et les requêtes anonymes sont rejetées. Mais si vous ajoutez une tâche puis rafraîchissez la page <code>/todo</code>, la liste reste vide. Rien ne relit les données.</p> <p>Dans cet article, nous ajoutons la moitié manquante : un endpoint <code>GET /actions</code> qui renvoie <strong>uniquement les actions de l&rsquo;utilisateur connecté</strong>, grâce à un <code>Query</code> DynamoDB.</p>https://blog.lonfo.fr/fr/posts/daily-actions-securiser-api-gateway-lambda-dynamodb-avec-cognito/Tue, 13 Oct 2026 09:00:00 +0200https://blog.lonfo.fr/fr/posts/daily-actions-securiser-api-gateway-lambda-dynamodb-avec-cognito/<h1 id="daily-actions-enregistrer-des-données-dans-dynamodb-via-une-api-gateway-et-une-lambda-sécurisées-par-cognito">Daily Actions: Enregistrer des données dans DynamoDB via une API Gateway et une Lambda sécurisées par Cognito</h1> <p>Dans l&rsquo;article précédent, notre application Next.js statique a appris à authentifier ses utilisateurs avec Amazon Cognito. Mais une page de connexion ne protège rien à elle seule : tant que notre backend accepte des requêtes anonymes, n&rsquo;importe qui peut écrire dans notre base.</p> <p>Dans cet article, nous relions les morceaux. L&rsquo;utilisateur connecté enverra une nouvelle action vers un endpoint API Gateway, une fonction Lambda l&rsquo;insérera dans DynamoDB, et <strong>seules les requêtes portant un jeton Cognito valide passeront</strong>.</p>https://blog.lonfo.fr/fr/posts/donnez-de-la-m%C3%A9moire-%C3%A0-votre-api-cr%C3%A9ez-un-crud-complet-avec-dynamodb-et-cdk/Fri, 14 Nov 2025 12:25:40 +0100https://blog.lonfo.fr/fr/posts/donnez-de-la-m%C3%A9moire-%C3%A0-votre-api-cr%C3%A9ez-un-crud-complet-avec-dynamodb-et-cdk/<h1 id="donnez-de-la-mémoire-à-votre-api-créez-un-crud-complet-avec-dynamodb-et-cdk">Donnez de la mémoire à votre API: Créez un CRUD complet avec DynamoDB et CDK&quot;</h1> <pre><code>Dans les précedents articles, nous vous avons introduit progressivement au serverless, en passant par la création et le déploiement d'une fontcion lambda pour le premier acticle, l'ajout d'une api Gateway pour le déclenchement de la lambda poue le second article dans les deux cas, les données retounées étaient des simple mocks. vous avez ainsi aquis de bonnes bases pour passer au niveau supperieur : la persistance des données. Comme énoncer dans le titre nos allons utiliser DynamoDB et npus resterons toujours dans la meme logique la decouverte de aws cdk. </code></pre> <div class="alert alert-warning my-6 overflow-hidden rounded-lg border-l-4 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:shadow-md" style="background-color: color-mix(in srgb, var(--color-warning) 10%, transparent); border-left-color: var(--color-warning); --hover-bg: color-mix(in srgb, var(--color-warning) 15%, transparent);" onmouseover="this.style.backgroundColor = this.style.getPropertyValue('--hover-bg')" onmouseout="this.style.backgroundColor = 'color-mix(in srgb, var(--color-warning) 10%, transparent)'" role="alert" aria-labelledby="alert-0-title"> <div class=" cursor-pointer flex items-center justify-between p-4" onclick="toggleAlert('alert-0')" role="button" tabindex="0" aria-expanded="true" aria-controls="alert-0-content" onkeydown="if(event.key==='Enter'||event.key===' '){toggleAlert('alert-0');event.preventDefault();}" > <div class="flex items-center gap-3"> <div class="flex-shrink-0" style="color: var(--color-warning);"> <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.732-.833-2.464 0L4.34 16.5c-.77.833.192 2.5 1.732 2.5z" /> </svg> </div> <h4 id="alert-0-title" class="m-0 font-semibold" style="color: var(--color-warning);"> Objectif du tutoriel </h4> </div> <div class="flex-shrink-0 transition-transform duration-200" style="color: var(--color-warning);" id="alert-0-chevron"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </div> </div> <div id="alert-0-content" class="alert-content px-4 pb-4"> <div class="prose prose-sm text-foreground/90 max-w-none"> <p>nous allons sur la base des précédents tutoriels créer: une table DynamoDB pour la sauvegarde de nos tâches en base de données</p>https://blog.lonfo.fr/fr/posts/construit-ta-premiere-api-serverless-avec-api-gateway-et-lambda-en-utilisant-la-cdk-et-typescript/Thu, 23 Oct 2025 20:35:01 +0100https://blog.lonfo.fr/fr/posts/construit-ta-premiere-api-serverless-avec-api-gateway-et-lambda-en-utilisant-la-cdk-et-typescript/<h1 id="construit-ta-premiere-api-serverless-avec-api-gateway-et-lambda--en-utilisant-la-cdk-et-typescript">Construit ta premiere API serverless avec API Gateway et Lambda en utilisant la CDK et TypeScript</h1> <p>Le serverless est l&rsquo;une des approches les plus populaires pour créer des applications rapide,scalable et économiques. Dans cet article, je vous montre comment créer une simple Api avec deux endpoints en moins de 10 minutes,en utilisant AWS Lambda et API Gateway , et en déployant l&rsquo;infrastructure avec AWS CDK en TypeScript.</p> <div class="alert alert-warning my-6 overflow-hidden rounded-lg border-l-4 transition-all duration-200 ease-out hover:-translate-y-0.5 hover:shadow-md" style="background-color: color-mix(in srgb, var(--color-warning) 10%, transparent); border-left-color: var(--color-warning); --hover-bg: color-mix(in srgb, var(--color-warning) 15%, transparent);" onmouseover="this.style.backgroundColor = this.style.getPropertyValue('--hover-bg')" onmouseout="this.style.backgroundColor = 'color-mix(in srgb, var(--color-warning) 10%, transparent)'" role="alert" aria-labelledby="alert-0-title"> <div class=" cursor-pointer flex items-center justify-between p-4" onclick="toggleAlert('alert-0')" role="button" tabindex="0" aria-expanded="true" aria-controls="alert-0-content" onkeydown="if(event.key==='Enter'||event.key===' '){toggleAlert('alert-0');event.preventDefault();}" > <div class="flex items-center gap-3"> <div class="flex-shrink-0" style="color: var(--color-warning);"> <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.732-.833-2.464 0L4.34 16.5c-.77.833.192 2.5 1.732 2.5z" /> </svg> </div> <h4 id="alert-0-title" class="m-0 font-semibold" style="color: var(--color-warning);"> Objectif du tutoriel </h4> </div> <div class="flex-shrink-0 transition-transform duration-200" style="color: var(--color-warning);" id="alert-0-chevron"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </div> </div> <div id="alert-0-content" class="alert-content px-4 pb-4"> <div class="prose prose-sm text-foreground/90 max-w-none"> <p>Nous allons: créer une api avec deux routes:</p>