Paghimo og Post
Pagkahuman sa gikinahanglan nga setup, makahimo ka ug instance gikan sa window.Predis. Kini nga pananglitan naghatag og access sa tanang pamaagi sa SDK. Ang createPost Ang function naglansad sa Predis Ang interface sa iFrame, nga makapahimo sa mga tiggamit sa paghimo ug pag-edit sa mga post nga hapsay.
const predis = new window.Predis();
// Event callbacks should be registered before initialization to capture any initialization errors
predis.on("ready", () => {
predis.createPost({
onPostPublish: function (err, data) {
if (err) {
console.error("Error publishing post:", err);
} else {
console.log("Post published successfully:", data);
}
},
});
});
predis.on("error", (error) => {
console.error("SDK Error:", error);
});
predis.initialize({ appId: "YOUR_APP_ID" });
Irehistro ang mga handler sa kalihokan gamit ang .on() sa dili pa motawag initialize(). ang createPost ang pamaagi kinahanglan nga gamiton lamang sulod sa ready callback aron masiguro nga ang SDK hingpit nga na-initialize.
ang createPost Ang pamaagi mao ang nag-unang interface alang sa pagsugod sa paghimo sa post ug pag-edit sa workflow.
Kompleto nga Implementasyon nga Ehemplo
Ang mosunod nga pananglitan nagpakita sa usa ka komprehensibo nga pagpatuman sa Predis SDK alang sa paghimo sa post:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Predis SDK Integration</title>
</head>
<!-- Predis.ai SDK -->
<script
type="text/javascript"
src="https://predis.ai/sdk/embed.js"
async
defer
crossorigin="anonymous"
></script>
<body>
<!-- Button to launch the post creator/editor -->
<button id="generate-post-button">Generate Post</button>
<script type="text/javascript">
document.getElementById("generate-post-button").addEventListener("click", function () {
try {
// Create an instance of the Predis SDK
const predis = new window.Predis();
// Handle successful initialization
predis.on("ready", () => {
console.log("SDK initialized successfully");
predis.createPost({
onPostPublish: function (err, data) {
if (err) {
console.error("Error during post publication:", err);
// Handle error appropriately in your application
} else {
console.log("Post published successfully:", data);
// Process the published post data
}
},
});
});
// Handle SDK errors
predis.on("error", (error) => {
console.error("SDK Error:", error);
// Implement error handling logic
});
// Initialize the SDK with your application ID
predis.initialize({ appId: "YOUR_APP_ID" });
} catch (error) {
console.error("Failed to initialize Predis SDK:", error);
}
});
</script>
</body>
</html>