Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Credential
Management
API
を
使ってみた話
モケラボ株式会社
モケ
ラだ
よ
広
報
だ
よ
グッズあるよ!
Credential
Management
API
って何?
?
navigator.credentials.store(new PasswordCredential({
id: username,
password: password,
})).then((c) => {
// おわったときの処理
});
...
取り出す
navigator.credentials.get({
password: true,
}).then((c) => {
return fetch('/api/v1/token', {
method: 'POST',
credenti...
注意点
● HTTPS必須!
● navigator.credentials.get()
の結果からパスワードはとれないよ
○ fetch()を使うしかない
● multipart/form-dataでID/Passが飛ん
でくる
○ ログイン...
注意点
● credentials付きfetch()は別ドメインにリ
クエストを投げれない
○ ログイン機能をKii Cloud(ステマ)や
Firebaseにやらせる場合は、
中継サーバーが必要
ログインを
快適にしよう!
モケラを
みんなに広めよう
ログインを
快適にしよう!
「Credential Management APIを使ってみた話」 20161025 千葉團
「Credential Management APIを使ってみた話」 20161025 千葉團
「Credential Management APIを使ってみた話」 20161025 千葉團
「Credential Management APIを使ってみた話」 20161025 千葉團
Upcoming SlideShare
Loading in …5
×

of

「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 1 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 2 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 3 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 4 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 5 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 6 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 7 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 8 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 9 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 10 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 11 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 12 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 13 「Credential Management APIを使ってみた話」 20161025 千葉團 Slide 14
Upcoming SlideShare
Grape Agency Credentials
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

「Credential Management APIを使ってみた話」 20161025 千葉團

Download to read offline

2016年10月25日にWantedlyさんのオフィスでLTしたスライドだよ。
Credential Management APIを使ってみたおはなし!

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

「Credential Management APIを使ってみた話」 20161025 千葉團

  1. 1. Credential Management API を 使ってみた話 モケラボ株式会社
  2. 2. モケ ラだ よ 広 報 だ よ
  3. 3. グッズあるよ!
  4. 4. Credential Management API って何? ?
  5. 5. navigator.credentials.store(new PasswordCredential({ id: username, password: password, })).then((c) => { // おわったときの処理 }); 保存する
  6. 6. 取り出す navigator.credentials.get({ password: true, }).then((c) => { return fetch('/api/v1/token', { method: 'POST', credentials: c, }) }).then((resp) => { // fetchの結果からトークンを取り出す });
  7. 7. 注意点 ● HTTPS必須! ● navigator.credentials.get() の結果からパスワードはとれないよ ○ fetch()を使うしかない ● multipart/form-dataでID/Passが飛ん でくる ○ ログインAPIがJSON受け取りだとサ ポートできない
  8. 8. 注意点 ● credentials付きfetch()は別ドメインにリ クエストを投げれない ○ ログイン機能をKii Cloud(ステマ)や Firebaseにやらせる場合は、 中継サーバーが必要
  9. 9. ログインを 快適にしよう!
  10. 10. モケラを みんなに広めよう ログインを 快適にしよう!

2016年10月25日にWantedlyさんのオフィスでLTしたスライドだよ。 Credential Management APIを使ってみたおはなし!

Views

Total views

398

On Slideshare

0

From embeds

0

Number of embeds

1

Actions

Downloads

1

Shares

0

Comments

0

Likes

0

×