Tengeneza Chapisho

Baada ya kumaliza usanidi unaohitajika, unaweza kuunda mfano kutoka window.Predis. Mfano huu hutoa ufikiaji wa mbinu zote za SDK. The createPost kazi inazindua Predis kiolesura cha iFrame, kuwezesha watumiaji kuunda na kuhariri machapisho bila mshono.

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

Muhimu

Sajili wahudumu wa matukio kwa kutumia .on() kabla ya kupiga simu initialize(). The createPost njia inapaswa kutumika tu ndani ya ready Kurudi nyuma ili kuhakikisha SDK imeanzishwa kikamilifu.

The createPost Mbinu ndio kiolesura cha msingi cha kuanzisha uundaji wa chapisho na uhariri wa mtiririko wa kazi.

Mfano Kamili wa Utekelezajiâ € <

Mfano ufuatao unaonyesha utekelezaji wa kina wa Predis SDK ya kuunda chapisho:

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