ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਮੈਸੇਜਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ Wix ਵਿੱਚ ਡ੍ਰੌਪਡਾਉਨ-ਚਾਲਿਤ PDF URL ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ

Wix ਲਾਇਬ੍ਰੇਰੀ ਸਾਈਟ 'ਤੇ PDF ਦਰਸ਼ਕ ਕਾਰਜਸ਼ੀਲਤਾ ਨੂੰ ਵਧਾਉਣਾ

ਇੱਕ ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸੰਗਠਿਤ ਅਤੇ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਢੰਗ ਨਾਲ PDF ਫਾਈਲਾਂ ਦੇ ਇੱਕ ਵਿਸ਼ਾਲ ਪੁਰਾਲੇਖ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ। ਟੀਚਾ ਵਿਜ਼ਟਰਾਂ ਨੂੰ ਪੁਰਾਣੇ ਅਖਬਾਰਾਂ ਵਰਗੇ ਇਤਿਹਾਸਕ ਰਿਕਾਰਡਾਂ ਤੱਕ ਸਹਿਜ ਪਹੁੰਚ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਨਾ ਹੈ, ਜੋ ਪੀਡੀਐਫ ਦੇ ਰੂਪ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, Wix, Velo, ਅਤੇ ਇੱਕ HTML ਏਮਬੇਡ ਤੱਤ ਦੀ ਵਰਤੋਂ ਇੱਕ ਮਜਬੂਤ ਸਿਸਟਮ ਦੀ ਨੀਂਹ ਬਣਾਉਂਦੀ ਹੈ।

Wix ਦਾ ਪਲੇਟਫਾਰਮ iframes ਦੁਆਰਾ ਏਮਬੈਡ ਕੀਤੇ ਤੱਤਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ PDF ਦਰਸ਼ਕ ਵਰਗੇ ਇੰਟਰਐਕਟਿਵ ਭਾਗ ਜੋੜਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹ PDF ਦਰਸ਼ਕ ਇੱਕ iframe ਵਰਤ ਕੇ ਏਮਬੇਡ ਕੀਤਾ ਗਿਆ ਹੈ, ਅਤੇ ਵਰਤਮਾਨ ਵਿੱਚ, ਇੱਕ ਸਥਿਰ URL ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਹਾਲਾਂਕਿ, ਉਪਭੋਗਤਾ ਇਨਪੁਟ ਦੇ ਅਧਾਰ ਤੇ ਪੀਡੀਐਫ ਫਾਈਲ ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਬਦਲਣ ਦੀ ਜ਼ਰੂਰਤ ਇੱਕ ਨਿਰਵਿਘਨ ਅਨੁਭਵ ਲਈ ਜ਼ਰੂਰੀ ਹੈ.

ਚੁਣੌਤੀ ਇਹ ਹੈ ਕਿ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਦੋ ਡ੍ਰੌਪਡਾਉਨ ਵਿੱਚੋਂ ਇੱਕ ਸਾਲ ਅਤੇ ਇੱਕ ਮਹੀਨਾ ਚੁਣਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੱਤੀ ਜਾਵੇ, ਜੋ ਫਿਰ ਪ੍ਰਦਰਸ਼ਿਤ PDF ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਤਬਦੀਲੀ ਨੂੰ ਚਾਲੂ ਕਰੇਗਾ। ਇਸ ਵਿੱਚ iframe ਨਾਲ ਸੰਚਾਰ ਕਰਨ ਲਈ JavaScript ਮੈਸੇਜਿੰਗ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ, ਦਸਤਾਵੇਜ਼ ਦੇ URL ਨੂੰ ਡ੍ਰੌਪਡਾਉਨ ਚੋਣ ਦੇ ਅਨੁਸਾਰ ਬਦਲਣ ਦੇ ਯੋਗ ਬਣਾਉਣਾ।

ਇਹ ਪਹੁੰਚ ਨਾ ਸਿਰਫ਼ ਕਈ ਸਥਿਰ Wix ਪੰਨਿਆਂ ਦੀ ਲੋੜ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ ਬਲਕਿ ਲਾਇਬ੍ਰੇਰੀ ਦੇ PDF ਪੁਰਾਲੇਖ ਤੱਕ ਪਹੁੰਚ ਨੂੰ ਵੀ ਸਰਲ ਬਣਾਉਂਦੀ ਹੈ। ਹੇਠਾਂ, ਅਸੀਂ Velo ਫਰੇਮਵਰਕ ਅਤੇ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਲੋੜੀਂਦੇ ਕਦਮਾਂ ਅਤੇ ਹੱਲਾਂ ਦੀ ਪੜਚੋਲ ਕਰਦੇ ਹਾਂ।

Wix ਵਿੱਚ ਡ੍ਰੌਪਡਾਉਨ ਚੋਣ ਦੇ ਨਾਲ ਗਤੀਸ਼ੀਲ PDF ਲੋਡਿੰਗ

ਇਸ ਹੱਲ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ ਏਮਬੈਡਡ iFrame ਦੇ ਅੰਦਰ ਪ੍ਰਦਰਸ਼ਿਤ ਇੱਕ PDF ਫਾਈਲ ਦੇ URL ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਸੋਧਣ ਲਈ Wix ਪੰਨੇ 'ਤੇ ਡ੍ਰੌਪਡਾਉਨ ਤੱਤਾਂ ਦੀ ਇੱਕ ਜੋੜੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। ਇਹ ਸਿਸਟਮ ਖਾਸ ਤੌਰ 'ਤੇ ਜਨਤਕ ਲਾਇਬ੍ਰੇਰੀਆਂ ਲਈ ਲਾਭਦਾਇਕ ਹੈ ਜੋ ਆਰਕਾਈਵ ਕੀਤੇ ਅਖਬਾਰ PDFs ਤੱਕ ਆਸਾਨ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹਨ। ਕੋਰ ਕਾਰਜਕੁਸ਼ਲਤਾ ਦੁਆਰਾ ਸੰਚਾਲਿਤ ਹੈ JavaScript ਸੁਨੇਹਾ, ਜੋ ਕਿ ਡ੍ਰੌਪਡਾਊਨ ਤੋਂ ਉਪਭੋਗਤਾ ਚੋਣ ਨੂੰ ਏਮਬੈਡ ਕੀਤੇ PDF ਦਰਸ਼ਕ ਨੂੰ ਭੇਜਦਾ ਹੈ। PSPDFKit ਦਰਸ਼ਕ ਦੀ ਵਰਤੋਂ iFrame ਦੇ ਅੰਦਰ PDF ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਅਸੀਂ ਉਪਭੋਗਤਾ ਦੀ ਸਾਲ ਅਤੇ ਮਹੀਨੇ ਦੀ ਚੋਣ ਦੇ ਆਧਾਰ 'ਤੇ URL ਨੂੰ ਬਦਲ ਕੇ ਦਰਸ਼ਕ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਦੇ ਹਾਂ। ਇਹ ਮਲਟੀਪਲ ਸਥਿਰ Wix ਪੰਨਿਆਂ ਨੂੰ ਬਣਾਏ ਬਿਨਾਂ ਵੱਡੇ ਪੁਰਾਲੇਖਾਂ ਨੂੰ ਦਰਸਾਉਣ ਦਾ ਇੱਕ ਸੁਚਾਰੂ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਪਹਿਲਾ ਡ੍ਰੌਪਡਾਉਨ ਸਾਲ ਚੁਣਦਾ ਹੈ, ਅਤੇ ਦੂਜਾ ਡਰਾਪਡਾਉਨ ਮਹੀਨਾ ਚੁਣਦਾ ਹੈ। ਜਦੋਂ ਉਪਭੋਗਤਾ ਦੋਵਾਂ ਨੂੰ ਚੁਣਦਾ ਹੈ, ਤਾਂ ਸਿਸਟਮ ਸੰਬੰਧਿਤ PDF ਫਾਈਲ ਲਈ ਢੁਕਵਾਂ URL ਬਣਾਉਂਦਾ ਹੈ। ਦ PSPDFKit.load() ਵਿਧੀ ਇਸ ਲਈ ਕੇਂਦਰੀ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਅੱਪਡੇਟ ਕੀਤੇ URL ਦੇ ਆਧਾਰ 'ਤੇ iFrame ਵਿੱਚ ਨਵੀਂ PDF ਲੋਡ ਕਰਦੀ ਹੈ। ਇਹ ਵਿਧੀ PSPDFKit ਲਾਇਬ੍ਰੇਰੀ ਦਾ ਹਿੱਸਾ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਬਾਹਰੀ ਸਕ੍ਰਿਪਟ ਦੁਆਰਾ ਪੰਨੇ 'ਤੇ ਏਮਬੇਡ ਕੀਤੀ ਗਈ ਹੈ। ਦ ਪੋਸਟ-ਮੈਸੇਜ() API ਵਿਕਲਪਕ ਹੱਲ ਵਿੱਚ ਵੀ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਜੋ ਕਿ ਪੇਰੈਂਟ ਪੇਜ ਅਤੇ iframe ਵਿਚਕਾਰ ਸੰਦੇਸ਼ ਭੇਜਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। iframe ਨੂੰ ਨਵਾਂ PDF URL ਵਾਲਾ ਸੁਨੇਹਾ ਭੇਜ ਕੇ, PDF ਵਿਊਅਰ ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਅੱਪਡੇਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।

ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਕਿ ਸਕ੍ਰਿਪਟ ਕੇਵਲ ਉਦੋਂ ਚੱਲਦੀ ਹੈ ਜਦੋਂ DOM ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਅਸੀਂ ਵਰਤਦੇ ਹਾਂ DOMContentLoaded ਘਟਨਾ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਡ੍ਰੌਪਡਾਉਨ ਐਲੀਮੈਂਟਸ ਅਤੇ PSPDFKit ਕੰਟੇਨਰ ਸਕ੍ਰਿਪਟ ਤੱਕ ਪਹੁੰਚਯੋਗ ਹਨ। ਅਸੀਂ ਹਰੇਕ ਡਰਾਪਡਾਉਨ ਵਿੱਚ ਇਵੈਂਟ ਸਰੋਤਿਆਂ ਨੂੰ ਵੀ ਜੋੜਦੇ ਹਾਂ। ਜਦੋਂ ਉਪਭੋਗਤਾ ਇੱਕ ਸਾਲ ਜਾਂ ਮਹੀਨੇ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ, ਤਾਂ ਸੰਬੰਧਿਤ ਘਟਨਾ ਸੁਣਨ ਵਾਲਾ ਚੋਣ ਨੂੰ ਕੈਪਚਰ ਕਰਦਾ ਹੈ ਅਤੇ ਸਹੀ URL ਦੇ ਨਾਲ PDF ਦਰਸ਼ਕ ਨੂੰ ਰੀਲੋਡ ਕਰਨ ਲਈ ਇੱਕ ਫੰਕਸ਼ਨ ਨੂੰ ਕਾਲ ਕਰਦਾ ਹੈ। ਇਹ ਇੱਕ ਸਧਾਰਨ ਫੰਕਸ਼ਨ ਦੁਆਰਾ ਹੈਂਡਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੋ ਡ੍ਰੌਪਡਾਊਨ ਵਿੱਚ ਚੁਣੇ ਗਏ ਮੁੱਲਾਂ ਤੋਂ URL ਬਣਾਉਣ ਲਈ ਟੈਂਪਲੇਟ ਲਿਟਰਲ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਨਾ ਸਿਰਫ਼ ਲਾਗੂ ਕਰਨਾ ਆਸਾਨ ਹੈ, ਸਗੋਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਮਾਡਿਊਲਰ ਵੀ ਹੈ, ਜਿਸ ਨਾਲ ਨਵੇਂ ਪੁਰਾਲੇਖਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕੀਤੇ ਜਾਣ 'ਤੇ ਆਸਾਨ ਅੱਪਡੇਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।

ਦੂਜੀ ਪਹੁੰਚ ਵਿੱਚ, ਅਸੀਂ ਵਰਤਦੇ ਹਾਂ ਪੋਸਟ-ਮੈਸੇਜ() ਮੂਲ ਪੰਨੇ ਅਤੇ iFrame ਵਿਚਕਾਰ ਸੰਚਾਰ ਕਰਨ ਲਈ। ਮੂਲ ਪੰਨਾ ਡ੍ਰੌਪਡਾਉਨ ਤਬਦੀਲੀਆਂ ਲਈ ਸੁਣਦਾ ਹੈ ਅਤੇ iFrame ਨੂੰ ਨਵਾਂ PDF URL ਵਾਲਾ ਸੁਨੇਹਾ ਭੇਜਦਾ ਹੈ, ਜੋ ਇੱਕ ਇਵੈਂਟ ਲਿਸਨਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸੁਨੇਹਾ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਵਧੇਰੇ ਅਲੱਗ-ਥਲੱਗ ਵਾਤਾਵਰਣਾਂ ਨਾਲ ਨਜਿੱਠਣ ਵੇਲੇ ਉਪਯੋਗੀ ਹੁੰਦੀ ਹੈ ਜਿੱਥੇ iframe ਮੁੱਖ ਪੰਨੇ ਦੇ DOM ਨਾਲ ਸਿੱਧਾ ਇੰਟਰੈਕਟ ਨਹੀਂ ਕਰ ਸਕਦਾ। ਦੋਵੇਂ ਵਿਧੀਆਂ ਇੱਕ ਏਮਬੇਡ ਕੀਤੇ PDF ਦਰਸ਼ਕ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਅੱਪਡੇਟ ਕਰਨ ਦੇ ਕੁਸ਼ਲ ਤਰੀਕੇ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ, ਕਈ ਸਥਿਰ ਪੰਨਿਆਂ ਦੀ ਲੋੜ ਨੂੰ ਘਟਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਬ੍ਰਾਊਜ਼ਿੰਗ ਅਨੁਭਵ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੀਆਂ ਹਨ।

// HTML structure for the dropdowns and embed element
<div>
  <label for="yearSelect">Select Year:</label>
  <select id="yearSelect">
    <option value="">--Year--</option>
    <option value="1962">1962</option>
    <option value="1963">1963</option>
    <!-- Add other years dynamically or manually -->
  </select>
  <label for="monthSelect">Select Month:</label>
  <select id="monthSelect">
    <option value="">--Month--</option>
    <option value="January">January</option>
    <option value="February">February</option>
    <!-- Add other months dynamically or manually -->
  </select>
</div>
// Embedded PDF viewer in iframe
<div id="pspdfkit" style="width: 100%; height: 100%; max-width: 1920px;"></div>
<script src="https://cdn.cloud.pspdfkit.com/pspdfkit-web@2024.5.2/pspdfkit.js"></script>
// JavaScript to update URL based on dropdown selection
<script>
document.addEventListener("DOMContentLoaded", () => {
  const yearSelect = document.getElementById("yearSelect");
  const monthSelect = document.getElementById("monthSelect");
  function loadPDF(year, month) {
    if (year && month) {
      const url = `https://domain.tld/${year}_${month}_etc.pdf`;
      PSPDFKit.load({
        container: "#pspdfkit",
        document: url,
      }).catch((error) => {
        console.error("Failed to load PDF:", error);
      });
    }
  }
  yearSelect.addEventListener("change", () => {
    loadPDF(yearSelect.value, monthSelect.value);
  });
  monthSelect.addEventListener("change", () => {
    loadPDF(yearSelect.value, monthSelect.value);
  });
});
</script>

// HTML structure remains the same for dropdowns
// Here, we use iframe with a postMessage-based communication system
<iframe id="pdfViewer" src="about:blank" style="width: 100%; height: 100%;"></iframe>
// JavaScript for sending messages to iframe
<script>
document.addEventListener("DOMContentLoaded", () => {
  const yearSelect = document.getElementById("yearSelect");
  const monthSelect = document.getElementById("monthSelect");
  const iframe = document.getElementById("pdfViewer");
  function updatePDFViewer(year, month) {
    if (year && month) {
      const url = `https://domain.tld/${year}_${month}_etc.pdf`;
      iframe.contentWindow.postMessage({
        type: "updatePDF",
        url: url
      }, "*");
    }
  }
  yearSelect.addEventListener("change", () => {
    updatePDFViewer(yearSelect.value, monthSelect.value);
  });
  monthSelect.addEventListener("change", () => {
    updatePDFViewer(yearSelect.value, monthSelect.value);
  });
});
</script>
// Inside iframe, use this script to receive the message
<script>
window.addEventListener("message", (event) => {
  if (event.data.type === "updatePDF" && event.data.url) {
    PSPDFKit.load({
      container: "#pspdfkit",
      document: event.data.url,
    });
  }
});
</script>

Wix ਅਤੇ JavaScript ਮੈਸੇਜਿੰਗ ਨਾਲ PDF ਪੁਰਾਲੇਖ ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਵਧਾਉਣਾ

Wix ਵਿੱਚ ਇੱਕ ਏਮਬੈਡਡ PDF URL ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਸੋਧਣ ਲਈ ਡ੍ਰੌਪਡਾਉਨ ਤੱਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਇੱਕ ਹੋਰ ਮਹੱਤਵਪੂਰਨ ਵਿਚਾਰ ਇਹ ਯਕੀਨੀ ਬਣਾ ਰਿਹਾ ਹੈ ਕਿ iFrame ਅਤੇ ਮੁੱਖ ਪੰਨਾ ਕੁਸ਼ਲ ਹੈ। ਜਦੋਂ ਕਿ JavaScript ਮੈਸੇਜਿੰਗ ਸਾਨੂੰ ਇਹਨਾਂ ਦੋ ਹਿੱਸਿਆਂ ਦੇ ਵਿਚਕਾਰ ਡੇਟਾ ਭੇਜਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ, ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਕੇ ਸੁਧਾਰਿਆ ਜਾ ਸਕਦਾ ਹੈ ਕਿ ਚੋਣ ਕਿਵੇਂ ਅੱਪਡੇਟ ਨੂੰ ਚਾਲੂ ਕਰਦੀ ਹੈ। ਇਹ ਇਨਪੁਟ ਨੂੰ ਡੀਬਾਊਂਸ ਕਰਕੇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਮਤਲਬ ਕਿ ਸਿਸਟਮ ਹਰ ਬਦਲਾਅ ਦੀ ਬਜਾਏ ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਆਪਣੀ ਚੋਣ ਪੂਰੀ ਕਰਨ ਤੋਂ ਬਾਅਦ ਹੀ PDF ਵਿਊਅਰ ਨੂੰ ਅੱਪਡੇਟ ਕਰਦਾ ਹੈ।

ਇਕ ਹੋਰ ਪਹਿਲੂ ਜੋ ਅਜੇ ਤੱਕ ਕਵਰ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ ਕਰਾਸ-ਓਰੀਜਨ ਰਿਸੋਰਸ ਸ਼ੇਅਰਿੰਗ (CORS). ਕਿਉਂਕਿ PDF ਨੂੰ ਇੱਕ ਬਾਹਰੀ ਸਰਵਰ (ਜਿਵੇਂ ਕਿ ਡਿਜੀਟਲ ਓਸ਼ਨ) 'ਤੇ ਹੋਸਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਸਰਵਰ ਨੂੰ Wix ਡੋਮੇਨ ਤੋਂ ਪਹੁੰਚ ਦੀ ਇਜਾਜ਼ਤ ਦੇਣ ਲਈ ਕੌਂਫਿਗਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਜੇਕਰ ਸਰਵਰ ਦੀਆਂ CORS ਸੈਟਿੰਗਾਂ ਸਹੀ ਢੰਗ ਨਾਲ ਕੌਂਫਿਗਰ ਨਹੀਂ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ, ਤਾਂ PDF ਦਰਸ਼ਕ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਲੋਡ ਕਰਨ ਦੇ ਯੋਗ ਨਹੀਂ ਹੋ ਸਕਦਾ ਹੈ, ਨਤੀਜੇ ਵਜੋਂ ਗਲਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਪੀਡੀਐਫ ਫਾਈਲਾਂ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਵਾਲੇ ਸਰਵਰ 'ਤੇ ਸਹੀ CORS ਸਿਰਲੇਖ ਦੋ ਪਲੇਟਫਾਰਮਾਂ ਵਿਚਕਾਰ ਸਹਿਜ ਏਕੀਕਰਣ ਲਈ ਜ਼ਰੂਰੀ ਹਨ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਲੋਡ ਹੋਣ ਦੇ ਸਮੇਂ ਨੂੰ ਘਟਾਉਣ ਲਈ ਅਕਸਰ ਐਕਸੈਸ ਕੀਤੀਆਂ PDF ਫਾਈਲਾਂ ਨੂੰ ਪ੍ਰੀਲੋਡ ਕਰਕੇ ਸਿਸਟਮ ਨੂੰ ਵਧਾ ਸਕਦੇ ਹੋ। ਪ੍ਰੀਲੋਡਿੰਗ ਰਣਨੀਤੀਆਂ ਉਦੋਂ ਲਾਭਦਾਇਕ ਹੁੰਦੀਆਂ ਹਨ ਜਦੋਂ ਉਪਭੋਗਤਾ ਕਈ ਮਹੀਨਿਆਂ ਜਾਂ ਸਾਲਾਂ ਵਿਚਕਾਰ ਸਵਿਚ ਕਰਨ ਦੀ ਸੰਭਾਵਨਾ ਰੱਖਦਾ ਹੈ। ਇਹਨਾਂ ਫਾਈਲਾਂ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਕੈਸ਼ ਵਿੱਚ ਸਟੋਰ ਕਰਨ ਨਾਲ, ਬਾਅਦ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਲੋਡ ਤੇਜ਼ ਹੋਣਗੇ, ਇੱਕ ਨਿਰਵਿਘਨ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹੋਏ। ਇਹ ਸੇਵਾ ਕਰਮਚਾਰੀਆਂ ਜਾਂ ਹੋਰ ਕੈਚਿੰਗ ਵਿਧੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਜੋ ਕਿ PDF ਨੂੰ ਪ੍ਰੀਲੋਡ ਕਰਨ ਲਈ ਸੈੱਟਅੱਪ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿਉਂਕਿ ਉਪਭੋਗਤਾ ਉਪਲਬਧ ਵਿਕਲਪਾਂ ਰਾਹੀਂ ਨੈਵੀਗੇਟ ਕਰਦਾ ਹੈ।