Merci d'avoir sorti
.
.
lire cet article
1. Utilisation d'outils de capture de paquets
1. Introduction à l'outil de capture de paquets
-
Outils de développement Chrome/Firefox : navigateur intégré, facile à utiliser
-
Fiddler/Charles : capture de paquets basée sur un proxy, puissant, peut capturer des paquets sur des téléphones mobiles, simuler des réseaux faibles, intercepter des requêtes et personnaliser les réponses
-
Fiddler : gratuit, ne prend en charge que Win
-
Charles : gratuit, prend en charge Win/Linux/Mac
-
wireshark/tcpdumps : la capture de paquets pour la couche de carte réseau, avec une grande quantité de données, peut capturer des paquets de divers protocoles tels que tcp/udp (nécessite un filtrage)
-
wireshark : prend en charge Win/Linux/Mac
-
tcpdumps : commande de capture de paquets Linux, puissante, souvent utilisée pour la capture de paquets de serveur
1.1 Qu'est-ce qu'un proxy
proxy de transfert
Proxy direct et proxy inverse
-
Dans le proxy direct, le proxy et le client sont dans un réseau local, transparent pour le serveur
-
Dans un proxy inverse, le proxy et le serveur sont dans un réseau local, transparent pour le client
-
Par exemple, utiliser un proxy pour accéder à Google est un proxy direct, et demander différents sites Web au même serveur via Nginx via différents noms de domaine est un proxy inverse.
-
Le proxy inverse peut faire l'équilibrage de charge
-
Le test d'interface de proxy inverse doit généralement lier d'abord les hôtes locaux
1.2. Comment ajouter manuellement un proxy
-
Démarrez le serveur proxy, par exemple en ouvrant le service proxy de Postman (adresse IP locale, port par défaut 5555)
-
Paramètres Win -> proxy -> configurer l'adresse IP et le nom de domaine du proxy
1.3. Configuration du téléphone mobile Proxy Internet (capture de paquets de téléphone mobile)
-
Ordinateur portable et mobile utilisent le même
wifi
accès Internet -
Démarrez le serveur proxy sur l'ordinateur portable, tel que
Postman
le service proxy ouvert (ordinateur localip
, port par défaut5555
) -
Appuyez longuement sur le téléphone pour sélectionner Gérer le réseau ou Configuration manuelle
wifi->
avancée du proxy Configurer le proxy et le nom de domaine->
->
ip
1.4. Lier les hôtes (pour le proxy inverse)
-
Gagner:
notepad C:\Windows\System32\drivers\etc\hosts
-
Linux :
vim /etc/hosts
(format : nom de domaine IP)
2. Outils de développement Chrome
-
Éléments : panneau d'éléments HTML, utilisé pour localiser et afficher le code source des éléments ;
-
Console : panneau de la console js, ligne de commande js, afficher les journaux frontaux ;
-
Sources : panneau de ressources, utilisé pour déboguer js avec des points d'arrêt ;
-
Réseau : Panneau d'informations sur les demandes, afficher les informations sur les demandes et les réponses ;
-
Chronologie : un panneau de chronologie qui enregistre divers événements qui se produisent au cours du cycle de vie du site Web ;
-
Profils : panneau des détails de l'événement ;
-
Application : stockage local, stockage de session et autres informations sur les ressources ;
-
Sécurité : Déterminez si la page Web actuelle est sécurisée ;
-
Audits : Diagnostic de performance réseau ;
1. Panneau réseau
Panneau réseau
1.1.Console : contrôle de l'apparence et des fonctions
-
Enregistrer : enregistrer ou arrêter la demande d'enregistrement
-
Effacer : efface toutes les demandes
-
Capturez des instantanés : capturez les événements de l'écran image par image
-
Filtre : veuillez utiliser pour désactiver la fonction de filtre
-
recherche : demande de recherche
-
Grouper par image : Grouper par image
-
Conserver le journal : conserver les requêtes lorsque la page est rechargée
-
Désactiver le cache : désactiver le cache
-
Hors ligne : déconnexion du réseau et simulation de réseau faible
-
Filtres : demander des filtres
-
Présentation : Chronologie des ressources
1.2.Filtres : demander des filtres
1.3.Aperçu : Chronologie des ressources
1.4.Tableau des requêtes : liste des requêtes
-
Nom : nom de la ressource
-
État : code d'état HTTP
-
Initiateur : source de la demande
-
Taille : fichier téléchargé et taille de ressource demandée à partir du serveur. Si la ressource est obtenue à partir du cache, cette colonne affichera (à partir du cache)
-
Chronologie : affiche tous les axes d'état de la chronologie des requêtes réseau
1.5.Résumé : nombre total de requêtes, volume de transfert de données, informations sur le temps de chargement
-
DOMContentLoaded : le DOM de la page est complètement chargé et analysé ;
-
load : tous les DOM, CSS, JS et images de la page sont complètement chargés ;
导出请求:右击请求 -> Copy -> Copy as fetch / Copy as cUrl
3. Introduction au violoniste
Fiddler下载:https://www.telerik.com/download/fiddler
1. Pourquoi utiliser Fiddler
-
Les données de la demande peuvent être capturées et le
Raw
format/formulaire peut être visualisé/Json/XML
; -
Peut intercepter et modifier les requêtes ;
-
des filtres plus puissants ;
-
Postman
La requête envoyée par le script/script d'interface peut être capturée , ce qui est pratique pour le débogage ; -
Peut capturer les demandes de téléphone mobile…
2. Interface principale du violoniste
Interface principale du violoniste
2.1.Inspecteurs : Inspecteurs
-
Raw : le format brut de la requête
-
WebForm : format de formulaire demandé
-
Json : la requête au format Json demandée
-
XML : le format XML demandé
2.2.AutoResponder : réponse automatique, peut être utilisé pour construire une réponse, Mock, ne pas modifier l'interface de débogage du fichier du serveur
2.3.Composer : Concepteur, envoi et débogage des requêtes
2.4.Filtres : Filtres
-
Hôtes : filtrer par serveur
-
Processus Clients : filtrer par programme client
-
En-têtes de requête : filtrer par en-têtes de requête
-
Points d'arrêt : définir des points d'arrêt
-
Code d'état de la réponse : filtrer par code d'état
-
Type et taille de réponse : filtrer par type de réponse et université
-
En-têtes de réponse : filtrer par en-têtes de réponse
3. Réglage automatique du point d'arrêt
menus Rules
-> Automatic Breakpoints
-> Before Requests/After Requests
4. Capture de téléphone portable
L' ordinateur fiddler
portable et le téléphone mobile installés utilisent le même wifi
-> appuyez longuement sur le téléphone mobile wifi
, sélectionnez avancé -> ajouter un proxy ip
en tant qu'ordinateur portable ip
, le port est 8888
-> ordinateur portable ouvert fiddler
, page Web d'accès au téléphone mobile
4. Utilisation du facteur
1. Outils de test d'interface communs
-
Postman : outil de débogage d'interface simple et pratique pour faciliter le partage et la collaboration. Avec débogage d'interface, gestion d'ensemble d'interfaces, configuration d'environnement, paramétrage, assertion, exécution par lots, interface d'enregistrement, serveur fictif, documentation d'interface, surveillance d'interface et autres fonctions
-
JMeter : outil de test d'interface et de test de stress open source, prend en charge Linux et le fonctionnement sans interface
-
LR : outil de test de performance d'interface commerciale, facile à utiliser et puissant
-
SoupUI : Open source, outil de test couramment utilisé pour l'interface WebService, peut également tester l'interface Rest et la sécurité de l'interface
3. Introduction à l'utilisation de Postman
Adresse du site officiel : https://www.postman.com/
Interface principale du facteur
3.1. Barre d'outils
-
Nouveau : Nouveau, vous pouvez créer de nouvelles demandes de requête, des ensembles de requêtes de collecte, des environnements, etc.
-
Importer : Importer, vous pouvez importer le jeu de requêtes exporté par d'autres
-
Runner : exécuter un ensemble de requêtes (exécution par lots)
-
Inviter : Inviter (nécessite une inscription, invite à collaborer)
-
Icône de synchronisation : (nécessite une inscription, synchronisez votre projet avec le cloud)
-
Icône de capture de paquets : capture/demande de capture de paquets, utilisée pour activer le proxy Postman, après avoir défini manuellement le proxy (ou proxy mobile), vous pouvez capturer/enregistrer la demande
-
Icône Paramètres : Paramètres du facteur
-
Icônes de message : messages officiels et d'assistance
-
Icônes favorites : Mes favoris (nécessite une inscription)
-
Icône cloud : données cloud de l'utilisateur (inscription requise)
3.2 Zone de gestion de l'interface
-
Historique : Historique des demandes, vous pouvez interroger les enregistrements de demandes précédents
-
Collections : un ensemble d'interfaces, qui équivaut à un projet d'interface ou à un plan de test. Un sous-dossier infini peut être créé dans l'ensemble d'interfaces pour gérer les interfaces en groupes.
3.3 Zone de gestion environnementale
-
Commutateur d'environnement : utilisé pour changer d'environnement
-
Aperçu de l'environnement : pour un aperçu rapide de toutes les variables de l'environnement
-
Gestion de l'environnement : permet d'ajouter et de modifier l'environnement et les variables d'environnement, ainsi que les variables globales
3.4 Qu'est-ce que l'environnement
接口完整地址 = 服务地址 + 接口地址,如
www.sojson.com + /open/api/weather/json.shtml
Un environnement est un ensemble de configurations contenant de nombreuses variables d'environnement. Dans le test d'interface, l'adresse du serveur peut être différente selon le déploiement sur différents serveurs, mais l'adresse d'interface d'une même interface est inchangée. Afin de tester le même ensemble d'interfaces déployées sur différents serveurs, nous pouvons créer différents environnements, et les variables hôtes dans différents environnements utilisent des adresses différentes
3.5. Zone de conception d'interface
Vous pouvez créer plusieurs nouvelles demandes via le numéro en haut tab
. +
La zone de conception de l'interface est divisée en zone de demande et zone de réponse de haut en bas
3.5.1. Zone de demande
-
Ligne d'adresse de la demande : vous pouvez sélectionner la méthode de demande (GET/POST/…), remplir l'adresse de la demande, envoyer la demande et enregistrer la demande dans l'ensemble de test
-
Zone de données de demande : divisée en autorisation, en-tête de demande, données de demande, script exécuté avant l'envoi de la demande (pour la préparation des données) et script exécuté après la demande (pour l'assertion)
3.5.2. Zone d'intervention :
-
Contenu de la réponse : vous pouvez afficher Pretty (format embelli), Raw (format original), Preview (format d'aperçu HTML)
-
cookie de réponse
-
en-tête de réponse
-
Le résultat du test, correspondant à l'assertion définie dans Tests dans la requête
Fonction d'interface principale du facteur
3.5.Jeu de demande de collecte
L' ensemble de test est Postman
une unité "globale" de gestion d'interface en Chine. L'exécution, l'exportation et le partage sont tous basés sur l'ensemble de test.
-
Nouveau jeu de test :
New
bouton ->Collection
ou cliquez directement sur le bouton nouveau jeu de test au-dessus de la liste des jeux de test
Nouvel ensemble de test
-
Autorisation : les interfaces de l'ensemble de test et de ses sous-dossiers utilisent cette autorisation de manière uniforme, et chaque interface n'a pas besoin d'être définie séparément
-
Script de pré-requête : Le script de pré-requête commun à chaque interface de la campagne de test
-
Assertions post-requête : scripts post-requête communs à chaque interface de la suite de tests
-
Variables du jeu de requêtes : certaines variables communes au jeu de requêtes
3.6.Sous-dossier Collection
Les propriétés du sous-dossier ont également une description, une autorisation, un script de pré-requête et une assertion post-requête (pas de variables, gestion unifiée des variables d'un ensemble de requêtes), qui implémente la fonction Fixture de différentes portées.
-
Exportation de l'ensemble de requêtes : l'ensemble de requêtes peut être exporté et envoyé à d'autres (sans contenir d'informations sur l'environnement), et d'autres peuvent utiliser votre interface en important
-
Partage de l'ensemble de requêtes : l'ensemble de requêtes est directement partagé avec d'autres (les deux parties doivent s'enregistrer
3.7 Gestion environnementale
Nouvel environnement
Nous pouvons définir plusieurs variables dans l'environnement à utiliser dans la demande
Méthode d'utilisation de la variable d'environnement :
sélectionnez l'environnement, utilisez-le dans la demande URL
ou la demande pour Body
utiliser {
{变量名}}
la variable d'environnement, la variable peut être utilisée dans Body
différents formats de la demande, mais pas directement dans la requête Utilisé dans les pré-scripts Pre-request Script
et les scripts post-requête Tests
.
Utilisation des variables d'environnement
Dans la gestion de l'environnement, vous pouvez également cliquer sur "Global" pour ajouter des variables globales. Les variables d'environnement ne prendront effet que lorsque l'environnement est sélectionné. Les variables globales prendront effet dans n'importe quel environnement. Les variables du jeu de test ne prendront effet que Lorsque les variables de l'ensemble de test, les variables d'environnement , lorsque la variable globale a des noms de variables répétés, la priorité est : variable d'environnement > variable de l'ensemble de test > variable globale.
3.8.Utilisation des paramètres
Lorsqu'il y a beaucoup de paramètres dans la requête URL
, il n'est pas pratique d'ajouter et de visualiser. Vous pouvez cliquer sur URL
le bouton derrière la zone de saisie Params
pour ajouter des variables et des valeurs sous la forme d'un tableau. Après avoir ajouté à partir du tableau, les variables et les valeurs seront automatiquement ajoutés URL
au
Ajouter des paramètres d'URL
3.8.1. Conception de la demande
-
Autorisation : si l'interface nécessite une autorisation, vous pouvez définir la méthode d'autorisation (type) et les informations d'autorisation sur cette page.
-
En-tête : en-tête de la demande, vous pouvez définir le type de demande (Content-Type) et le cookie
-
Corps : données de requête
form-data : forme mixte, prend en charge le téléchargement de fichiers
x-www-form-urlencoded : forme de texte
raw : format brut, prend en charge le format JSON/XML (optionnel ultérieurement)
binary : format binaire, utilisé pour envoyer un flux de données binaires -
Script de pré-demande : script de pré-demande, syntaxe Javascript, utilisé pour générer des données dynamiques ou effectuer un traitement avant d'envoyer une demande
-
Tests : script post-requête, syntaxe Javascript, utilisé pour effectuer un traitement ou affirmer le résultat après le retour de la requête
3.8.2. Méthodes permettant à Postman d'envoyer des demandes dans différents formats
Header
Remarque : la sélection d'une demande différente ajoutera automatiquement des Content-Type
informations dans
Demande de formulaire hybride
demande de formulaire traditionnel
Requête au format JSON
Requête XML
3.8.3 Tester les assertions
-
Assertion de code d'état HTTP
tests["HTTP状态码200"]=responseCode.code == 200;
-
La réponse contient une assertion de contenu
tests["状态码200"] = responseBody.has("登录成功");
-
Exemple
Exemple d'interface
Méthode d'assertion
-
Assertion de réponse JSON
var jsonData = JSON.parse(responseBody);
tests["code为200"] = jsonData.code==200
tests["msg为success"] = jsonData.msg == "success"
GET接口样例:
http://www.tuling123.com/openapi/api?key=ec961279f453459b9248f0aeb6600bbe&info=你好
Assertion de réponse JSON
3.8.4. Exécution par lots de l'ensemble de tests de l'exécuteur
-
Prise en charge de la définition du nombre d'itérations
-
Prise en charge du chargement des données de test csv ou json
-
Créez une nouvelle collection, telle que le nom Demo2
-
Remplissez l'URL :
https://demo.fastadmin.net/admin/index/login.htm
,POST
méthode de sélection -
Body
Le format des données de la requête est sélectionnéx-www-form-urlecoded
et les données de la requête sont renseignées clé :username
, valeur :{ {username}}
, clé :password
, valeur :{ {password}}
, ici deux variables sont utilisées pour le paramétrage
paramètres de demande
-
Enregistrez la demande dans Demo2
-
Créez un nouveau fichier sur l'ordinateur
data.csv
, la première ligne est le nom de la variable, et ce qui suit sont les données, comme indiqué ci-dessous
fichier de données
-
Cliquez sur
Postman
leRunner
bouton de la barre d'outils,Collection
sélectionnezDemo2
,Data
sélectionnez le fichier de donnéesdata.csv
et cliquez sur ExécuterDemo2
Configuration du coureur
résultat de l'opération
Enfin, je voudrais remercier tous ceux qui ont lu attentivement mon article. En regardant la montée et l'attention des fans tout le long, il y a toujours un besoin d'échange de courtoisie. Bien que ce ne soit pas une chose très précieuse, si vous pouvez l'utiliser, vous pouvez le prendre directement.
Ces matériaux devraient être l'entrepôt de préparation le plus complet et le plus complet pour les amis qui font [des tests de logiciels]. Cet entrepôt m'a également accompagné tout au long du voyage le plus difficile. J'espère qu'il pourra également vous aider ! Tout doit être fait le plus tôt possible, en particulier dans l'industrie technologique, et les bases techniques doivent être améliorées. J'espère être utile …….