web-dev-qa-db-ja.com

WordPressとAngular 8をウェブサイト用に統合する方法は？

次のテクノロジーを使用して単一ページのWebサイトを作成しようとしています-Angularバージョン8以降-WordPress

WordPress 8+でAngularに取り組むための多くのリソースを見つけることができませんでした。利用可能なリソース/ソリューションのほとんどは、ReactまたはAngularJS用です。

これまでに見つけたものは、サービス内で/ wp-json/wp/v2/posts /エンドポイントを使用してWordPress Webサイトからデータをフェッチする方法のみを示しています。しかし、私が探しているのは、ゼロからウェブサイトを作成することです。

これに関するガイドラインやアイデアは非常に役立ちます。それについて多くの質問があります。

  • ローカルAngular環境をセットアップした場合、WordPressでどのように使用するか。
phpangularwordpressrestcontent-management-system
5
Sanket

すべて手動でコードで実行できます。また、この方法を支援するためのプラグインを見つけることもできます。私はコーディングのキャリアで両方の方法を利用しました。

WP-NGを見てくださいbootstrap angularアプリケーション。管理ページでモジュールをアクティブ化し、directiveディレクティブを使用します。これを2〜3のプロジェクトで使用しました。要件、つまり何を達成したいかによって、明らかに異なります。

角度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ですが、多くの点で役立ちます。 WordPress RestAPIs）のAngular 6ブログ

1
Navnish Bhardwaj