Question
ADQURA
IN
Last activity: 21 Apr 2021 7:33 EDT
How to set parameters in web mashup from non pega context
We are trying to set parameters from html input fields to webmashup and want to use this parameters in case. I used pyDefault datatransform to get the param values, but am getting blank values. Could some one guide me on this please?
I want to set some parameters in mashup and access/read them in case.
Below is the html code :
We are trying to set parameters from html input fields to webmashup and want to use this parameters in case. I used pyDefault datatransform to get the param values, but am getting blank values. Could some one guide me on this please?
I want to set some parameters in mashup and access/read them in case.
Below is the html code :
<form id="pocForm" name = "pocForm" > <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="Suman"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Rekala"> </form> <!-- ********************** Begin Pega content ********************** --> <script src ='https://xxxx.co.uk/prweb/app/AOMFW_3583/?pzuiactionzzz=CXtpbn1RUVZ0ZExLa1BHYWR2L1dneEtOMmZ5WXZLTGVCRng1ODBMdVROanNNajVlYkpxVGZvSGpxUzZnL3NNTlBXVVM0*'></script> <div data-pega-encrypted ='true' data-pega-encrypted-hash = 'pzuiactionzzz=CXtpbn1OMzliSk05NElpZnVSd3lUbXpRMjNQNjd3R3hzMFlKbGdZMFFUOWY1YmR3VU8zQmpnVW1xY2R3MS85eWhORzlkNnlqTkhNVXBIY2xVRDg1NmE3ZDJ2QjJvalNWOXhxRUFRT2xvUnJEREZaZ1ZJWGtqbmpyRk5VaC9tUWN1WGQyZ2I0cW1kczE4c3pDOFZlUytmL3NYOVB4Ry9HZFJUSjlQWEVqZ0pvbmVaTUdBcWxsZHBhckdPWVpHUjB1ZU1GbG14RDlYd0VEeVVhUzBlZVR1b2FWN211aGsvdnFaeFJNSVZsa0VRK3NlSW9ZUXpVdUVzTXUrbHVLcFFKbmN2cGNNYml0VjQvbTBsS2lRbE9VZVRVcWRvczdPS2RmblplOTA2SVFlcHVBLzhvbk1xK245Q2s0TThRZy9ZbTFPY2F0N0NBbW9tWHhyNnkwcU9NM0tTYW4xeERoekEvQ2NnQ1U3TlJERDZpODNxZUFrUU5ZdEFLSDB3LzZJcVZFS3V6RnI2a1BzOHlmdk0vTTRMTlh5enVrUVlnPT0%3D*' data-pega-gadgetname ='PegaGadget' data-pega-action ='createNewWork' data-pega-action-param-classname ='VFUK-FW-AOMFW-Work-TestPOCCase' data-pega-action-param-flowname ='pyStartCase' data-pega-isretained ='false' data-pega-isdeferloaded ='false' data-pega-applicationname ='AOMFW' data-pega-threadname ='TestPocInput' data-pega-channelID ='MASHUP845ac3477dab418fbb8f091ecf0ef4d7' data-pega-resizetype ='stretch' data-pega-url ='https://xxxx.co.uk/prweb/app/AOMFW_3583/' data-pega-action-param-parameters ='{"pzSkinName":"AOMFW","pyMashupSkeletonName":"pyDefaultMashupSkeleton"}' data-pega-parameters='{"FirstName":'[pocForm/fname/fname]',"LastName":'[pocForm/lname/lname]'}'> </div>
<!-- ********************** End Pega content ********************** -->
***Edited by Moderator: Pooja Gadige to add platform capability tag, add support case created tag***
Pegasystems Inc.
IN
If you want to pass the param value to the mashup, then you need to follow the below syntax:
- [page/id/elementID]:
Where page and id are keywords and elementID is the name of the DOM element.
-
[page/function/token]: Where page and function are keywords and token is a string that has meaning to the function. You specify the name of the function to use to retrieve the value with the data-pega-event-onpagedata event attribute.
Ex:
If you want to pass the param value to the mashup, then you need to follow the below syntax:
- [page/id/elementID]:
Where page and id are keywords and elementID is the name of the DOM element.
-
[page/function/token]: Where page and function are keywords and token is a string that has meaning to the function. You specify the name of the function to use to retrieve the value with the data-pega-event-onpagedata event attribute.
Ex:
<script>
function setCaseID(){
pega.web.api.doAction("PegaGadget","load");
}
function loadCaseID(test){
if(test == "workId")
return document.getElementById("caseID").value;
}
</script>
<div style="height:600px">
<input type="hidden"id="userid" name="userid" value="[email protected]"/>
<input type="hidden" id="password" name="password" value="SW5zdGFsbEAxMg=="/>
CaseID:<input type="text" id="caseID" ></input>
<button onclick="setCaseID()" name="load case ID"> Load Case </button>
</div>
<div data-pega-gadgetname ='PegaGadget'
data-pega-action ='openWorkItem'
data-pega-action-param-workid ='[page/function/workId]'
data-pega-isdeferloaded ='true'
data-pega-applicationname ='ITSM'
data-pega-threadname ='OpenAssignment'
data-pega-event-onpagedata='dataFromPage'
data-pega-resizetype ='stretch'
data-pega-url ='http://localhost:8080/prweb/app/ITSM_9387/'
data-pega-action-param-parameters ='{"pzSkinName":"ITSM","UserIdentifier":"[page/id/userid]","Password":"[page/id/password]"}' ></div>
</body>
<html>
Also, the input values have to available at the form level when the mashup is loading.
Regards,
Praveen
Updated: 19 Apr 2021 4:00 EDT
ADQURA
IN
@PraveenMankala Thank you for reply. We did the same way you have shown above. But unable to get the parameters in the case. In Html, I have static values for inputs and i tried with button and without button. Below is new code with button and data-pega-isdeferloaded ='true'. I have attached case related pyDefault DT and activity as well which is used to capture values in log. Could you please let me If am missing anything? Please let me know if you are ok for a call?
<script src ='https://XXX/prweb/app/AOMFW_3583/?pzuiactionzzz=CXtpbn1RUVZ0ZExLa1BHYWR2L1dneEtOMmZ5WXZLTGVCRng1ODBMdVROanNNajVlYkpxVGZvSGpxUzZnL3NNTlBXVVM0*'></script> <script>
function runCase(){ pega.web.api.doAction("PegaGadget","load");
} </script>
@PraveenMankala Thank you for reply. We did the same way you have shown above. But unable to get the parameters in the case. In Html, I have static values for inputs and i tried with button and without button. Below is new code with button and data-pega-isdeferloaded ='true'. I have attached case related pyDefault DT and activity as well which is used to capture values in log. Could you please let me If am missing anything? Please let me know if you are ok for a call?
<script src ='https://XXX/prweb/app/AOMFW_3583/?pzuiactionzzz=CXtpbn1RUVZ0ZExLa1BHYWR2L1dneEtOMmZ5WXZLTGVCRng1ODBMdVROanNNajVlYkpxVGZvSGpxUzZnL3NNTlBXVVM0*'></script> <script>
function runCase(){ pega.web.api.doAction("PegaGadget","load");
} </script>
<div> <br/> First name:<input type="text" id="fname" name="fname" value="Suman"/> <br/> Last name:<input type="text" id="lname" name="lname" value="Rekala"/> <button onclick="runCase()" name="load case">Run Case</button> </div> <div data-pega-encrypted ='true' data-pega-encrypted-hash = 'pzuiactionzzz=CXtpbn1OMzliSk05NElpZnVSd3lUbXpRMjNQNjd3R3hzMFlKbGdZMFFUOWY1YmR3VU8zQmpnVW1xY2R3MS85eWhORzlkNnlqTkhNVXBIY2xVRDg1NmE3ZDJ2QjJvalNWOXhxRUFRT2xvUnJEREZaZ1ZJWGtqbmpyRk5VaC9tUWN1WGQyZ2I0cW1kczE4c3pDOFZlUytmL3NYOVB4Ry9HZFJUSjlQWEVqZ0pvbmVaTUdBcWxsZHBhckdPWVpHUjB1ZU1GbG14RDlYd0VEeVVhUzBlZVR1b2FWN211aGsvdnFaeFJNSVZsa0VRK3NlSW9ZUXpVdUVzTXUrbHVLcFFKbmN2cGNNYml0VjQvbTBsS2lRbE9VZVRVcWRvczdPS2RmblplOTA2SVFlcHVBLzhvbk1xK245Q2s0TThRZy9ZbTFPY2F0N0NBbW9tWHhyNnkwcU9NM0tTYW4xeERoekEvQ2NnQ1U3TlJERDZpODNxZUFrUU5ZdEFLSDB3LzZJcVZFS3V6RnI2a1BzOHlmdk0vTTRMTlh5enVrUVlnPT0%3D*' data-pega-gadgetname ='PegaGadget' data-pega-action ='createNewWork' data-pega-action-param-classname ='VFUK-FW-AOMFW-Work-TestPOCCase' data-pega-action-param-flowname ='pyStartCase' data-pega-isretained ='false' data-pega-isdeferloaded ='true' data-pega-applicationname ='AOMFW' data-pega-threadname ='TestPocInput' data-pega-channelID ='MASHUP845ac3477dab418fbb8f091ecf0ef4d7' data-pega-resizetype ='stretch' data-pega-url ='https://xxx/prweb/app/AOMFW_3583/' data-pega-action-param-parameters ='{"pzSkinName":"AOMFW","pyMashupSkeletonName":"pyDefaultMashupSkeleton","FirstName":"[page/id/fname]","LastName":"[page/id/lname]"}'> </div>
Pegasystems Inc.
IN
@SAISUMAN.R , If possible, can you please share the mashup code as an HTML attachment and fiddler tracer. Then we'll review and update you with next action steps.
ADQURA
IN
@PraveenMankala , I have attached the mashup html in INC-171663. Please let me know if you want me to attache here as well. Meanwhile i will try to install fiddler and get you the tracer.
Thanks
SaiSuman R
Pegasystems Inc.
IN
I have reviewed the information shared via INC, as you have enabled the use encryption at the mashup level, then you need to re-generate the mashup code from the channels and landing page in the dev studio with customer attributes. i.e. if you have added the custom attributes after the mashup code generation from the Dev studio, then it will not the params as expected.
Can you please generate the mashup code again from the dev studio like the below and verify the behavior.
Updated: 20 Apr 2021 4:35 EDT
ADQURA
IN
@PraveenMankala , Earlier, I have generated mashup with the customParameters but with out setting values to it. Now i regenerated after updating mashup as you mentioned and now we are able to see values to parameter as [page/id/fname] and [page/id/lname] not the values given in the form. I can see the actual values when i keep alert in runCase() function. I am trying to check if some thing wrong with the non pega generated code. I have attached the mashup code, Please let me know if you can see any issue.
Thanks
SaiSuman R
Pegasystems Inc.
IN
Can you please set the defer load param value as false and for time being regenerate the mashup code by making use of encryption value as false, then give a try.
Updated: 20 Apr 2021 8:25 EDT
ADQURA
IN
@PraveenMankala , It is working without encryption. But our requirement is to have encryption enabled and parameters we will use will have customer data. Could you please let us know how to enable encryption and make it work.
I also observed the unencrypted url does not have parameters and some encryption is happening internally.
What is the additional encryption will happen if we enable encryption ?
Could you please confirm if it is safe to implement without encryption?
Thanks in advance
SaiSuman R
ADQURA
IN
@PraveenMankala , Please ignore my previous comments "unencrypted url does not have parameters ". We observed all the traffic using fiddler and one of the GET URL has the parameters. Could you please suggest how to make this work with encryption.
Thanks
Sai Suman R