Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Word Press Voice Over Authentication
Search
haruharuharuby
September 03, 2017
Technology
0
1.8k
Word Press Voice Over Authentication
2 factor authentication.
You can use authentication by your voice
haruharuharuby
September 03, 2017
Tweet
Share
More Decks by haruharuharuby
See All by haruharuharuby
Effective AWS Step Functions
haruharuharuby
0
130
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
73
Alexa Warming Up my Live Stream!
haruharuharuby
1
56
AAJUG meetup September
haruharuharuby
0
18
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
40
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
600
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
490
Alexa Audio Player @Deep Diving
haruharuharuby
0
250
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
230
Other Decks in Technology
See All in Technology
AWS を使う上で知っておきたいオンプレミス知識/aws-on-premise-essentials
emiki
1
4.1k
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
24
4.8k
PHP"オレ"カンファレンスの告知
ysknsid25
0
310
LLM とプロンプトエンジニアリング/チューターをビルドする / LLM and Prompt Engineering and Building Tutors
ks91
PRO
0
210
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
140
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
0
230
「ふりかえりのふりかえり」をふりかえり、実のあるふりかえりにする
naitosatoshi
0
210
Aurora MySQL v3(MySQL8.0互換)の オンラインDDLの罠挙動を全バージョンで検証した
yutakikai
0
150
A (short) History of AI
harishpillay
0
100
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
0
250
NLP2024 参加報告LT ~RAGの生成評価と懇親戦略~ / nlp2024_attendee_presentation_LT_masuda
taro_masuda
1
190
カオナビの利用実績をアウトカムへつなげる旅 / example-of-data-management-startup-in-kaonavi
kaonavi
0
110
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Build your cross-platform service in a week with App Engine
jlugia
224
17k
Agile that works and the tools we love
rasmusluckow
323
20k
Raft: Consensus for Rubyists
vanstee
131
6.2k
It's Worth the Effort
3n
180
27k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
In The Pink: A Labor of Love
frogandcode
137
21k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
13
1.5k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Fireside Chat
paigeccino
19
2.6k
Transcript
WordPress Voice Over Auth For 09/03 Word Bench Osaka/Kyoto/Nagano TiNm’S
Tomoharu Ito 税法上 今年は の フリーランス コミュニティ を運営 発起人 在住 プログラマー
(2017年 7月〜 だれやねん。
こんなログイン画面を作ります。
Voice Over Auth User ①、⑥ ②、⑦ ④ ⑤ ⑧ ③
ザクッと概要 1. ユーザーがログイン画面を表示 2. ログイン画面表示時に、ワンタイムパスワードの生成をリクエスト 3. パスワードをpush通知 4. ユーザーはAmazon Echoにパスワードを言う
5. ユーザーが発話したパスワードを認証 6. ユーザーはユーザーとパスワードを入力してログイン 7. 認証が通過しているかをチェック 8. 通常のWP認証と⑥の認証が通過してれば、ログインを許可
材料 ユーザーがログインした ときに、 ワンタイムパスワードの 発行を リクエストするプラグイ ンが必要。
材料 パスワードの発行、失効、 認証を行うバックエンドが 必要。 今回はAWSを利用し、 サーバーレスで構築。
材料 ユーザーからの発話を 受け付けるAlexa Skill が必要。
TiNm’S WordPress プラグイン
ベースとなるWordPress
Wp voice authentication plugin ログイン画面のカスタマイズ 認証処理をフック
Wp Voice Authentication Plugin 40行くらい。
API をたたくためのAPI wp_remote_get wp_safe_remote_post wp_remote_post wp_remote_request などなど。。
TiNm’S 認証API
認証API https://voa.tinms.net/code
認証API リソースパス HTTP メソッド 機能 /code GET 認証されてるいか確認 PUT ワンタイムパスワードの生成
PATCH 認証処理 DELTE ワンタイムパスワードの破棄
認証API できるだけ少ないリソースで、多くの処理をまかな えるように考える。
バックエンドはAWS でサーバーレスに構築 API Gateway
バックエンドはAWS でサーバーレスに構築 130行くらい
バックエンドはAWS でサーバーレスに構築 パスワードの発行はダイナモで管理
Alexa Skill User: Alexa, ask wp authentication Alexa: Hi! Please
your authentication code User: 1234 Alexa: OK! You can log in your WordPress.
Alexa Skill 140行くらい
Alexa Skill Developer.amazon.com のGUI でひたすら設定
DEMO ムービー
ありがとうございました。 TiNm’S TiNm’S
[email protected]