İstemci, Entase CDN üzerinden tek bir dosya olarak sunulur. npm paketi, derlenecek paket veya güncel tutulacak bağımlılık yoktur – her zaman güncel sürümü alırsınız.
<script src="https://js.entase.com/client.js"></script>Betiğin yüklenmesi genel bir Entase sınıfı tanımlar. Tek başına başka hiçbir şey yapmaz: ağ isteği yoktur, DOM değişikliği yoktur, hiçbir şey render edilmez. Her şey bir örnek oluşturduğunuzda başlar.
Örnek oluşturma
const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });Sayfa başına bir örnek oluşturun ve bunu her etkinlik için yeniden kullanın. Oluşturucu, pencerede bir message dinleyicisi kaydeder ve alan adınızın hangi ödeme modunu kullanmasına izin verildiğini algılamaya başlar; bu nedenle birden fazla örnek oluşturmak, hiçbir fayda sağlamadan yinelenen dinleyiciler ve yinelenen algılama çağrıları anlamına gelir.
Her seçeneğin bir varsayılan değeri vardır; bu nedenle bağımsız değişken olmadan new Entase() kullanımı geçerlidir – ancak pk olmadan istemci, alan adınızın satır içi ödeme kullanıp kullanamayacağını doğrulayamaz ve her zaman açılır pencereye geri döner. Bkz. Ödeme modları.
Betiği eşzamansız yükleme
client.js dosyasını async veya defer ile yüklerseniz, satır içi betiğiniz çalıştığında sınıf henüz mevcut olmaz. Kitaplık, yüklendikten sonra window üzerinde bir entase:ready olayı gönderir; bu nedenle olayı bekleyin:
<script src="https://js.entase.com/client.js" async></script>
<script>
let entase = null;
const init = () => { entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' }); };
if (typeof Entase !== 'undefined') init();
else window.addEventListener('entase:ready', init);
</script>Önce typeof denetimi önemlidir: betik yüklenmesini zaten tamamladıysa entase:ready zaten tetiklenmiştir ve bunu dinlemek sonsuza kadar bekler.
Temizleme
Tek sayfalı bir uygulamada, örneğe sahip görünüm kaldırıldığında destroy() çağrısı yapın:
entase.destroy();Bu, istemcinin kaydettiği pencere dinleyicilerini kaldırır. Yok edilmiş bir örnek yeniden kullanılamaz – üzerinde book() çağrısı yapmak bir hata günlüğe kaydeder ve hiçbir şey yapmaz. Bunun yerine yeni bir örnek oluşturun.
İçerik Güvenliği Politikası
Siteniz bir Content-Security-Policy başlığı gönderiyorsa, ödeme için şunlar gerekir:
script-src https://js.entase.com– kitaplığı yüklemek için.frame-src https://www.entase.com– ödeme, panel modunda bir iframe içinde render edilir.connect-src https://www.entase.com– istemci, izin verilen ödeme modunu belirlemek için Entase API'sini çağırır.
frame-src olmadan panel modu boş bir panel oluşturur. connect-src olmadan mod algılama başarısız olur ve her ödeme açılır pencere olarak açılır.