Luo viesti

Suoritettuasi vaadittu asetus, voit luoda instanssin kohdasta window.PredisTämä instanssi tarjoaa pääsyn kaikkiin SDK-metodeihin. createPost toiminto käynnistää Predis iFrame-käyttöliittymä, jonka avulla käyttäjät voivat luoda ja muokata julkaisuja saumattomasti.

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

Tärkeä

Rekisteröi tapahtumankäsittelijät käyttämällä .on() ennen soittamista initialize(). createPost metodia tulisi kutsua vain sisällä ready takaisinkutsu sen varmistamiseksi, että SDK on täysin alustettu.

createPost menetelmä on ensisijainen käyttöliittymä julkaisun luomisen ja muokkaamisen työnkulun aloittamiseen.

Täydellinen toteutusesimerkki----

Seuraava esimerkki havainnollistaa kattavaa toteutusta Predis SDK julkaisujen luomiseen:

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