Cors

[alfianpurnomo-elev]

Saya sedang mengintegraskan dengan menggunakan CoreAPI dan next js tapi kenapa selalu kena cors ya?

[rizdaprasetya]

Hi @alfianpurnomo-elev berikut jawabannya di integration FAQ kami

Semua request yg membutuhkan serverKey sebagai credentials sebaiknya dilakukan via Backend bukan Frontend. Package ini juga ditujukan untuk backend NodeJS bukan untuk frontend JS.

Thanks. Untuk jawaban lebih cepat silahkan hubungi email support@midtrans.com

[alfianpurnomo-elev]

Saya menggunakan next js Dan hit API coreAPI untuk get token cartu credit menggunakan standar ajax request Apakan memang itu di block by cors apa gimana? Kalo saya pake html biasa bisa dan embet script di header bisa Kalo di next js gak bisa embet script itu Ada solusi?

[rizdaprasetya]

Hi @alfianpurnomo-elev Standard Ajax tidak bisa, harus menggunakan metode Ajax JSONP agar tidak diblock CORS dari browsernya.

React/Next JS tetap bisa embedd script jika paham cara kerja frameworknya, contohnya berikut ini ada developer yang bisa, di sample codenya menggunakan:

  useEffect(() => {
    if (typeof window !== "undefined") {
      const myScript = document.createElement("script");
      myScript.setAttribute(
        "src",
        "https://app.sandbox.midtrans.com/snap/snap.js"
      );
      myScript.setAttribute(
        "data-client-key",
        "SB-Mid-client-XXX"
      );
      document.head.appendChild(myScript);
    }
  }, []);

Atau coba cara berikut ini untuk embedd script di React

Thanks