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
2.2k
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
170
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
81
Alexa Warming Up my Live Stream!
haruharuharuby
1
73
AAJUG meetup September
haruharuharuby
0
32
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
54
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
700
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
500
Alexa Audio Player @Deep Diving
haruharuharuby
0
270
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
280
Other Decks in Technology
See All in Technology
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
250
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
370
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
110
20250307_エンジニアじゃないけどAzureはじめてみた
ponponmikankan
2
150
[OpsJAWS Meetup33 AIOps] Amazon Bedrockガードレールで守る安全なAI運用
akiratameto
1
140
Log Analytics を使った実際の運用 - Sansan Data Hub での取り組み
sansantech
PRO
0
120
Охота на косуль у древних
ashapiro
0
130
完璧を捨てろ! “攻め”のQAがもたらすスピードと革新/20250306 Hiroki Hachisuka
shift_evolve
0
110
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
220
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
330
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
370
困難を「一般解」で解く
fujiwara3
8
2.3k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
A Tale of Four Properties
chriscoyier
158
23k
Practical Orchestrator
shlominoach
186
10k
How to train your dragon (web standard)
notwaldorf
91
5.9k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Unsuck your backbone
ammeep
669
57k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Producing Creativity
orderedlist
PRO
344
40k
The Cult of Friendly URLs
andyhume
78
6.2k
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]