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

2. Credential
Management
API
を
使ってみた話
モケラボ株式会社

3. モケ
ラだ
よ
広
報
だ
よ

4. グッズあるよ！

5. Credential
Management
API
って何？
？

9. navigator.credentials.store(new PasswordCredential({
id: username,
password: password,
})).then((c) => {
// おわったときの処理
});
保存する

10. 取り出す
navigator.credentials.get({
password: true,
}).then((c) => {
return fetch('/api/v1/token', {
method: 'POST',
credentials: c,
})
}).then((resp) => {
// fetchの結果からトークンを取り出す
});

11. 注意点
● HTTPS必須！
● navigator.credentials.get()
の結果からパスワードはとれないよ
○ fetch()を使うしかない
● multipart/form-dataでID/Passが飛ん
でくる
○ ログインAPIがJSON受け取りだとサ
ポートできない

12. 注意点
● credentials付きfetch()は別ドメインにリ
クエストを投げれない
○ ログイン機能をKii Cloud（ステマ）や
Firebaseにやらせる場合は、
中継サーバーが必要

13. ログインを
快適にしよう！

14. モケラを
みんなに広めよう
ログインを
快適にしよう！