How to Trigger Cloud Flow from Power Pages

Step 1 : Create a Power Automate Flow with Power Page Trigger

Navigate to https://make.powerpages.microsoft.com/ and select correct environment. Choose Solutions option from sitemap and select an existing solution or create a new solution. Add a new cloud flow with trigger Power Pages.

Add required parameters.

Step 2 – Add action to return reverse String

Add a variable and wrote an expression to convert string to array.

Next add a compose step to reverse the array variable using reverse expression.

Next use a step called as Return values to Power Page and add the below value in a parameter.

Now the Cloud Flow is Done. If you test you will get the reverse of a string

Step 3 – Add the Cloud Flow in Power Page Integration Area

Now Edit your Power page web site and navigate to Setup->Cloud Flow and Add Existing Cloud Flow.

Choose the selected flow and add to site.

Step 4 – Now Add JS Code in Webpage button click to call cloud flow

Copy the URL from the cloud flow.

function GetReverse() {

	var rawvalue = "Hello";
	var _url = "https://demoazureadb2clogin.powerappsportals.com/_api/cloudflow/v1.0/trigger/d2bfa867-b3b9-f78b-fdd1-d5a2c4f0fda7"; 
	var data = {};
	data["First Parameter"] = rawvalue;
	var payload = {};
	payload.eventData = JSON.stringify(data);
	shell.ajaxSafePost({
		type: "POST",
		contentType: "application/json",
		url: _url,
		data: JSON.stringify(payload),
		processData: false,
		global: false,
	})
	.done(function (response) {
		alert(response);
	})
	.fail(function (error) {
		console.log("failed" + error);
	});
}

Now the JS will alert the reverse of the string passed. You can customize your code with your business requirements.

Hope it helps.

You can enroll now !We are giving 30% discount on our Internship Program

Don’t miss the chance to participate in the upcoming Internship Program which will be done using Microsoft Dot Net Web Development Full Stack Technology. The new batch will be starting from May 20, 2024.  We will have most experienced trainers for you to successfully complete the internship with live project experience.

Why to choose Our Internship Program?

Industry-Relevant Projects
Tailored Assignments: We offer projects that align with your academic background and career aspirations.
Real-World Challenges: Tackle industry-specific problems and contribute to meaningful projects that make a difference.

Professional Mentorship
Guidance from Experts: Benefit from one-on-one mentorship from seasoned professionals in your field.
Career Development Workshops: Participate in workshops that focus on resume building, interview skills, and career planning.

Networking Opportunities
Connect with Industry Leaders: Build relationships with professionals and expand your professional network.
Peer Interaction: Collaborate with fellow interns and exchange ideas, fostering a supportive and collaborative environment.

Skill Enhancement
Hands-On Experience: Gain practical skills and learn new technologies through project-based learning.
Soft Skills Development: Enhance communication, teamwork, and problem-solving skills essential for career success.

Book Your Seat Now

Free Demo Class Available