Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Firebase Auth & Performance Monitoring

k2wanko
June 27, 2019

Firebase Auth & Performance Monitoring

k2wanko

June 27, 2019
Tweet

More Decks by k2wanko

Other Decks in Technology

Transcript

  1. Firebase Auth

    Performance Monitoring
    2019/06/27 @k2wanko
    Google I/O 2019 報告会
    Firebase Japan User Group
    Organizer
    Security Engineer

    View Slide

  2. Google I/O 2019 ほぼリアルタイムレポート
    Firebaseのセッションやブース展示、注目の技術
    https://www.youtube.com/watch?v=5F1KNI-KOAc

    View Slide

  3. Update Topic

    View Slide

  4. View Slide

  5. View Slide

  6. Update Topic

    View Slide

  7. Update Topic

    View Slide

  8. What’s New Auth

    View Slide

  9. New Support Providers

    View Slide

  10. Authentication
    Support Stackdriver Logging

    View Slide

  11. 今の所有効にするUIはないので APIからONにする
    curl -d "{'monitoring': {'requestLogging':{'enabled':true}}}" \
    -H 'Authorization: Bearer [AUTH_TOKEN]' -X PATCH \
    -H 'Content-Type: application/json' \
    https://identitytoolkit.googleapis.com/admin/v2/projects/[PROJECT_ID]/config?upd
    ateMask=monitoring.requestLogging.enabled

    View Slide

  12. Stackdriver Loggingから確認ができる

    View Slide

  13. MFA Support

    View Slide

  14. SMS based MFA
    - SMSを使ってMFA
    - Private Alpha

    View Slide

  15. Authentication + Cloud Functions
    beforeCreate
    beforeSignIn
    (Blocking Function)

    View Slide

  16. Blocking Function
    - ユーザーの作成時や、認証時にFunctionsでロジックを書ける機能
    - Private Alpha
    - g.co/firebasealpha

    View Slide

  17. What’s New Performance Monitoring

    View Slide

  18. Web Support

    View Slide

  19. 取れるmetrics
    - first paint metric
    - first contentful paint metric
    - domInteractive metric
    - domContentLoadedEventEnd metric
    - loadEventEnd metric
    - first input delay metric
    https://firebase.google.com/docs/perf-mon/automatic-web

    View Slide

  20. first input delay metricを取る場合はpolyfillを追加
    npm install --save-dev first-input-delay
    https://github.com/GoogleChromeLabs/first-input-delay

    View Slide

  21. View Slide

  22. View Slide

  23. https://github.com/firebasejp/website/blob/4607473/src/firebase.js

    View Slide

  24. 12 hours later...

    View Slide

  25. View Slide

  26. 疑問
    - 具体的なアクションどうするの?
    - Web Appのバージョン管理ってどうするの?

    View Slide

  27. おすすめセッション
    What's New in Firebase
    https://www.youtube.com/watch?v=x8qTEMkZCPs

    View Slide

  28. おすすめセッション
    Three New Ways to Secure Your App with Firebase Authentication
    https://www.youtube.com/watch?v=BGCLPiR_0Lg

    View Slide

  29. おすすめセッション
    Securing Web Apps with Modern Platform Features
    https://www.youtube.com/watch?v=DDtM9caQ97I

    View Slide

  30. Enjoy
    @k2wanko

    View Slide