Hey there, Salesforce Learners!

Feeling a bit restless?  No Worries today I am bringing a Fun Game for all of you so we can learn Flow shiniest feature with Spring '23 and Summer '23 in the fun way.

Lets dive into the new learnings:

So as Topic describes HTTP callout using Flow , we need to create a flow. Yes , you are absolutely correct. But wait first there's a little bit of setup to be done.

Step 1 : Our journey kicks off with a crucial step

Create a Permission Set for making callouts. Go ahead and choose a catchy name for your Permission Set  & Assign this Permission Set to the chosen User who's excited on this incredible adventure with us.

Step 2 : Create an External Named Credentials 

This is a crucial step that will empower our flow to communicate seamlessly with the external world.

( To start, type "Named Credential" into the Quick Find box, and we can see external credential option).

Give it a name and Choose the protocol that aligns with your specific needs – whether it's OAuth, Password, or even a Custom method. 

With "Custom" we are going to integrate our external systems seamlessly. Click that save button and watch as your Named Credential takes its first breath.You can see Principal section appears below. Lets dive into it now.

Step 3: Create Principle, once we create an External Credential below Principle section is appears. So With a click of the "New" button, you set the Principal with basic details – a name, an identity.

Note: In Spring '23 we were directly able to map the Permission set , but in Summer '23 Permission Set needs to map to Principal.

A curious twist awaits as we navigate the seasons of Spring '23 and Summer '23. In the blossoming Spring, the path was direct – a simple section mapping of Permission Sets was present which used to map Permission Set. However, in the radiant Summer, a new rule comes. Permission Sets needs to map to the Principal. Let's see how to assign that as well.

Step 4: Add Principle to the Permission Set. 

Go to permission set and select the permission set which we have created in Step 1. Now we can see option called 'External Credential Principal Access'  in Apps section. Select this and add External Credential which we have created in Step 2 from the list.

Step 5: Create Named Credentials.

In URL we are using the callout URL as https://www.boredapi.com. Select checkbox for making Callouts. In External Credentials select the External Credential which we have created in Step 2.

Leave everything as is and With a confident hand, click that "Save" button

Now your wait is over , we can start creating our flow.

Lets go to flow => Create new flow , lets select a Screen Flow so we have make it more interactive. 

Its also simple like we create flows earlier in same way.

Follow the steps as mentioned in below snaps.

Step1 : Create a message Displaying screen. Add Screen element from Panel and Provide proper message according to your requirement.
Step 2: Most important factor in Flow to make HTTP Callouts is Action. Add Action Element. Now we can see button called Create HTTP Callout. Select it and new popup will appear.

1. Give the callout's specifics here. The URL for which we are going to create a callout will automatically appear after we choose the Named Credential.

Now we are getting the things right, like why we need above configurations ,  we have created a permission set that is associated with our User. We created an external named credential and gave the principal permissions to store the callout URL in it. Then we use this External Named Credential in our Named Credential in our Flow action to produce an HTTP Callout.

It is extremely easy. right!

2. It's time to configure HTTP Callout's arguments.

Since we wish to access the URL and obtain the info from the source. It was the GET Method.

Add the URL Path /api/activity/ to the Set URL Path section. Below that is an option labeled "Provide Sample Response." Select "new" and enter a sample JSON input.(When we utilize URL Path parameters to access a URL, we receive JSON data that can be used in this sentence.)
After reviewing the JSON, all fields are mapped according to their respective datatypes. We can alter it if necessary.

Now lets save the Action with proper name.

Step 3: For Displaying Game Details we are going to create a screen component.

Yeah! We're prepared to test our screen flow. Here we go, let's test it out!