Genera messaggio
Dopo aver completato il configurazione richiesta, puoi creare un'istanza da window.PredisQuesta istanza fornisce l'accesso a tutti i metodi SDK. createPost la funzione avvia il Predis Interfaccia iFrame, che consente agli utenti di creare e modificare post senza problemi.
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" });
Consigli
Registra i gestori degli eventi utilizzando .on() prima di chiamare initialize(). createPost il metodo dovrebbe essere invocato solo all'interno di ready callback per garantire che l'SDK sia completamente inizializzato.
Migliori createPost Il metodo è l'interfaccia principale per avviare il flusso di lavoro di creazione e modifica dei post.
Esempio di implementazione completa
L'esempio seguente dimostra un'implementazione completa del Predis SDK per la creazione di 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>