リトルビッグプラネット™でアップロードheadless wordpress

2610 ワード
graphql wordpress gatsby javascript テキストリンク
WordPressはREST APIを内蔵しています.それで、WordPressヘッドレスを作ることは、多くのツールで可能です.この記事では、「GatsByjsを使ったWordPressサイトからデータを取得する方法」を紹介します.
なぜgatsbyjs?
動的なルートを作るのも簡単ですし、カスタマイズ可能です.GatsByは、WordPressを簡単にするために箱の外で働く若干のプラグインを持ちます、そして、彼らのドキュメンテーションも驚くべきです.Gatsbyはまた、GraphSQLのデフォルトのサポートをしています.
あなたがこの記事に続く前に何を知っている必要がありますか?
  • ワードプレス、WordPressプラグインのインストール
    • JavaScript のより良い知識
    ReactJS、GatsByjs、Graphic に精通している


  • まずは、ローカル環境やWordPressにWordPressをインストールし、これらの2つのプラグインをインストールします.
    WP GraphqlはWordPressとWP GraphqlのためのGraphSQL APIを作成します.いくつかの時間を与え、インターフェイスに慣れる.
    GATSBY CLIをグローバルにインストールする
    次に、gatsbyスターターをインストールします.npm install -g gatsby-cliこれは、gatsby new wp-gatsby https://github.com/gatsbyjs/gatsby-starter-hello-worldディレクトリにgatsbyスタータープロジェクトをインストールします.現在そのフォルダにwp-gatsbyを実行します
    現在、あなたは、あなたの新しいギャツビーサイトを走らせるのを見ることができます
    プラグインをインストールします.以下のようにcdファイルを変更します.
    module.exports = {
  plugins: [
    {
        resolve: `gatsby-source-wordpress`,
        options: {
            baseUrl: `siteUrl`, // site url without http/https
            protocol: `http`,
            hostingWPCOM: false,
            useACF: false,
        },
    },
  ]
}
    このギャツビープラグインは、GraphSQLを使用してWordPressサイトからデータを取得するのに役立ちます.また、gatsby developを実行してください.ここでは、あなたがWordPressサイトで以前に見たほとんど同じGraphical IDEを見ます.
    私のWP Graphqlでオリジナルの記事を読んでください
    • 試験に出るAWS:SAAでしょう 第２夜
    2021.03.23毎日振り返る