Nous rencontrons souvent une situation où nous devons connecter des API tierces à notre site WordPress et afficher les données de l'API sur notre site WordPress. WordPress prêt à l'emploi ne fournit pas de fonctionnalité permettant de se connecter à des API externes et d'afficher les données sur le frontend de manière dynamique. Mais attendez, nous avons une solution pour résoudre votre problème.

L'API personnalisée pour WordPress facilite la tâche d'affichage de la réponse de l'API sur le site Web WordPress en temps réel en obtenant les données de l'API externe et en les affichant directement sur le site WordPress sans les stocker dans votre base de données WordPress. Il est livré avec un guide de configuration complet et une interface utilisateur facile à utiliser.

Nous verrons comment les données d'une API externe peuvent être affichées sur le frontend WordPress à l'aide de codes courts à l'aide de notre API CUSTOM pour le plugin WORDPRESS. Les données sont extraites d'un serveur tiers externe et affichées dynamiquement dans un élément de tableau HTML à l'aide de codes courts. Sans perdre de temps, plongeons directement dans le cas d'utilisation :

Supposons que vous ayez un site WordPress et que vous obteniez des données d'une API externe que vous devez afficher sur l'interface WordPress. Vous pouvez utiliser l'API CUSTOM pour le plugin WORDPRESS car elle fournit une fonctionnalité permettant d'AFFICHER LES DONNÉES SUR LE FRONTEND WORDPRESS à l'aide de notre Shortcode.

Nous proposons également des fonctionnalités permettant d'ajouter du HTML, CSS et JavaScript personnalisés afin de styliser les données entrantes en fonction du style et de votre choix de site Web.

API personnalisée pour WordPress

Par miniOrange

Le plugin API personnalisée pour WordPress vous permet de créer des API WordPress/des points de terminaison personnalisés/des API REST. Vous pouvez récupérer/modifier/créer/supprimer des données avec une interface graphique facile à utiliser.

En savoir plus

Voyons comment vous pouvez utiliser l'API personnalisée miniOrange pour WordPress pour afficher les données entrantes sur votre interface WordPress.

Requête client :

Comment puis-je transférer les données que je reçois vers le frontend et est-il possible d'exécuter l'appel API chaque fois qu'un utilisateur charge la page sur laquelle les données sont affichées.

API personnalisée pour WordPress

By miniOrange

(11)

 Testé avec 5.9.2

Obtenir ce plug-in

Téléchargement et installation

• Vous aurez besoin de la version Entreprise du plugin Custom API pour WordPress.
• Vous aurez besoin d’un compte chez miniOrange.
• Vous devrez également vous connecter à WordPress en tant qu'administrateur.

• Connectez-vous à WordPress en tant qu'administrateur.
• Téléchargez et activez la version Entreprise de l'API personnalisée pour WordPress. Vous verrez le tableau de bord du plugin suivant.

• Cliquez sur Se connecter à l'API externe languette. Remplissez les détails de l'API requis et cliquez sur Épargnez bouton. Cela enregistrera l'API externe configurée et vous pourrez tester la connexion en cliquant sur le bouton Exécution .

• Si la connexion réussit, vous devriez voir la fenêtre contextuelle contenant le tableau de réponses qui affichera la réponse de votre API. (Veuillez vous assurer que les fenêtres contextuelles de votre navigateur sont activées).

• Pour afficher les données sur l'interface WordPress, fermez la fenêtre contextuelle et accédez à API externes enregistrées onglet et cliquez sur Modifier .

• Cliquez sur Réglage avancé .

• Vous verrez l'écran suivant où vous pourrez écrire votre propre HTML, CSS et JavaScript.

• Clé de référence signifie où se trouvent les données dans la réponse de l'API que nous pouvons voir à l'étape 5 (voir capture d'écran de l'étape 5). Il suffit de remplacer le "." avec « -> ». Joignez également les variables dans ## comme vous pouvez le voir à l'étape 8. Sélectionnez le Looped option si les données se répètent ou bien Sélectionnez Fixé si les données ne sont pas répétitives.
• Après avoir terminé cette étape, vous pouvez enregistrer la configuration et accéder à n'importe quelle page souhaitée et saisir le code court comme suit : [mo_custom_api_shortcode api="test"] De tester est le nom de l'API configurée. Vous devez changer le nom de l'API selon ce que vous avez configuré dans le plugin
• Si tout est fait correctement, vous pouvez visiter la page et voir le résultat. Vous trouverez ci-dessous le résultat de notre tester l'API.

Félicitations, vous avez configuré avec succès l'API personnalisée pour WordPress pour vous connecter à l'API externe et afficher les données sur l'interface WordPress.