API de repos WP partie 1: création & # 39; Applications mobiles avec API WP et React native

Mettez – le à jour avec le nouveau Code. D’abord, vous devriez voir les données simulées, puis vous verrez les dernières mises à jour de l’application et les derniers messages installés par wordpress – très propre! Le seul problème est que l’API rest de WP semble appliquer le filtre _ content au contenu des messages qui ajoutent du code HTML et des entités, mais React Native l’affiche en texte simple. Heureusement, l’API rest du WP fournit un filtre rest _ prepare post qui nous permet de modifier sa sortie. Ajoutez le code suivant au plug – in utilitaire ou à la fonction fichier. PHP pour le sujet devrait résoudre ce problème:
Ajouter un filtre U (\ Jusqu’à présent, ce processus a été très intéressant et l’API rest du WP l’a facilité grâce à une bonne collaboration avec React Native. Mais montrer le dernier article n’est certainement pas quelque chose écrit à la maison. Que faire si nous voulons afficher au hasard une « idée profonde » dans notre base de données? WordPress fournit un moyen d’effectuer cette opération lors de l’utilisation de WP _ Query () ou get posts (), vous permettant de passer le paramètre orderby en utilisant la valeur rand qui renvoie la sélection aléatoire des messages *. De même, l’API de repos WP C
Je vous permet de construire une requête de la même manière en ajoutant des paramètres de requête à l’URL du paramètre. Donc, tout ce que nous avons à faire est de mettre à jour la variable request _ URL pour inclure des messages aléatoires? Filtre [commande par] = rand à la fin. Pour l’instant, nous collectons aussi plus de messages que nous n’en avons besoin, donc nous définissons le filtre [par _ page] à 1 parce que c’est tout ce dont nous avons besoin. Notre URL request _ mise à jour devrait maintenant ressembler à ceci:
Var request _ URL http:\/\/deep-thoughts.dev\/wp-json\/wp\/v2\/posts\/?filter [abonné] = filtre aléatoire [par page] = 1 ‘; Après avoir effectué ce changement, continuez et appuyez sur ⌘ r dans le simulateur IOS, et vous devriez voir qu’il charge un message aléatoire à chaque mise à jour. Maintenant, assurons – nous que le bouton \ Eh bien… Voici le Code final de l’application, et j’ai fait quelques petites mises à jour pour afficher un message de téléchargement au lieu de fausses données lorsque nous Récupérons de nouvelles idées du serveur et lorsque l’application est initialement chargée: Voici comment notre application fonctionne: Comme vous pouvez le voir, l’api rest de WP facilite l’utilisation des données WordPress avec presque n’importe quel cadre de développement d’application qui peut envoyer des requêtes http et analyser des données json. Bien que nous utilisions React Native ici, nos API peuvent facilement communiquer avec des cadres Web comme Angular et ember, et même avec des cadres mobiles natifs pour iOS, Android et Windows Phone. Notre application Deep thinks est maintenant simple, mais nous explorerons les fonctionnalités de l’API json WP dans les prochains épisodes