Développement web

VueJS 3, ExpressJS 4.17 | Uploading and resizing an image

Uploading an image and resizing with VueJS 3 and ExpressJS 4.17 I will show you how to make a simple form with VueJS 3, to upload an image and a text field that could be used for the image’s alternative text. The server is running ExpressJS 4.17. We will need several libraries : VueJS Front Back ExpressJS Once the outbuildings are installed, let’s get …

VueJS 3, ExpressJS 4.17 | Uploading and resizing an image Lire la suite »

Symfony 5 | Return an image via a controller route

Installation of the road First of all you need a controller with a route ready to receive an image name, and then return the image. Then you need to install the following package: compose require symfony/mime which will allow Symfony to automatically detect the mime type to return. You also need to import these packages on top of the controller. My file tree My image …

Symfony 5 | Return an image via a controller route Lire la suite »

Nodemailer : Send a mail with nodemailer and receive it with maildev

Requirements to send an email with nodemailer under NodeJS Install nodemailer from npm : https://www.npmjs.com/package/nodemailer To receive mail locally: https://github.com/maildev/maildev (Useful tools to install globally) To receive mail locally with maildev To receive mail with maildev, you must first launch maildev after installing it globally (npm i maildev -g), then go to a command prompt to type maildev Send the mail with nodemailer  You will …

Nodemailer : Send a mail with nodemailer and receive it with maildev Lire la suite »

Symfony 5 | Receive server errors by email with monolog, swiftmailer and maildev

Prerequisites of the tutorial : Install monolog: https://packagist.org/packages/symfony/monolog-bundle (Allows to receive server errors by mail) Install maildev : https://github.com/maildev/maildev (Allows to create a local SMTP server) Install swiftmailer : https://packagist.org/packages/symfony/swiftmailer-bundle (Allows to send mails under Symfony) Configure Monolog : Go to the file monolog.yaml in the folder config/packages/dev (or prod for the prod..) And define the options as in the box below to receive critical errors (so 5XX) but it …

Symfony 5 | Receive server errors by email with monolog, swiftmailer and maildev Lire la suite »

Symfony 5 | Send mail with SwiftMailer and Maildev

Prerequisite: Install SwiftMailer: https://symfony.com/doc/5.2/email.htmlInstall Maildev : Configure SwiftMailer : In the file swiftmailer.yaml which is in the config/packages folder we have access to the SMTP url which is in the .env. In the .env change the MAILER_URL. Which will send all mails on port 1025 which is the maildev reception port. Start Maildev : Go to a command prompt and type maildev, the following message will appear …

Symfony 5 | Send mail with SwiftMailer and Maildev Lire la suite »

jQuery, Webpack et Symfony | Appeler jQuery dans vos fichiers twig

Uncaught ReferenceError: jQuery is not defined Si vous avez rencontré ce message d’erreur dans votre console d’un projet Symfony utilisant Webpack, il est fort probable que vous utilisez jQuery de la manière suivante dans votre projet :  Votre cas Dans le fichier app.js vous avez surement appelé jQuery de cette manière : Et vous avez ensuite voulu appelé dans votre fichier twig jQuery de …

jQuery, Webpack et Symfony | Appeler jQuery dans vos fichiers twig Lire la suite »

Symfony, Doctrine | Récupérer les anciennes données d’un formulaire FormType

Méthode pour récuperer les anciennes données d’un formulaire FormType sous Symfony Il vous est nécessaire de récupérer les anciennes données d’une Entity sous Symfony pour faire un certain traitement tel que la gestion d’une historisation ou autre ? Je vais vous présenter une méthode qui utilise Unit Of Work pour comparer les anciennes données des données envoyées via le formulaire créée par FormType. Utiliser Unit Of Work de Doctrine Pour récupérer …

Symfony, Doctrine | Récupérer les anciennes données d’un formulaire FormType Lire la suite »

JavaScript, jQuery et Regex | Sécuriser un mot de passe en temps réel avec JS

Voici comment sécuriser un mot de passe en front avec JavaScript couplé à jQuery et les expressions régulières (Regex) : Vous souhaitez vérifier en front que l’utilisateur a bien saisi 8 caractères, un chiffre et ou une majuscule ? Je vais vous guider sur la procédure à suivre. Il faut pour suivre cette procédure avoir jQuery d’installé, ce n’est pas obligatoire, …

JavaScript, jQuery et Regex | Sécuriser un mot de passe en temps réel avec JS Lire la suite »

Doctrine, Symfony | Différence entre deux dates sous MySQL (Jour, mois, années…)

Comment connaître la différence entre deux dates sous MySQL avec Symfony et Doctrine ? Doctrine est un ORM intégré à Symfony qui permets de faire facilement des opérations MySQL. Les opérations de types dates requièrent souvent d’utiliser des fonctions MySQL native, vous pouvez retrouver la liste de ces fonctions sur le lien officiel MySQL. Il vous faut utiliser la méthode TimeStampDiff qui …

Doctrine, Symfony | Différence entre deux dates sous MySQL (Jour, mois, années…) Lire la suite »

ChoiceType Symfony FormType | Radio button valeur par défaut dans un FormType

Comment mettre une valeur par défaut à un groupe de radio button de type ChoiceType sous Symfony 4+ ? Actuellement vous utilisez surement les formulaires de cette façon : Ce qui vous donne en résultat un groupe de 3 radios buttons avec un seul choix possible, mais si vous mettez directement ici une valeur par défaut, elle écrasera les valeurs …

ChoiceType Symfony FormType | Radio button valeur par défaut dans un FormType Lire la suite »