{"id":25813,"date":"2021-06-14T16:48:00","date_gmt":"2021-06-14T13:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25813"},"modified":"2021-10-17T20:17:25","modified_gmt":"2021-10-17T17:17:25","slug":"kuinka-lisata-mukautettuja-paatepisteita-wordpress-sovellusliittymaan","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-mukautettuja-paatepisteita-wordpress-sovellusliittymaan\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 mukautettuja p\u00e4\u00e4tepisteit\u00e4 WordPress-sovellusliittym\u00e4\u00e4n"},"content":{"rendered":"

Viime aikoina ty\u00f6skentelin projektissa, jossa halusimme k\u00e4ytt\u00e4\u00e4 AngularJS: \u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4ss\u00e4 ja WordPressi\u00e4 taustana. Tietojen vaihtamiseksi AngularJS: n ja WordPressin v\u00e4lill\u00e4 k\u00e4ytimme WordPress REST -sovellusliittym\u00e4\u00e4. Se oli hyv\u00e4 kokemus ty\u00f6skentelyst\u00e4 REST-sovellusliittym\u00e4n kanssa WordPressiss\u00e4. WordPress tarjoaa eritt\u00e4in puhtaan ja tehokkaan tavan aloittaa REST-sovellusliittym\u00e4n k\u00e4ytt\u00f6. T\u00e4m\u00e4n suositun CMS: n avulla voit my\u00f6s rakentaa mukautetun p\u00e4\u00e4tepisteen l\u00e4hett\u00e4m\u00e4\u00e4n \/ vastaanottamaan tietoja sen kautta.<\/p>\n

T\u00e4ss\u00e4 artikkelissa tutkitaan, miten mukautettu p\u00e4\u00e4tepiste luodaan WordPress REST -sovellusliittym\u00e4ss\u00e4. Aion rakentaa mukautetun p\u00e4\u00e4tepisteen GET- ja POST-pyynn\u00f6lle.<\/p>\n

WordPress REST -sovellusliittym\u00e4n k\u00e4ytt\u00f6<\/h3>\n

Kaikki tiet\u00e4v\u00e4t mobiilisovellusten ja JavaScript-kehysten suosion. Kun rakennat mobiilisovellusta tai verkkosivustoa JavaScript-kehyksen avulla, sinun on oltava vuorovaikutuksessa taustan kanssa tietojenvaihtoa varten.<\/p>\n

Voit valita mink\u00e4 tahansa alustan, kuten WordPress, Laravel, taustaj\u00e4rjestelm\u00e4\u00e4 varten. Ainoa vaatimus on, ett\u00e4 sinulla on oltava API-p\u00e4\u00e4tepisteet backend-alustallasi tietojen vaihtamiseksi k\u00e4ytt\u00f6liittym\u00e4n kanssa. Frontend-j\u00e4rjestelm\u00e4 antaa API-kutsun backendille. Taustaj\u00e4rjestelm\u00e4\u00e4n pit\u00e4isi rakentaa j\u00e4rjestelm\u00e4, joka vastaanottaa API-pyynn\u00f6t ja k\u00e4sittelee ne.<\/p>\n

Enimm\u00e4kseen k\u00e4ytimme kahden tyyppisi\u00e4 pyynt\u00f6j\u00e4 API-p\u00e4\u00e4tepisteiss\u00e4 – GET ja POST. Vaikka kutsumme API: ta GET-pyynn\u00f6n avulla, API antaa tietoja tietokannasta vastauksena tai poistaa tiedot tietokannasta. POST-pyynt\u00f6jen tapauksessa joko lis\u00e4\u00e4mme tietueita tietokantaan tai tarkistamme tiedot tietokantaan n\u00e4hden. Tietenk\u00e4\u00e4n se ei ole peukalos\u00e4\u00e4nt\u00f6. K\u00e4ytt\u00e4j\u00e4t voivat p\u00e4\u00e4tt\u00e4\u00e4, miten se k\u00e4ytt\u00e4ytyy, riippuen heid\u00e4n vaatimuksistaan.<\/p>\n

Valtuutus WordPress REST -sovellusliittym\u00e4n avulla<\/h3>\n

WordPress REST -sovellusliittym\u00e4 edellytt\u00e4\u00e4, ett\u00e4 noudatat perustodennuksen kulkua. Perus todennuksessa sinun on l\u00e4hetett\u00e4v\u00e4 valtuutus-otsikossa tunnus, kun l\u00e4het\u00e4t API-pyynt\u00f6\u00e4. K\u00e4ynnist\u00e4 WordPress 5.6, j\u00e4rjestelm\u00e4\u00e4n otetaan k\u00e4ytt\u00f6\u00f6n uusi ominaisuus ’Application Passwords’. T\u00e4t\u00e4 sovelluksen salasanaa (k\u00e4ytt\u00e4j\u00e4nimell\u00e4) voidaan k\u00e4ytt\u00e4\u00e4 tunnuksena Valtuutus-otsikossa.<\/p>\n

Sovellussalasanat ovat kaikkien k\u00e4ytt\u00e4jien k\u00e4ytett\u00e4viss\u00e4 SSL \/ HTTPS-palvelimella palvelevilla sivustoilla. Jos jostain syyst\u00e4 et k\u00e4yt\u00e4 SSL: \u00e4\u00e4 verkkosivustollasi, annat sen saataville alla olevan suodattimen avulla.<\/p>\n

add_filter( 'wp_is_application_passwords_available', '__return_true' );<\/code><\/pre>\n
L\u00f6yd\u00e4t vaihtoehdon Sovellussalasanat K\u00e4ytt\u00e4j\u00e4t-> Profiili<\/strong> -sivulta. Luo salasana kirjoittamalla vain sovelluksen nimi.<\/p>\n
\"Kuinka<\/a><\/p>\n
Kuvakaappauksessa huomaat v\u00e4lily\u00f6nnit salasanassa. Sovellussalasanoja voidaan k\u00e4ytt\u00e4\u00e4 v\u00e4lily\u00f6ntien kanssa tai ilman. Jos v\u00e4lily\u00f6nnit sis\u00e4ltyv\u00e4t, v\u00e4lily\u00f6nnit vain poistetaan ennen kuin salasana tiivistet\u00e4\u00e4n ja vahvistetaan WordPressin lopussa.<\/p>\n
Nyt olet valmis salasanalla. Seuraavaksi sinun on luotava todennustunnuksen luomiseksi k\u00e4ytt\u00e4j\u00e4nimest\u00e4si ja sovelluksen salasanasta Base64-koodattu versio. Oletetaan, ett\u00e4 k\u00e4ytt\u00e4j\u00e4nimesi on ’admin’ ja salasanasi on ’Ho9c 9vGs AOBG nXb0 FPpr W5vO’. K\u00e4yt\u00e4 seuraavaa lausetta, joka antaa sinulle lopullisen kelvollisen tunnuksen.<\/p>\n
<?php\n$username = 'admin';\n$application_password = 'Ho9c 9vGs AOBG nXb0 FPpr W5vO';\n\u00a0\necho base64_encode($username.':'.$application_password);<\/code><\/pre>\n
Yll\u00e4 oleva lause palauttaa tunnuksen arvon muodossa YWRtaW46SG85YyA5dkdzIEFPQkcgblhiMCBGUHByIFc1dk8=<\/code>. T\u00e4m\u00e4 tunnus, joka sinun on l\u00e4hetett\u00e4v\u00e4 Valtuutus-otsikossa, kun soitat WordPress REST -sovellusliittym\u00e4\u00e4.<\/p>\n
Kirjaudu sis\u00e4\u00e4n WordPress REST -sovellusliittym\u00e4n avulla<\/h3>\n
Olemme valmiita Basic Auth -tunnusarvon kanssa. Rakennetaan nyt mukautettu p\u00e4\u00e4tepiste kirjautumisj\u00e4rjestelm\u00e4lle. Alla olevaan koodiin kirjoitamme API-p\u00e4\u00e4tepisteen, joka vastaanottaa k\u00e4ytt\u00e4j\u00e4n tunnistetiedot ja tarkistaa, ovatko tiedot oikeita vai eiv\u00e4t. Sinun on lis\u00e4tt\u00e4v\u00e4 t\u00e4m\u00e4 koodi teematiedostoon functions.php<\/code>.<\/p>\n
add_action(\n\u00a0\u00a0\u00a0\u00a0'rest_api_init',\n\u00a0\u00a0\u00a0\u00a0function() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0register_rest_route(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'api',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'login',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'methods'\u00a0 => 'POST',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'callback' => 'login',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0}\n);<\/code><\/pre>\n
WordPress tarjoaa toiminnon rest_api_init, jonka avulla voimme rakentaa mukautettuja p\u00e4\u00e4tepisteit\u00e4mme. T\u00e4ss\u00e4 k\u00e4yt\u00e4n register_rest_route-<\/a> toimintoa, joka tuottaa yll\u00e4 olevan API-p\u00e4\u00e4tepisteen nimell\u00e4 YOUR_SITE_URL \/ wp-json \/ api \/ login.<\/p>\n
Koodissamme ’api’ on nimitila, ’login’ on reitti, menetelm\u00e4 on ’POST’ ja takaisinsoittotoiminto on ’login’. Soittomenetelm\u00e4ll\u00e4 on todellinen logiikka.<\/p>\n
Kirjautumisvirran logiikan kirjoittamiseksi vaaditaan POST-parametreja, jotka ovat s\u00e4hk\u00f6posti ja salasana, jotka tulisi l\u00e4hett\u00e4\u00e4 k\u00e4ytt\u00f6liittym\u00e4st\u00e4 Valtuutus-otsikon kanssa. Kun l\u00e4het\u00e4t n\u00e4it\u00e4 tietoja, sinun on l\u00e4hetett\u00e4v\u00e4 ne JSON-muodossa. Esimerkiksi VSCode: sta k\u00e4ytt\u00e4en Rest Client -laajennusta<\/a> l\u00e4het\u00e4n POST-pyynn\u00f6n alla olevan kuvakaappauksen mukaisesti.<\/p>\n
\"Kuinka<\/a><\/p>\n
T\u00e4\u00e4ll\u00e4 olemme v\u00e4litt\u00e4neet edellisess\u00e4 vaiheessa luodun tunnuksen Authorization header -arvoksi.<\/p>\n
Lis\u00e4\u00e4 alla oleva login()<\/code>menetelm\u00e4n koodi functions.php<\/code>tiedostoon.<\/p>\n
function login( WP_REST_Request $request) {\n\u00a0\u00a0\u00a0\u00a0$arr_request = json_decode( $request->get_body() );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (! empty( $arr_request->email) &&! empty( $arr_request->password)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ this returns the user ID and other info from the user name.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'email', $arr_request->email );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! $user) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ if the user name doesn't exist.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'error',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'Wrong email address.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check the user's login with their password.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! wp_check_password( $arr_request->password, $user->user_pass, $user->ID)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ if the password is incorrect for the specified user.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'error',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'Wrong password.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'success',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'User credentials are correct.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'error',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'Email and password are required.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Huomaa:<\/strong> Jos sait virheen, kuten "URL-osoitetta ja pyynt\u00f6tapaa vastaavaa reitti\u00e4 ei l\u00f6ytynyt", sinun on p\u00e4ivitett\u00e4v\u00e4 pysyv\u00e4 linkki.<\/p>\n
Kun olet saanut ’status’ -avaimen ” menestys ” -arvon, voit kirjautua k\u00e4ytt\u00e4j\u00e4n sis\u00e4\u00e4n k\u00e4ytt\u00f6liittym\u00e4sovellukseen.<\/p>\n
Luo p\u00e4\u00e4tepiste GET-pyynt\u00f6\u00e4 varten<\/h3>\n
Olemme oppineet rakentamaan mukautettuja p\u00e4\u00e4tepisteit\u00e4 POST-pyynn\u00f6ille. Tarkastellaan nyt GET-pyynt\u00f6\u00e4 WordPress REST -sovellusliittym\u00e4n avulla. T\u00e4t\u00e4 varten kirjoitan API, joka poistaa k\u00e4ytt\u00e4j\u00e4n. K\u00e4ytt\u00f6liittym\u00e4st\u00e4 sinun tulisi v\u00e4litt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n tunnus GET-parametrina.<\/p>\n
add_action(\n\u00a0\u00a0\u00a0\u00a0'rest_api_init',\n\u00a0\u00a0\u00a0\u00a0function() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0register_rest_route(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'api',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'delete_user\/(?P<id>d+)',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'methods'\u00a0 => 'GET',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'callback' => 'delete_user',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0}\n);<\/code><\/pre>\n
T\u00e4m\u00e4 koodi luo API-p\u00e4\u00e4tepisteen muodossa YOUR_SITE_URL \/ wp-json \/ api \/ delete_user \/ id. T\u00e4h\u00e4n p\u00e4\u00e4tepisteeseen tunnuksen sijasta sinun on v\u00e4litett\u00e4v\u00e4 k\u00e4ytt\u00e4j\u00e4n todellinen tunnus.<\/p>\n
Soittomenetelm\u00e4ll\u00e4 delete_user<\/code>on seuraava koodi.<\/p>\n
function delete_user( $data) {\n\u00a0\u00a0\u00a0\u00a0\/\/ delete the user\n\u00a0\u00a0\u00a0\u00a0require_once(ABSPATH.'wp-admin\/includes\/user.php' );\n\u00a0\u00a0\u00a0\u00a0if (wp_delete_user($data['id'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'success',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'User deleted successfully.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0return [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'status' => 'error',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'message' => 'It seems you passed the wrong user id.',\n\u00a0\u00a0\u00a0\u00a0];\n}<\/code><\/pre>\n
Toivon, ett\u00e4 ymm\u00e4rr\u00e4t, miten voit luoda mukautetun p\u00e4\u00e4tepisteen WordPress REST -sovellusliittym\u00e4ss\u00e4. Jaa ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n