SOLVED
How to use Custom Code in AEP Web SDK to send data to Individual profile dataset
1 Accepted Solution
Correct answer by
Hey @e-deepanraj
You can use custom code but one thing you would need to understand is that in that case you would just be making use of the custom code functionality within Adobe data collection tags (launch) and not explicitly using web sdk.
You will be making use of a HTTP API Streaming endpoint which would need to be setup under sources within AEP.
Then, in your custom code, you would be using that streaming endpoint and sending a POST request to it with a payload.
Please note, I would suggest you ask your backend team to handle this rather than you doing it through launch as this can be got hold of and played with easily from Adobe Launch.
Sharing a sample JS that should work for you when you fit relevant values for your setup.
function lambdaHandler(event, context) {
const url = "<Your Streaming Endpoint URL>";
// JSON payload
const payloadData = {
header: {
schemaRef: {
id: "<Schema ID>",
contentType: "application/vnd.adobe.xed-full+json;version=1.0"
},
imsOrgId: "<YOUR ORG ID>",
datasetId: "<YOUR DATASET ID>",
source: {
name: "Streaming dataflow - 10/15/2023, 2:30 PM"
}
},
body: {
xdmMeta: {
schemaRef: {
id: "<Your Schema ID>",
contentType: "application/vnd.adobe.xed-full+json;version=1.0"
}
},
xdmEntity: {
_id: "/uri-reference",
_repo: {
createDate: "2023-12-11T12:00:00-06:00",
modifyDate: "2023-12-11T12:00:00-06:00"
},
_spnam: {
identification: {
core: {
email: '<your email>'
}
}
},
person: {
name: {
firstName: 'test league'
}
}
}
}
};
// Convert the payload to JSON
const payloadJson = JSON.stringify(payloadData);
// Headers
const headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('sandbox-name', '<Sandbox Name>');
headers.append('Authorization', 'Bearer YOUR_AUTHORIZATION_TOKEN'); // Replace with your actual Authorization token
// Request options
const options = {
method: 'POST',
headers: headers,
body: payloadJson
};
// Make the POST request
fetch(url, options)
.then(response => {
if (response.status === 200) {
return response.text();
} else {
throw new Error("Failed to call the API");
}
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
}
// Example usage:
const event = {
};
lambdaHandler(event, null);I removed a few bits which were not relevant and you might need to tweak it a bit but this should give you a start.
Correct answer by
Hey @e-deepanraj
You can use custom code but one thing you would need to understand is that in that case you would just be making use of the custom code functionality within Adobe data collection tags (launch) and not explicitly using web sdk.
You will be making use of a HTTP API Streaming endpoint which would need to be setup under sources within AEP.
Then, in your custom code, you would be using that streaming endpoint and sending a POST request to it with a payload.
Please note, I would suggest you ask your backend team to handle this rather than you doing it through launch as this can be got hold of and played with easily from Adobe Launch.
Sharing a sample JS that should work for you when you fit relevant values for your setup.
function lambdaHandler(event, context) {
const url = "<Your Streaming Endpoint URL>";
// JSON payload
const payloadData = {
header: {
schemaRef: {
id: "<Schema ID>",
contentType: "application/vnd.adobe.xed-full+json;version=1.0"
},
imsOrgId: "<YOUR ORG ID>",
datasetId: "<YOUR DATASET ID>",
source: {
name: "Streaming dataflow - 10/15/2023, 2:30 PM"
}
},
body: {
xdmMeta: {
schemaRef: {
id: "<Your Schema ID>",
contentType: "application/vnd.adobe.xed-full+json;version=1.0"
}
},
xdmEntity: {
_id: "/uri-reference",
_repo: {
createDate: "2023-12-11T12:00:00-06:00",
modifyDate: "2023-12-11T12:00:00-06:00"
},
_spnam: {
identification: {
core: {
email: '<your email>'
}
}
},
person: {
name: {
firstName: 'test league'
}
}
}
}
};
// Convert the payload to JSON
const payloadJson = JSON.stringify(payloadData);
// Headers
const headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('sandbox-name', '<Sandbox Name>');
headers.append('Authorization', 'Bearer YOUR_AUTHORIZATION_TOKEN'); // Replace with your actual Authorization token
// Request options
const options = {
method: 'POST',
headers: headers,
body: payloadJson
};
// Make the POST request
fetch(url, options)
.then(response => {
if (response.status === 200) {
return response.text();
} else {
throw new Error("Failed to call the API");
}
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
}
// Example usage:
const event = {
};
lambdaHandler(event, null);I removed a few bits which were not relevant and you might need to tweak it a bit but this should give you a start.
Thanks @abhinavbalooni Let me check with this JS,
I was just curious about the Datastream AEP service. It has a profile dataset as an optional selection, so is there any use in having that to send the profile data, or is it a feature that is not fully functional yet?
@e-deepanraj That's a fair query and I had the same question when I started working on data streams but till now I haven't seen any use for it or even documentation showing how it works. Might well be a solution in works for now.
Cheers.
Hey @e-deepanraj
That's the exact reason I mentioned in my initial response that you should not be doing these piece client side or through Adobe Launch as you leave yourself exposed to injection attacks through the vulnerabilities.
I can provide you a script to generate access token but would strongly suggest not going down this path. Your backend team would be a much better place to all the HTTP API streaming endpoints.
Let me know if you still want a script to generate token and I can share one.
Cheers,
Abhinav
Here's a link where you can find different sample codes for token generation.
https://developer.adobe.com/developer-console/docs/guides/authentication/JWT/samples/
@Rudi-Shumpert Thanks for this Rudi.
Do you have any documentation where we can see this mapping of the profile dataset being used through a datastream? Would be really helpful as I haven't been able to make use of this particular mapping till date. Might be an oversight at my end.
Cheers,
Abhinav
Related Conversations
