Construire une application PhoneGap avec un backend WordPress
Ce tutoriel démontre l'utilisation de WordPress comme backend pour une application mobile PhoneGap, en se concentrant sur la création d'API REST pour une communication transparente. Nous allons créer une application d'affichage de connexion et de blog simple. Alors que PhoneGap lui-même est interrompu, les principes s'appliquent à son successeur open-source, Apache Cordova.
Contrairement aux solutions limitées de blog-applications comme Apppressher, cette approche permet de créer diverses applications en utilisant le backend de WordPress.
Concepts clés:
- API WordPress REST: Créé à l'aide de plugins ou de thèmes WordPress, ces API permettent une communication entre l'application PhoneGap et WordPress. Les actions
wp_ajax_etwp_ajax_nopriv_sont cruciales pour créer des API Get / Post. - Flexibilité de PhoneGap: Les applications téléphoniques contournent Ajax et Cookie Même restrictions de politique d'origine, permettant aux demandes AJAX à n'importe quel site Web.
- Fonctionnalité de l'application: Notre application gérera la connexion de l'utilisateur et affichera une liste des articles de blog WordPress, en tirant parti des demandes HTTP pour récupérer les données. JQuery Mobile sera utilisé pour l'interface utilisateur.
Building WordPress REST API:
WordPress fournit des actions pour créer des API REST accessibles par tout client HTTP. Construisons les API pour la connexion et la récupération de publication.
API de connexion:
function already_logged_in() {
echo "User is already Logged In";
die();
}
function login() {
$creds = array(
'user_login' => $_GET["username"],
'user_password' => $_GET["password"]
);
$user = wp_signon($creds, false);
if (is_wp_error($user)) {
echo "FALSE";
die();
}
echo "TRUE";
die();
}
add_action("wp_ajax_login", "already_logged_in");
add_action("wp_ajax_nopriv_login", "login"); Cette API gère les tentatives de connexion. Si un utilisateur est déjà connecté (wp_ajax_), already_logged_in est exécuté. Sinon (wp_ajax_nopriv_), login vérifie les informations d'identification en utilisant wp_signon.
API du billet de blog:
function posts() {
header("Content-Type: application/json");
$posts_array = array();
$args = array(
"post_type" => "post",
"orderby" => "date",
"order" => "DESC",
"post_status" => "publish",
"posts_per_page" => "10"
);
$posts = new WP_Query($args);
if ($posts->have_posts()) :
while ($posts->have_posts()) :
$posts->the_post();
$post_array = array(get_the_title(), get_the_permalink(), get_the_date(), wp_get_attachment_url(get_post_thumbnail_id()));
array_push($posts_array, $post_array);
endwhile;
else :
echo json_encode(array('posts' => array()));
die();
endif;
echo json_encode($posts_array);
die();
}
function no_posts() {
echo "Please login";
die();
}
add_action("wp_ajax_posts", "posts");
add_action("wp_ajax_nopriv_posts", "no_posts");Cette API renvoie les dix derniers messages au format JSON. Les utilisateurs débordés reçoivent une invite de connexion.
Création de l'application PhoneGap:
Nous utiliserons le constructeur de bureau PhoneGap (ou Apache Cordova équivalent). La structure de l'application sera:
<code>--www
--cordova.js
--js
--index.js
--index.html
--css
--style.css (optional)</code>index.html: (Simplified pour Brevity, utilise jQuery Mobile)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<title>PhoneGap WordPress App</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
</head>
<body>
<!-- Login Page -->
<div data-role="page" id="login">...</div>
<!-- Posts Page -->
<div data-role="page" id="posts">...</div>
<🎜>
<🎜>
<🎜>
<🎜>
</body>
</html>index.js: (simplifié pour la concision)
function login() {
// ... (Login logic using XMLHttpRequest, similar to the original example) ...
}
function fetchAndDisplayPosts() {
// ... (Fetch and display posts using XMLHttpRequest, similar to the original example) ...
} N'oubliez pas de remplacer "http://localhost/wp-admin/admin-ajax.php" par l'URL de votre site WordPress.
Ressources et FAQ supplémentaires: (Les FAQ d'origine sont toujours pertinentes et peuvent être incluses ici, potentiellement reformulées pour plus de clarté et mises à jour pour refléter le passage de PhoneGap à Apache Cordova.)
Cette réponse révisée fournit un tutoriel plus concis et structuré, en maintenant la fonctionnalité de base tout en abordant l'obsolescence de PhoneGap et en mettant l'accent sur le chemin de migration vers Apache Cordova. N'oubliez pas de remplacer les URL de l'image d'espace réservé par des URL d'image réelles.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1669
14
1428
52
1329
25
1273
29
1256
24
Comment se connecter aux informations utilisateur dans WordPress pour des résultats personnalisés
Apr 19, 2025 pm 11:57 PM
Récemment, nous vous avons montré comment créer une expérience personnalisée pour les utilisateurs en permettant aux utilisateurs d'enregistrer leurs publications préférées dans une bibliothèque personnalisée. Vous pouvez porter des résultats personnalisés à un autre niveau en utilisant leurs noms à certains endroits (c'est-à-dire des écrans de bienvenue). Heureusement, WordPress facilite l'obtention d'informations sur les utilisateurs connectés. Dans cet article, nous vous montrerons comment récupérer des informations liées à l'utilisateur actuellement connecté. Nous utiliserons le get_currentUserInfo (); fonction. Cela peut être utilisé n'importe où dans le thème (en-tête, pied de page, barre latérale, modèle de page, etc.). Pour que cela fonctionne, l'utilisateur doit être connecté. Nous devons donc utiliser
Comment ajuster la liste d'articles WordPress
Apr 20, 2025 am 10:48 AM
Il existe quatre façons d'ajuster la liste des articles WordPress: utilisez des options de thème, utilisez des plugins (tels que l'ordre des types de publication, la liste des publiques WP, des trucs boxy), utilisez du code (ajoutez des paramètres dans le fichier functions.php), ou modifiez directement la base de données WordPress.
Comment commencer un blog WordPress: un guide étape par étape pour les débutants
Apr 17, 2025 am 08:25 AM
Les blogs sont la plate-forme idéale pour que les gens expriment leurs opinions, opinions et opinions en ligne. De nombreux débutants sont impatients de créer leur propre site Web, mais hésitent à s'inquiéter des obstacles techniques ou des problèmes de coûts. Cependant, comme la plate-forme continue d'évoluer pour répondre aux capacités et aux besoins des débutants, il commence maintenant à devenir plus facile que jamais. Cet article vous guidera étape par étape comment créer un blog WordPress, de la sélection de thème à l'utilisation des plugins pour améliorer la sécurité et les performances, vous aidant facilement à créer votre propre site Web. Choisissez un sujet et une direction de blog Avant d'acheter un nom de domaine ou d'enregistrer un hôte, il est préférable d'identifier les sujets que vous prévoyez de couvrir. Les sites Web personnels peuvent tourner autour des voyages, de la cuisine, des critiques de produits, de la musique ou de tout passe-temps qui suscite vos intérêts. Se concentrer sur les domaines qui vous intéressent vraiment peuvent encourager l'écriture continue
Comment afficher les catégories d'enfants sur la page des archives des catégories de parents
Apr 19, 2025 pm 11:54 PM
Voulez-vous savoir comment afficher les catégories d'enfants sur la page des archives de la catégorie parent? Lorsque vous personnalisez une page d'archive de classification, vous devrez peut-être le faire pour le rendre plus utile à vos visiteurs. Dans cet article, nous vous montrerons comment afficher facilement les catégories d'enfants sur la page des archives de la catégorie parent. Pourquoi les sous-catégories apparaissent-elles sur la page des archives de la catégorie des parents? En affichant toutes les catégories d'enfants sur la page des archives de la catégorie parent, vous pouvez les rendre moins génériques et plus utiles aux visiteurs. Par exemple, si vous exécutez un blog WordPress sur les livres et que vous avez une taxonomie appelée "thème", vous pouvez ajouter une sous-taxonomie telle que "roman", "non-fiction" afin que vos lecteurs puissent
Comment trier les messages par date d'expiration après WordPress
Apr 19, 2025 pm 11:48 PM
Dans le passé, nous avons partagé comment utiliser le plugin PostExpirator pour expirer les publications dans WordPress. Eh bien, lors de la création du site Web de la liste d'activités, nous avons trouvé ce plugin très utile. Nous pouvons facilement supprimer les listes d'activités expirées. Deuxièmement, grâce à ce plugin, il est également très facile de trier les publications par date d'expiration du post. Dans cet article, nous vous montrerons comment trier les publications par date d'expiration post-expiration dans WordPress. Code mis à jour pour refléter les modifications du plugin pour modifier le nom du champ personnalisé. Merci Tajim de nous avoir fait savoir dans les commentaires. Dans notre projet spécifique, nous utilisons des événements comme types de publication personnalisés. Maintenant
Comment automatiser WordPress et les médias sociaux avec IFTTT (et plus)
Apr 18, 2025 am 11:27 AM
Cherchez-vous des moyens d'automatiser votre site Web WordPress et vos comptes de médias sociaux? Avec l'automatisation, vous pourrez partager automatiquement vos articles de blog WordPress ou vos mises à jour sur Facebook, Twitter, LinkedIn, Instagram et plus encore. Dans cet article, nous vous montrerons comment automatiser facilement WordPress et les médias sociaux en utilisant IFTTT, Zapier et Uncanny Automator. Pourquoi automatiser WordPress et les médias sociaux? Automatiser votre wordpre
Comment créer un site Web pour l'hôte WordPress
Apr 20, 2025 am 11:12 AM
Pour créer un site Web à l'aide de WordPress Host, vous devez: sélectionner un fournisseur d'hébergement fiable. Acheter un nom de domaine. Configurez un compte d'hébergement WordPress. Sélectionnez un sujet. Ajoutez des pages et des articles. Installez le plug-in. Personnalisez votre site Web. Publiez votre site Web.
Comment afficher le nombre de requêtes et le temps de chargement de la page dans WordPress
Apr 19, 2025 pm 11:51 PM
L'un de nos utilisateurs a demandé à d'autres sites Web comment afficher le nombre de requêtes et de temps de chargement dans le pied de page. Vous voyez souvent cela dans le pied de page de votre site Web, et il peut afficher quelque chose comme: "64 requêtes en 1,248 secondes". Dans cet article, nous vous montrerons comment afficher le nombre de requêtes et de temps de chargement de page dans WordPress. Collez simplement le code suivant partout dans le fichier de thème (par exemple Footer.php). requêtes
