web-dev-qa-db-fra.com

Comment intégrer WordPress avec Angular 8 pour site Web?

J'essaie de créer un site Web d'une seule page en utilisant les technologies suivantes, - Angular version 8+ - WordPress

Je n'ai pas trouvé beaucoup de ressources sur lesquelles travailler WordPress avec Angular 8+. La plupart des ressources/solutions disponibles sont pour React ou AngularJS.

Ce que j'ai trouvé jusqu'à présent ne montre que comment récupérer des données à partir du site Web WordPress en utilisant la méthode get à l'intérieur du service avec / wp-json/wp/v2/posts / endpoint. Cependant, ce que je cherche, c'est de créer le site Web à partir de zéro.

Toute directive ou idée à ce sujet serait très utile. J'ai beaucoup de questions à ce sujet.

  • Si je configure local Angular, comment je vais l'utiliser sur WordPress.
phpangularwordpressrestcontent-management-system
5
Sanket

Vous pouvez tout faire manuellement dans le code et aussi, vous pouvez trouver une sorte de plugin pour vous aider de cette manière. J'ai utilisé les deux méthodes dans ma carrière de codeur.

Jetez un oeil sur WP-NG est un plugin pour automatique bootstrap angular application. Activez le module par la page d'administration et utilisez directement la directive. J'ai utilisé ceci dans 2 ou 3 projets. Permettez-moi de dire que cela dépend clairement de vos besoins, de ce que vous voulez réaliser.

Angulaire pour WordPress - Gratuit WP Plugin Library

Au cas où, vous préférez toujours le code pour un aspect plus large. Essayez quelque chose comme ça.

1) Configuration WordPress et un nouveau thème 2) Mettre en file d'attente des scripts dans le thème 3) Configurer le thème 4) Créer l'application AngularJS 

var myapp = angular.module('myapp', []);

// set the configuration
myapp.run(['$rootScope', function($rootScope){
  // the following data is fetched from the JavaScript variables created by wp_localize_script(), and stored in the Angular rootScope
  $rootScope.dir = BlogInfo.url;
  $rootScope.site = BlogInfo.site;
  $rootScope.api = AppAPI.url;
}]);

// add a controller
myapp.controller('mycontroller', ['$scope', '$http', function($scope, $http) {
  // load posts from the WordPress API
  $http({
    method: 'GET',
    url: $scope.api, // derived from the rootScope
    params: {
      json: 'get_posts'
    }
  }).
  success(function(data, status, headers, config) {
    $scope.postdata = data.posts;
  }).
  error(function(data, status, headers, config) {
  });
}]);

Aussi, vous pouvez jeter un oeil sur ce blog, je l'ai trouvé sur Quora il y a quelques jours, c'est bon à lire. Ouais c'est pour Angular 6 mais peut aider de plusieurs manières. Blog Angular 6 sur WordPress RestAPIs

1
Navnish Bhardwaj