웹사이트용 워드프레스와 앵귤러 8을 통합하는 방법은?

웹사이트용 워드프레스와 앵귤러 8을 통합하는 방법은?

다음 기술을 사용하여 한 페이지 웹 사이트를 만들려고 합니다. - Angular version 8+ - WordPress

Angular 8+로 WordPress에서 작업할 자료를 많이 찾을 수 없었습니다.사용 가능한 대부분의 리소스/솔루션은 반응기 각도용입니다.JS.

지금까지 찾은 내용은 /wp-json/wp/v2/posts/endpoint가 있는 get method inside service를 사용하여 워드프레스 웹사이트에서 데이터를 가져오는 방법만 보여줍니다.하지만 제가 보고 있는 것은 처음부터 웹사이트를 만드는 것입니다.

이와 관련된 어떤 가이드라인이나 아이디어라도 매우 도움이 될 것입니다.저는 그것에 대해 많은 의문이 있습니다.

• 로컬 Angular 환경을 설정하면 WordPress에서 어떻게 사용할 것인가요.

코드로 모든 수동 작업을 수행할 수 있으며 이러한 방식을 지원하는 플러그인을 찾을 수도 있습니다.저는 코딩 경력에서 두 가지 방법을 모두 사용했습니다.

WP-NG는 자동 부트스트랩 각도 적용 플러그인입니다.관리 페이지별로 모듈을 활성화하고 직접 지시사항을 사용합니다.저는 이것을 2-3개의 프로젝트에 사용했습니다.여러분의 요구사항과 성취하고자 하는 것에 따라 다를 것입니다.

Angular for WordPress - Free WP 플러그인 라이브러리

만약의 경우, 당신은 여전히 더 넓은 측면의 코드를 선호합니다.이런 거 해보세요.

1) 설정 워드프레스 및 새 테마 2) 테마에 스크립트 대기열 3) 테마 설정 4) 각도 만들기JS어플리케이션

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용이지만 여러모로 도움이 될 수 있습니다.WordPress Rest API의 Angular 6 블로그

언급URL : https://stackoverflow.com/questions/59941967/how-to-integrate-wordpress-with-angular-8-for-website