Tạo khoản tiền gửi mà không chuyển hướng đến SkinsBack

Chung

Thông tin chính Tạo chữ ký

Tiền gửi

Bắt đầu Tạo khoản tiền gửi Tạo khoản tiền gửi mà không chuyển hướng (iframe) Thông báo về khoản tiền gửi (webhook) Kiểm tra trạng thái khoản tiền gửi Lấy danh sách khoản tiền gửi Tiền gửi không cần chờ 8 ngày (Bảo vệ giao dịch Steam) Phê duyệt tiền gửi với thời gian giữ 8 ngày Nhận thông báo webhook không thành công

Tiền gửi không Có Giao diện Người Dùng SkinsBack

Create a deposit without SkinsBack UI (API) Nhận hàng tồn kho của người dùng

Rút skin

Bảng giá (sẵn có skin) Tìm kiếm skin Mua skin Mua skin số lượng lớn Trạng thái mua skin Lịch sử mua skin

Khác

Số dư dự án Lịch sử rút tiền từ số dư và khoản tiền gửi Đồng tiền và tỷ giá Trạng thái máy chủ Sự kiện thời gian thực: websockets Sự kiện thời gian thực: webhooks

Tạo khoản tiền gửi mà không chuyển hướng đến SkinsBack

SkinsBack cung cấp cho người dùng khả năng nạp tiền vào tài khoản mà không cần rời khỏi trang web của bạn. Bạn cần đặt một iframe trên trang web của bạn, trong đó giao diện SkinsBack sẽ được hiển thị và triển khai một trình xử lý sự kiện.

Luồng tương tác

1. Thực hiện yêu cầu API SkinsBack để tạo khoản tiền gửi, truyền tham số widget=1
2. Mở cửa sổ popup (popup, bạn cần triển khai), và trong cửa sổ đó tạo đối tượng iframe với địa chỉ được nhận thông qua API
3. Đăng ký một trình xử lý sự kiện thông qua JavaScript, theo dõi khi người dùng nạp tiền vào tài khoản/kết thúc việc làm với giao diện nạp tiền SkinsBack ('success' - thanh toán thành công, 'cancel' - không thể nạp tiền)

Để hiển thị nạp tiền bằng skin đúng cách trên phiên bản di động, bạn cần thay đổi chiều rộng và chiều cao của khung iframe (chiều cao phải ít nhất 970px).

Khi sự kiện được bắt ('success' hoặc 'cancel') - bạn cần đóng cửa sổ popup.

Sau khi người dùng nạp số dư thành công, một webhook với thông tin thanh toán sẽ được gửi đến trang web của bạn

Dưới đây là ví dụ về iframe và bộ xử lý:

<!-- desktop -->
<iframe src="https://skinsback.com/_/pay/61caaa62956ba5b8bc4134acfc8cfefd"
	style="width: 850px; height: 600px; border: none;"></iframe>

<!-- mobile -->
<iframe src="https://skinsback.com/_/pay/61caaa62956ba5b8bc4134acfc8cfefd"
	style="width: 400px; height: 970px; border: none;"></iframe>

<script type="text/javascript">
	window.addEventListener('message', handleMessage, false);

	function handleMessage(event)
	{
		if (event.origin != "https://skinsback.com")
		{
			return;
		}

		if(typeof event.data.paymentStatus == 'undefined')
		{
			return;
		}

		if(event.data.paymentStatus == 'success') /* success payment */
		{
			// closePopup();
		}
		else if(event.data.paymentStatus == 'cancel') /* failed payment */
		{
			// closePopup();
		}
	}
</script>