WordPressバックエンドで電話ガップアプリを構築します

このチュートリアルは、WordPressをPhoneGapモバイルアプリケーションのバックエンドとして使用して、シームレスな通信のためのREST APIの作成に焦点を当てたことを示しています。 簡単なログインおよびブログ投稿表示アプリを作成します。 PhoneGap自体は廃止されていますが、原則はオープンソースの後継者であるApache Cordovaに適用されます。

Apppresserのような限られたブログアプリソリューションとは異なり、このアプローチにより、WordPressのバックエンドを使用して多様なアプリを構築できます。

重要な概念：

WordPress REST API：

WordPressプラグインまたはテーマを使用して作成されたこれらのAPIは、PhoneGapアプリとWordPress間の通信を可能にします。 Get/Post APIを作成するためには、
• およびアクションが不可欠です。 wp_ajax_PhoneGapの柔軟性：wp_ajax_nopriv_PhoneGapアプリはAjaxとCookie同じ起源のポリシー制限をバイパスし、Ajaxリクエストを任意のWebサイトにリクエストできます。
• アプリの機能：アプリはユーザーログインを処理し、WordPressブログ投稿のリストを表示し、HTTPリクエストを活用してデータを取得します。 JQuery MobileはUIに使用されます
• ワードプレスREST APIの構築：
WordPressは、HTTPクライアントがアクセスできるREST APIを作成するためのアクションを提供します。 ログインのためにAPIを構築し、検索を投稿しましょう。

ログインAPI：

このAPIはログインの試行を処理します。 ユーザーが既にログインしている場合（）、

が実行されます。それ以外の場合は、（ブログ投稿api：

<code class="language-php">function already_logged_in() {
    echo "User is already Logged In";
    die();
}

function login() {
    $creds = array(
        'user_login' => $_GET["username"],
        'user_password' => $_GET["password"]
    );

    $user = wp_signon($creds, false);
    if (is_wp_error($user)) {
        echo "FALSE";
        die();
    }
    echo "TRUE";
    die();
}

add_action("wp_ajax_login", "already_logged_in");
add_action("wp_ajax_nopriv_login", "login");</code>

wp_ajax_このAPIは、JSON形式の10の最新投稿を返します。 ログインプロンプトを受け取っていないユーザー already_logged_inwp_ajax_nopriv_PhoneGapアプリの作成：loginwp_signon

PhoneGap Desktop Builder（またはApache Cordova同等）を使用します。 アプリ構造は次のとおりです

index.html：

（簡潔にするために簡略化された、jquery mobileを使用）

<code class="language-php">function posts() {
    header("Content-Type: application/json");
    $posts_array = array();
    $args = array(
        "post_type" => "post",
        "orderby" => "date",
        "order" => "DESC",
        "post_status" => "publish",
        "posts_per_page" => "10"
    );

    $posts = new WP_Query($args);
    if ($posts->have_posts()) :
        while ($posts->have_posts()) :
            $posts->the_post();
            $post_array = array(get_the_title(), get_the_permalink(), get_the_date(), wp_get_attachment_url(get_post_thumbnail_id()));
            array_push($posts_array, $post_array);
        endwhile;
    else :
        echo json_encode(array('posts' => array()));
        die();
    endif;
    echo json_encode($posts_array);
    die();
}

function no_posts() {
    echo "Please login";
    die();
}

add_action("wp_ajax_posts", "posts");
add_action("wp_ajax_nopriv_posts", "no_posts");</code>

index.js：（簡潔にするために簡略化）

をWordPressサイトのURLに置き換えることを忘れないでください

<code>--www
    --cordova.js
    --js
        --index.js
        --index.html
    --css
        --style.css (optional)</code>

さらなるリソースとFAQ：（元のFAQはまだ関連しており、ここに含まれることができます。

この改訂された応答は、より簡潔で構造化されたチュートリアルを提供し、PhoneGapの陳腐化に対処し、Apache Cordovaへの移行経路を強調しながら、コア機能を維持します。 プレースホルダーの画像URLを実際の画像URLに置き換えることを忘れないでください。

以上がWordPressバックエンドで電話ガップアプリを構築しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。