การรวม Page กับ Microflow

สามารถรวม Page กับ Microflow เพื่อสร้างเว็บเพจแบบไดนามิกโดยใช้ ONEWEB ส่วนนี้แสดงวิธีการเรียกใช้บริการ Microflow จากเพจ และแสดงข้อมูลที่ส่งคืนโดย service บน Page

Page สำหรับเรียก Microflow

ไปที่ Page Designer และเปิดเพจที่คุณต้องการสร้างไดนามิก

คลิกที่ input field ข้อมูลที่คุณต้องการส่งไปยัง Microflow เมื่อเรียกใช้

คลิกไอคอน Connect to data เลือกแท็บ State และคลิกที่ปุ่ม Connect to State

เลือก State parameter ที่จะเชื่อม (การเชื่อมต่อ Microflow อนุญาตให้เชื่อมต่อเฉพาะ state parameters กับ microflow input parameter เท่านั้น ดังนั้นในการส่ง parameter ไปยังผู่ใช้ microflow จำเป็นต้องเชื่อมต่อ input field กับ State)

คลิกที่ element หรือ container ที่เริ่มต้นการเรียกไปยัง microflow ของคุณ (1) ในตัวอย่างนี้เราจะเรียก microflow เมื่อคลิกปุ่ม

คลิก บนแถบเครื่องมือที่เมนูด้านซ้าย เพื่อเปิดแถบการกำหนดค่า interaction & data flow (2) คลิกที่ไอคอน Add + icon ด้านล่าง Action เลือก "click" ใน Event. เลือกแท็บ "Microflow" คลิก Refresh เพื่อโหลด services ที่มีอยู่ เลือก "Project Name ของคุณ" ใน Microflow project name Select "Process Name ของคุณ" ใน Microflow process name

คลิก เพื่อเปิดหน้าต่าง Mapping Window (3)

เชื่อม Page Designer parameter ไปยัง Microflow Parameter อย่าลืมบันทึกการ mapping โดยคลิกที่ไอคอน Save บนหน้าจอ mapping

ผู้ใช้สามารถขอและเพิ่มฟังก์ชัน JavaScript ทั้งก่อนและหลังการเรียก microflow ผู้ใช้ยังสามารถเปลี่ยนเส้นทางไปยังหน้าอื่นเมื่อเรียกใช้สำเร็จ

Update ข้อมูลบน Page จาก Microflow เลือก object ในหหน้าที่แสดงข้อมูลที่มาจาก service

คลิกไอคอน Connect to Data คลิกแท็บ Microflow เลือกค่าจาก Microflow คลิกที่ปุ่ม 'Connect to Data'

เลือก field name และคลิก Connect

คลิก 'Done' ใน Connect to Data dialog

ตอนนี้ Page ได้รวมเข้ากับ Microflow เรียบร้อยแล้วและสามารถแสดงข้อมูลที่ดึงได้บนหน้าจอ