Как интегрировать WordPress с Angular 8 для сайта? - PullRequest
Новая
       36

Как интегрировать WordPress с Angular 8 для сайта?

2 голосов
/ 28 января 2020

Я пытаюсь создать одностраничный веб-сайт, используя следующие технологии, - Angular версия 8+ - WordPress

Я не могу найти много ресурсов для работы на WordPress с Angular 8+ , Большинство доступных ресурсов / решений для React или AngularJS.

То, что я нашел до сих пор, показывает только то, как получить данные с веб-сайта WordPress, используя метод get внутри службы с / wp-json / wp / v2 / posts / конечной точкой. Тем не менее, я ищу создание веб-сайта с нуля.

Любые рекомендации или идеи по этому поводу были бы очень полезны. У меня много вопросов по этому поводу.

  • Если я настрою локальную среду Angular, как я буду использовать ее в WordPress.

1 Ответ

0 голосов
/ 28 января 2020

Вы можете сделать все это вручную в коде, а также вы можете найти какой-нибудь плагин, чтобы помочь таким образом. Я использовал оба метода в своей карьере программиста.

Посмотрите на WP-NG - плагин для автоматического c bootstrap angular приложения. Активируйте модуль на странице администратора и используйте прямую директиву. Я использовал это в 2-3 проектах. Позвольте мне сказать, что это явно зависит от вашего требования, чего вы хотите достичь.

Angular для WordPress - бесплатная библиотека плагинов WP

На тот случай, если вы все еще предпочитаете код для более широкого аспекта. Попробуйте что-то вроде этого.

1) Настройка WordPress и новой темы 2) Добавление сценариев в тему 3) Настройка темы 4) Создание приложения 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) {
  });
}]);

Кроме того, вы можете посмотреть этот блог, я нашел его на Quora несколько дней назад, его приятно читать. Да, это для Angular 6, но может помочь во многих отношениях. Angular 6 блог на WordPress RestAPIs

...