View on GitHub

Beyind my Cloud

Projects that we work on the stream (aka Twitch.com/fboucheros)

  • Stream 113 TinyBlazorAdmin

    2020-07-15

    2020-07-15 - Stream 113 Why it’s not working?! Investigating login Azure AD Token with Blazor WebAssembly

    Summary

    In this live stream session, Frank is investigating why the application is crashing after adding the Azure AD login… and the issue was fixed!

    📺 - Twitch archive - stream no.113

    Replay

    • Youtube(soon)

    Timestamps

    00:00:00 Intro
00:00:10 Bonjour, Hi!
00:04:51 Recap current status
00:07:41 Create AAD Service Principal for Blazor App
00:28:04 Trying to login into the App using AAD.
00:55:58 Create AAD Service Principal for the Az Function
01:14:58 Investigating the packages version
02:10:41 Found something... 
02:13:20 Found the second thing.... and voila!
02:21:10 Wrapping-up

    Project

    All the code for this project is available on GitHub: Tiny Blazor Admin - https://github.com/FBoucher/TinyBlazorAdmin

    Goals

    • New Blazor AAD login
    • TinyAdmin Blazor AAD login
    • Connect securely to azFunction using AAD

    ToDos

    • unfinish todos from previous stream

    New Followers

    New Subscribers

    Raids

    • @ has raided you with a party of

    Cheers

    • @: bits

    Drop Parachute Highest Score

    • @: 70.69

    Streams Notes/ Snippets/ Shared urls

    • dotnet new blazorwasm -au SingleOrg –client-id “fcf72e46-0a43-48f6-86d5-e0969c146550” -o ToDelete –tenant-id “206bad4c-d071-4c91-9181-ef7047e6590b”

    Equivalence: TokenClient = UrlShortenerSecuredService CosmosAuthorizationMessageHandler = AzFuncAuthorizationMessageHandler

    Error: AADSTS70011: The provided request must include a ‘scope’ input parameter. The provided value for the input parameter ‘scope’ is not valid. The scope https://tinyadminhmxyp.azurewebsites.netuser_impersonation openid profile is not valid. The scope format is invalid. Scope must be in a valid URI form https://example/scope or a valid Guid <guid/scope>.

    References

    Read more...

  • Stream 112 CloudBot

    2020-07-10

    2020-07-10 - Stream 112 Learning Node.js for the first time (C# dev)

    Summary

    In this live stream session, Frank is fixing the issue CB#11 when the Cloudbot doesn’t find the user become of capitalization. Then start learning how Nodejs works and try to, from the client side call a function on the server side passing a parameter… It was one of those stream where we learn a lot!

    📺 - Twitch archive - stream no.112

    Replay

    ⚡ Summary video


    Read more...

  • Stream 111 Back to TinyBlazorAdmin

    2020-07-08

    2020-07-08 - Stream 111 Back to TinyBlazorAdmin aplying what we learn about Blazor wasm and AAD

    Summary

    In this live stream session, Frank is bringing all the code created in the previous session (when learning how to use Azure Active Directory (AAD)), into the project Tiny Blazor Admin. Things won’t go as planned as something is still not working… but what is it.

    📺 - Twitch archive - stream no.111

    Replay


    Read more...

  • Stream 110 Learning JavaScript Building Twitch chatbot

    2020-07-03

    2020-07-03 - Stream 110 Learning JavaScript 😱 Building Twitch chatbot

    Summary

    In this live stream session, Frank is working on the project Cloud Bot a Twitch chatbot created in JavaScript. In this particular session we are saving the highest score of every participant and trying to display to total score of everyone.

    📺 - Twitch archive - stream no.110

    Replay

    ⚡ Summary video


    Read more...

  • Stream 109 Learning Blazor WebAssembly with AAD

    2020-07-01

    2020-07-01 - Stream 109 Learning how to use a Blazor WebAssembly with Azure AD Token

    Summary

    In this live stream session, Frank is learning how to call an Azure Function from a Blazor web assembly (client side) secured with Azure Active Directory (AAD). This is work in preparation for the Tiny Blazor Admin project.

    📺 - Twitch archive - stream no.109

    Replay

    Timestamps

    00:00:00 Intro
00:00:10 Bonjour, Hi!
00:03:25 Adding Olive & Cody to the overlay
00:05:30 Showing the logo for TinyBlazorAdmin
00:10:10 Opening all the projects to continue our learning
00:12:00 Securing the Azure Function checking the received token 
00:29:10 Working on the webapp to call the secured azFunction
01:52:10 Showing how to install the Parachute game
01:58:39 Writing the secured http client
02:17:10 Trying to run the App/ fixing crashes
03:40:10 It's working!
03:43:00 Wrapping-up

    Project

    All the code for this project is available on GitHub: Tiny Blazor Admin - https://github.com/FBoucher/TinyBlazorAdmin

    Goals

    • Call an Azure Function from Blazor webassembley using AAD

    New Followers

    New Subscribers

    💖 @phrakberg

    Raids

    References

    • https://blog.jeremylikness.com/blog/azure-ad-secured-serverless-cosmosdb-from-blazor-webassembly/
    Read more...

subscribe via RSS