I am ‘ITかあさん’ Freelance engineerhttp://www.kaasan.info/I ♥� WordPress I ♥� JavaScript
ON SALE !! 現場で必ず使われている
WordPressデザインのメソッド
[アップデート版]
I made test app !
My Gist URL
Test APP URL
Write only
Authentication:OAuth 2.0◦ What is OAuth 2.0◦ Plugin:WP OAuth Server◦ Login by the access token
Post: WP REST API◦ Post by WP REST API◦ Comment from WP REST API◦ Show Posts & Comments !!
OAuth 2.0 OAuth 1.0
OAuth 2.0:◦ OAuth1.0に比べてシンプル◦ スマートフォンアプリにも対応可能◦ Facebook
OAuth 1.0: ◦ 認証と証明がやや複雑
◦ Webアプリのみ
WP OAuth Server
◦ Client & Client secret◦ Access Token◦ Refresh Token◦ Call Back URL◦ State◦ Getting Login User
OAuth 2.0認証で必要な機能が全て揃う
省略、短縮版にしました!
◦ WordPress Login ID & Password◦ Access Token◦ Getting Login User◦ Login Success Page
Refresh TokenからAccess Token再発行は省略しました
How To get Access Token ?
URI:◦ https://example.com/oauth/token
Param: WP REST API◦ grant_type : password
◦ client_id : your client_id
◦ client_secret : your client_secret
◦ username : WordPress User
◦ password : WordPress Password
Method: POST
Response
{"access_token":"euggnhvgwdnakgmqb1brm4ismi3svx",
"Expires_in":3600,
"token_type":"Bearer",
"Scope":"basic",
"refresh_token":"wnc5qx9g7fwsgvonp8tzcgdcurfy4m"}
Get the Login User
URI:◦ https://example.com/oauth/me
Param: ◦ access_token : access_token◦ client_id : your client_id◦ client_secret : your client_secret
Method: GET
Response
{
"ID": "1",
"user_login": "itkaasan",
"user_nicename": "itkaasan",
"user_email": "[email protected]",
"user_registered": "2016-08-29 17:58:58",
"user_status": "0",
"display_name": "itkaasan",
"email": "[email protected]"
}
New Token by Refresh Token
URI:◦ https://your-server.com/oauth/token
Param: ◦ grant_type : refresh_token
◦ client_id : your client_id
◦ client_secret : your client_secret
◦ refresh_token : refresh_token
Method: GET
Write header !!
Access-Control-Allow-Origin": your URI Access-Control-Allow-Credentials":true
複数サイトの場合パイプ|で繋ぐ
Check My Gist
Check My Gist
◦ 1. Cross Domain◦ 2. Access Token◦ 3. Get a Login User
Access WP REST API
URI:◦ https://example.com/wp-json/wp/v2/posts
Param: ◦ user_id : login user id
◦ limit : int
◦ order : desc or asc◦
Method: GET
Check My Gist
Check My Gist
◦ 1. Post Comments◦ 2.Show Comments
OAuth 2.0 によるログイン認証AccessTokenを取得する
Access Tokenからユーザー情報取得取得したUser IDから投稿やデータの取得!
Cross Domainはheaderに追記でAPIを使える範囲を限定
Summary
Recommended