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.9k
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
150
JP_Stripes 5th anniversary - Plan migration consideration -
haruharuharuby
0
73
Alexa Warming Up my Live Stream!
haruharuharuby
1
59
AAJUG meetup September
haruharuharuby
0
26
How Voice Technology is Changing Customer Experience from Brain Perspectives
haruharuharuby
0
44
IVSの盛り上げ役にAlexaをつかってみようか
haruharuharuby
0
630
Let's make a blog with live streaming in 10 minutes
haruharuharuby
0
500
Alexa Audio Player @Deep Diving
haruharuharuby
0
260
VoiceLunchJp#02 Share VUI App and reputation
haruharuharuby
1
250
Other Decks in Technology
See All in Technology
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
コンテナ・K8s研修 - 後半 Kubernetes 基礎&ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
1
120
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
480
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
Featured
See All Featured
BBQ
matthewcrist
82
9k
GraphQLとの向き合い方2022年版
quramy
36
13k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
What the flash - Photography Introduction
edds
65
11k
Done Done
chrislema
179
15k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Adopting Sorbet at Scale
ufuk
71
8.8k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Docker and Python
trallard
37
2.9k
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]