web-dev-qa-db-ja.com

バックエンドにのみWordPressを使い、フロントエンドとしてAngularJSを使う

私はオンラインポートフォリオを必要とする友人のためのWebアプリケーションを開発しています。私は学習経験として、AngularJSを使ってフロントエンドをやろうとしていて、公式のAPIプラグインのバックエンドとしてWordpressを使っています。それは本当にうまくいきますが、問題があります。

Wordpressのフロントエンドを完全に隠すことはできないようです。 足りないものがあるかもしれませんが、フロントエンド専用にAngularアプリを使用するようにWebサイトを設定する方法がわかりません。私が試したこと

  • 私のアプリからAPI呼び出しを使用できるようにするために、.htaccessファイルを変更して、index.html(私のAngular appの開始ファイル)とindex.phpを含めます。これはいくつかの問題を引き起こします。たとえば、mysite.com/page-one.htmlに移動してページをリロードすると、WPアプリの代わりにAngularサイトがロードされます。
  • (私のアプリに含まれていない)すべてのページをindex.htmlにリダイレクトします。

これらは私にとってまったく強力な解決策ではないようです。 Wordpressサイトを削除して、APIにはWPのみを使用する必要があります。私は何かが足りないのですか?


更新

私はこの質問への焦点を変えました、そして私はWordPressフロントエンドを隠す必要はなくむしろ実際にそれを使うことに気づきました。私は質問に答えます、そしてそれはもっと知識のある人々によって他のより良い答えを刺激するでしょう。

2
Fausto NA

注:私の最初のクエリが提案しているのと同じ問題を解決しようとしている開発者にとって有用であることを期待して、私は自分の質問に対する回答を投稿しています。


結局のところ、私は間違ったレンズでこれを見ていました。解決策は、WordPressのフロントエンドとテーマを偽装しようとしながら、AngularJSアプリ全体を追加してそれを使用することではありませんでした。 解決策は、実際にはAngularJSアプリを静的な開始ページとして使用するWordPressテーマを作成し、その上にアプリを構築することです。

私はこの記事に触発されました: https://1fix.io/angularjs-wp-rest-api/

AngularJSアプリを作成し、それを新しいテーマのindex.phpファイルに基づいて作成するだけです。それはそれと同じくらい簡単でした。私はただ木のための森が見えなかったと思います。

5
Fausto NA