programmation web - cyberdyp.com

Apprenez à construire une application web dans Django qui vérifie les adresses e-mail à l'aide du validateur de courrier électronique dans Python. La vérification de l'adresse électronique est un processus qui implique la confirmation de l'authenticité ou de la légitimité d'une adresse électronique. Aujourd'hui, les entreprises intègrent la vérification par courrier électronique dans leurs opérations quotidiennes, ce qui s'est avéré plus efficace car cela les aide à ne conserver que les adresses électroniques des clients qui soient valides et accessibles. Il y a des tonnes de services de vérification d'adresses e-mail sur Internet, mais tout cela a un coût, mais la bonne nouvelle est que vous pouvez construire votre propre outil pour cette tâche gratuitement avec l'aide de Django et de paquets de validation de courrier électronique. Dans cet article, vous apprendrez comment construire votre propre vérificateur d'adresses e-mail basé sur le web à partir de zéro, donc avec cela dit, plongeons-nous. À la fin de cet article, vous pourrez construire une application qui ressemble à ceci: Démarrage Commençons par créer un environnement virtuel pour le projet; nous utiliserons cette commande: $ python -m venv project Pour activer l'environnement virtuel, utiliser: $ .\project\Scripts\activate Ayant créé et activé l'environnement virtuel, installons maintenant les dépendances requises pour ce projet; nous allons les installer en une seule fois, alors utiliser: $ pip install django email-validator Création du projet principal et de l'application Maintenant que la mise en place de l'environnement du projet est prise en compte, nous devrions créer le principal projet de Django, qui s'inscrit maintenant $ django-admin startproject webbased_emailverifier Puis cd dans le webbased_emailverifierfolder, avec cette commande: $ cd webbased_emailverifier À l'intérieur webbased_emailverifierfolder, exécuter cette commande: $ python manage.py startapp verifier Cela créera l'application du vérificateur. Après tout cela, assurez-vous d'avoir la structure de dossier suivante pour le projet: Le verifierle dossier est l'application, le webbased_emailverifierle dossier est le projet principal et le manage.pyfichier est un script qui nous aide à exécuter les ordres administratifs Django comme le startapp, runserver, etc. Avant de nous déplacer plus loin, testons si Django était installé avec succès, pour rouler le serveur local Django, exécutez la commande : $ python manage.py runserver Si le serveur fonctionne avec succès, collez l'URL http://127.0.0.1:8000/ dans votre navigateur web et assurez-vous d'obtenir cette sortie dans le navigateur: Cela signifie que Django a été installé avec succès, et nous sommes bons pour aller de l'avant. Enregistrement de la demande dans le settings.pyFichier Notre verifierapplication n'est pas encore connue par le projet principal, nous devons donc l'enregistrer. Pour ce faire, ouvrez le settings.pyDossier situé à l'intérieur du webbased_emailverifier: Et faites défiler vers le bas jusqu'à ce que vous trouviez le INSTALLED_APPlister, et l'éditer pour qu'il ressemble à ceci: # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', # the newly created application 'verifier', ] Le settings.pyfichier est un fichier important pour le projet car il est responsable de toutes les configurations du projet, alors soyez très prudent lors de son édition parce qu'une ligne de code désordonnée pourrait briser l'ensemble du projet. Création de la vue principale pour l'application dans le views.pyFichier Nous allons maintenant créer la vue pour l'application et ouvrir le views.pyqui se trouve à l'intérieur du verifierfolder: Le views.pyUn fichier gère toute la logique d'application, comme la capture et la validation des données à partir de formulaires, la réalisation d'appels de demandes d'API et l'authentification des utilisateurs. Ouvrez-le et collez ces lignes de code: from django.shortcuts import render from django.http import HttpResponse # Create your views here. def index(request): return HttpResponse('This is the Index page!!') Dans le snippet de code, nous importons HttpResponse()fonction à partir de django.http, cette fonction est juste pour échor aux réponses dans le navigateur à l'utilisateur. Vous en saurez plus sur le render()fonctionner plus loin dans l'article. Configuration des URL pour l'application Créons maintenant les URL de l'application. Créer un urls.pyDossier à l'intérieur du verifierDossier comme suit: Ce fichier est destiné à enregistrer les points de vue de l’application; assurez-vous de le nommer urls.pyPas autrement, c'est la convention de Django. Ouvrez-le et collez le code suivant: # from the current folder import views from views import index # importing path from django.urls from django.urls import path # this is the list of the app's views # if the app has several views then it will have several paths urlpatterns = [ path('', index, name='home'), ] Dans le dossier, nous importons le index()vue de views.pyFichier. Après les importations, nous créons une liste appelée urlpatternsliste, qui contiendra un chemin d'URL, et si l'application a plusieurs vues, alors le urlpatternscontiendra plusieurs chemins d'URL. Si vous remarquez, le path()La fonction prend trois arguments, le chemin réel comme une chaîne vide, la vue et le nom de la vue. Maintenant, faisons connaître l'URL de l'application au projet, ouvrons le webbased_emailverifieret ouvrir le urls.py Dossier: Il vaut la peine d'être mentionnée ici, c'est la demande urls.pyle dossier n’est pas le même que celui du projet urls.pyFichier. Le urls.pyDossier à l'intérieur du verifierle dossier est destiné à l'enregistrement de toutes les vues de l'application et urls.pyDossier à l'intérieur du webbased_emailverifierUn dossier est destiné à enregistrer toutes les URL des applications. Si le projet a, par exemple, cinq applications, alors toutes les URL de ces applications seront enregistrées dans le projet. urls.pyFichier. Ouvrez-le et collez ce code: from django.contrib import admin from django.urls import path, include urlpatterns = [ # this points to admin.site urls path('admin/', admin.site.urls), # this points to verifier urls path('', include('verifier.urls')), ] Décomposons un peu le code pour que nous soyons sur la même page. Nous sommes en train de créer un urlpatternsliste avec deux path()fonctions, la première pointe vers les URL de site d'administration par défaut, et la seconde à la verifierles URL de l'application utilisant le include()fonction. Il est temps maintenant de tester si toutes les configurations que nous avons faites fonctionnent. Assurez-vous que le serveur fonctionne; juste au cas où il s'arrête, redémarrez-le. Maintenant, dans votre navigateur web, allez sur cette URL http://127.0.0.1:8000/ ; la sortie ressemblera à ceci : Tout semble fonctionner parfaitement. Création et mise en page de modèles Nous allons maintenant porter notre attention sur la construction de la partie frontale de l'application. Nous utiliserons HTML et Bootstrap5 à des fins de coiffage. Faisons les modèles pour l'application à l'intérieur de la verifierplieur. Créer un dossier appelé templates, et à l'intérieur de cette templatesfolder, créer un autre dossier appelé verifier, c'est la façon de Django de faire les choses. Cette application aura deux modèles base.htmlet la index.html, et ils seront situés à l'intérieur du nouveau verifierfolder: Tout d'abord, ouvrez le base.htmlet coller le code suivant: Web-based Email Verifier {% block content %} {% endblock %} Il s'agit d'un fichier boilerplate HTML, avec Bootstrap5 CSS et JavaScript y ajoutés via les balises de lien et de script, respectivement. JavaScript ajoutera l'interactivité à l'extrémité avant. Le index.htmlmodèle héritera de tout de la base.htmlmodèle, c'est pratique car il nous fait gagner du temps parce que nous ne répéterons pas le code, le rendant ainsi propre. Ouvrir le index.htmlet coller ce code: {% extends 'verifier/base.html' %} {% block content %} Email Verifier {% csrf_token %} Verify {% if messages %} {% for message in messages %} {% if message.tags == 'success' %} {{ email }} is a valid email address!!!!! {% elif message.tags == 'warning' %} {{ email }} {{ message }} {% endif %} {% endfor %} {% endif %} {% endblock %} Pour la index.htmlmodèle à hériter de la base.htmlmodèle, nous utilisons: {% extends 'verifier/base.html' %} Ce modèle est destiné à afficher les résultats de vérification du formulaire et de l'adresse e-mail. A l'intérieur de la forme, nous avons ce code: {% csrf_token %} Puisque le formulaire utilise la méthode POST, nous utilisons csrf_tokenpour le sécuriser lors de la soumission de toute forme d'attaque malveillante. Ayant créé tous les modèles, c'est maintenant le moment que nous les rendions dans le navigateur, ouvrir le views.pyet éditer le index()fonctionner de manière à ce qu'il ressemble à ceci: def index(request): return render(request, 'verifier/index.html') Ici, nous avons remplacé le HttpResponse()fonction avec le render()fonction, cette fonction est pour le rendu des modèles, et elle prend deux arguments, la demande et le modèle réel. Venons-nous maintenant voir le premier regard sur l'application. Consultez à nouveau l'URL par défaut, et si vous rafraîchissez la page, vous obtiendrez ce résultat: Félicitations pour la conception de l'avant-garde de l'application Vérification des adresses électroniques Dans cette dernière partie de l'article, nous mettrons en œuvre la fonctionnalité de vérification de l'adresse e-mail. Pour ce faire, ouvrez le views.pyet faire ressembler à ceci: from django.shortcuts import render # this displays flash messages or notifications from django.contrib import messages # importing validate_email and EmailNotValidError from email_validator import validate_email, EmailNotValidError # Create your views here. def index(request): # checking if the method is POST if request.method == 'POST': # getting the email from the form input email = request.POST.get('email-address') # this is the context context = { 'email': email } # the try statement for verify/validating the email try: # validating the actual email address using the validate_email function email_object = validate_email(email) # creating the message and storing it messages.success(request, f'{email} is a valid email address!!') # rendering the results to the index page return render(request, 'verifier/index.html', context) # the except statement will capture EmailNotValidError error except EmailNotValidError as e: # creating the message and storing it messages.warning(request, f'{e}') # rendering the error to the index page return render(request, 'verifier/index.html', context) # this will render when there is no request POST or after every POST request return render(request, 'verifier/index.html') Dans le snippet de code, nous importons le render()fonction, comme d'habitude, nous importons également le Django intégré messagesde django.contrib, c'est pour l'affichage de messages flash ou de notifications, et enfin, nous importons validate_emailet E mailNotValidErrorde email_validator. D'après la documentation du valideur de courrier électronique, il indique que la bibliothèque valide qu'une chaîne est du nom de la forme. Dans le index()fonction, nous vérifions si la demande envoyée est POST. Si tel est le cas, nous récupérons l'e-mail à partir des données du formulaire en utilisant le request.POST.get(‘email-address’), le email-addressest le nom donné à la saisie par courrier électronique dans le formulaire. Après mise en place de la emaildans le contexte, nous avons un try/exceptbloc, dans le trydéclaration, nous validons l'adresse e-mail en utilisant le validate_email()fonction, après une validation réussie, nous créons un message de succès et appelons le message de succès render()fonction. Dans le exceptbloc, nous ne faisons qu'attraper le EmailNotValidError, nous créons également un message, mais cette fois, c'est un avertissement de type, et nous appelons le render()à nouveau. Avant ou après un POSTdemande, nous voulons toujours afficher le formulaire. render()fonction après la try/exceptLe bloc le fera pour nous. Essayez l'application, fournissez une adresse e-mail valide et vérifiez-la en cliquant sur le bouton de vérification. Si vous remarquez, toutes les alertes ont un bouton de fermeture. En cliquant sur ce bouton, les alertes disparaissent; c'est possible en raison du JavaScript que nous avons inclus dans le base.htmlmodèle, et dans le index.htmlmodèle, nous avons si les instructions juste en dessous du formulaire de filtrage des alertes. Chaque alerte a une icône; pour les icônes, nous utilisons le svgtags. Remarque: l'application peut détecter de nombreuses erreurs; cet article ne les a pas toutes épuisées, mais vous pouvez essayer vous-même de comprendre ce qu'elles sont. Conclusion C'est le cas de cet article ; nous espérons qu'il y a tellement de choses que vous avez apprises et que les connaissances que vous avez acquises seront appliquées dans vos futurs projets Django. Cet article vous a parcouru le processus de construction d'un vérificateur d'adresses e-mail basé sur le web en utilisant le cadre Django et le package de validation d'e-mail. Cela peut être un outil utile pour empêcher les abus d'adresses de courrier électronique et pour s'assurer que seules les adresses électroniques valides sont utilisées.

Catégorie : programmation web

Comment construire une application de vérification d’adresses emails en utilisant Django et Python

Comment construire un système d’authentification avec Django

Comment créer une API RESTful avec Flask en Python