()
()
lsquononcersquo = gt WP _ create nonce (lsquoWP restrsquo)
()
))
}
* *
Ajouter CSS et JS à la page
*
Fonction publique enqueue _ Assets () {
(! WP _ script is ($this gt Slug, “registered”) {
$this gt Register Assets ()
}
WP _ enqueue script ($this gt Slug)
WP _ enqueue style ($this gt Slug)
}
* *
La page de gestion du rendu du plug in
*
Fonction publique render _ admin () {
$this gt Queue _ Asset ()
Echo
}
} dans cette classe, jrsquoutilise add _ menu page pour créer un menu de haut niveau, mais voudrez peut être remplacer le menu add Sub au besoin. Il y a deux autres choses importantes à noter.
Le premier est comment utiliser WP _ localize script (). Cette fonctionnalité fournit un moyen de créer des variables JavaScript globales en utilisant PHP chaque fois que le script spécifié dans le premier argument est chargé. À lrsquoorigine, il srsquoagissait de fournir au navigateur une chaîne localisée traduite. Crsquoest une partie de la façon dont nous lrsquoutilisons: fournir des messages drsquoerreur et de succès traduisibles. Mais il peut également être utilisé pour passer des valeurs dynamiques, comme lrsquoURL du site actuel, dans ce cas le paramètre API rest et nonce. Nous aurons besoin de tout cela en javascript, mais la situation est différente pour chaque site, donc nous devons le construire dynamiquement en utilisant PHP.
De plus, gardez à lrsquoesprit que lrsquoURL racine du script est passée à la classe en tant que dépendance. Jrsquoaime le faire parce que cette URL peut être utilisée ailleurs dans le plug in ou le sujet, et jrsquoespère qursquoil y a un endroit où pouvez la changer ou filtrer le plug in entier. Nous devons spécifier lrsquoURL au démarrage de la classe. Un bon endroit pour le faire est dans le fichier root plug in, donc plugin _ Dir URL () va générer lrsquoURL correcte. Regardons le fichier plug in principal qui le configure: Enqueue _ Assets ()
$this,
()
()
)
}
* *
Vérifier les permissions demandées
* *
Renvoie booléen
*
Permissions pour les fonctions publiques ()
Renvoie le courant _ user can (lsquoManage optionsrsquo)
}
* *
Mise à jour des paramètres
* *
@ Param WP _ rest request $request
*
Paramètres de mise à jour de la fonction publique (wp u rest u request $Request) {
$set = array
« secteur» = gt $request gt get Parameters (« secteur»),
« amt» = gt $request gt get Parameters (lsquoAmtrsquo)
)
Apex _ Settings:: Save Settings ($Settings)
Renvoie la réponse rest _ sure Response (APEX Settings:: get Settings () gt SET Status (201)
}
* *
Obtenir les paramètres via lrsquoAPI
* *
@ Param WP _ rest request $request
*
Fonction publique get _ Settings (WP rest request $Request) {
Renvoie la réponse rest _ sure Response (APEX Settings:: get Settings ()
}
Regardez, les fonctions de rappel sont très simples parce qursquoelles ne contiennent que les classes de configuration que jrsquoai créées dans la section précédente. Il est important de comprendre que, selon la conception, ces paramètres nrsquoont pas la permission de contrôler ou de nettoyer. Mais les contrôles drsquoautorisation et lrsquohygiène sont très importants.
Ces paramètres de lrsquoAPI rest le fournissent. La méthode POST spécifie le paramètre lsquosanitize _ Callbackrsquo pour chaque champ. De cette façon, je peux croire que les données sont sécurisées jusqursquoà ce qursquoelles soient transmises. De plus, les deux chemins utilisent des permissions _ Callback, ce qui les rend accessibles uniquement par des chemins avec la fonctionnalité Manage options. Sauter une de ces étapes peut être dangereux. Maintenant, il suffit drsquoinstancier cette classe dans lrsquoOpération
lsquo + Top. String. Sauvegardé lsquo )
}). Erreur (fonction)
Var message = Vertex. String. Erreur
(R. hasownpr)
Propriétés (lsquomessagersquo) {
Message = R. message
}
$(
})
})
}) Le deuxième appel est très similaire, sauf qursquoil utilise Post et est inclus dans une fermeture liée à lrsquoévénement drsquoenvoi du formulaire. De cette façon, il srsquoexécute lorsque le formulaire est soumis et nous pouvons empêcher lrsquoaction par défaut pour cet événement de se produire. Vous devriez voir les succès et les erreurs ici. Ils sont utilisés pour ajouter des messages situés dans lrsquoobjet APEX comme texte. Chaîne dans lrsquoélément feedback. Les messages drsquoerreur dans cet objet sont très courants. Mais la plupart des demandes infructueuses génèrent des réponses avec des messages. crsquoest réglé, on lrsquoutilisera. Une fois que avez un bon point de départ, pouvez mettre à jour les champs du formulaire pour répondre à vos besoins. De plus, devriez peut être simplifier cela en utilisant le cadre Javascript, car à mesure que la complexité des modules augmente, utiliserez de plus en plus jquery, un problème qui doit être géré, et si utilisez vuejs ou React, ce sera plus simple et offrira une meilleure expérience utilisateur. Cet article montre toutes les parties de la page ajouter une installation WordPress en utilisant l’api WordPress rest. Nous avons ajouté une page de menu, ajouté JavaScript et CSS, ajouté une classe de paramètres de lecture et drsquoécriture, ajouté deux paramètres drsquoAPI de repos comme interfaces reposantes et sécurisées pour ces paramètres, et mis à jour les paramètres en utilisant jquery ajax selon notre module de configuration. Crsquoest beaucoup, mais jrsquoespère que avez vu comment utiliser ces bases pour améliorer les pages de configuration, ou créer de nouvelles pages à partir de zéro et grandir à partir de là.
