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.3k
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
86
Alexa Warming Up my Live Stream!
haruharuharuby
1
83
AAJUG meetup September
haruharuharuby
0
39
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
70
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
780
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
510
Alexa Audio Player @Deep Diving
haruharuharuby
0
280
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
300
Other Decks in Technology
See All in Technology
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
7
3.5k
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
470
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
850
slog.Handlerのよくある実装ミス
sakiengineer
4
210
AIエージェントで90秒の広告動画を制作!台本・音声・映像・編集をつなぐAWS最新アーキテクチャの実践
nasuvitz
0
130
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
jeongjaesoon
0
180
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
9
73k
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
220
【NoMapsTECH 2025】AI Edge Computing Workshop
akit37
0
210
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
570
人工衛星のファームウェアをRustで書く理由
koba789
15
8k
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
2
460
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
330
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
How to Ace a Technical Interview
jacobian
279
23k
Into the Great Unknown - MozCon
thekraken
40
2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
GitHub's CSS Performance
jonrohan
1032
460k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
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]