Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Nächste SlideShare
Grape Agency Credentials
Grape Agency Credentials
Wird geladen in …3
×
1 von 14

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

0

Teilen

Herunterladen, um offline zu lesen

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

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

「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. モケラを みんなに広めよう ログインを 快適にしよう!

×