Saltar al contenido principal

Generar publicación

Después de completar el configuración requerida, puedes crear una instancia desde window.PredisEsta instancia proporciona acceso a todos los métodos del SDK. createPost La función inicia el Predis Interfaz iFrame, que permite a los usuarios crear y editar publicaciones sin problemas.

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" });
Importante

Registrar controladores de eventos utilizando .on() antes de llamar initialize(). La función de createPost El método solo debe invocarse dentro del ready devolución de llamada para garantizar que el SDK esté completamente inicializado.

La createPost El método es la interfaz principal para iniciar el flujo de trabajo de creación y edición de publicaciones.

Ejemplo de implementación completo

El siguiente ejemplo demuestra una implementación integral del Predis SDK para creación de publicaciones:

<!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>