In previous video we learned how to implement #Hasura authentication with Firebase in our Angular application. However we still have an issue that everyone can access our #GraphQL endpoints. In this tutorial we will protect our Hasura with JWT token and will briefly have a look at role-permission access which provides Hasura for us. Also we will see how to add Firebase cloud functions to you project, how to deploy them to the cloud and how to set up custom claims for Firebase user. I hope this video will be useful for you!😉
Thanks you and enjoy watching! 🙏

🕒Time codes:
00:00:43 - Go to Code
00:00:43 - Review Authentication options
00:02:28 - Init Firebase Cloud Functions
00:03:39 - Write first cloud function and set up custom claims
00:08:03 - Getting a token and investigate what’s inside
00:09:07 - Attach the token to every Apollo http query
00:12:22 - Enable authentication on Hasura side
00:14:45 - Role-access to Hasura’s data
00:18:20 - “First-login” bug
00:19:53 - Fix of “First-login” bug

✅Check out my videos about Angular Material Library: https://www.youtube.com/playlist?list=PLX7eV3JL9sfkREmy-qxyNqLw73y76nOHm

✅And there are some topics about Angular Material CDK:
https://www.youtube.com/playlist?list=PLX7eV3JL9sfkdwkADI4PVDmNins_fO_vp

✅Quick subscribe: http://www.youtube.com/channel/UCSj1Igu3ejxqcQISNEmx8VQ?sub_confirmation=1

🔗Links:
Hasura’s home page:
https://hasura.io
Hasura’s Authentication docs: https://hasura.io/docs/1.0/graphql/manual/auth/index.html
Link to Github repo:
https://github.com/mezhik91/hasura-tutorial

#hasura #jwt #firebase #angular