윅스 (Wix) 코딩 강의 중급 (Intermediate) - 데이터베이스에 등록된 상품 결제 시스템 만들기 (Collect Payments for Products in a Database Collection) - 데이터 (Data)

윅스 (Wix) 코딩 강의 중급 (Intermediate) - 데이터베이스에 등록된 상품 결제 시스템 만들기 (Collect Payments for Products in a Database Collection) - 데이터 (Data)

윅스 (Wix) 코딩 강의 중급 (Intermediate) - 데이터베이스에 등록된 상품 결제 시스템 만들기 (Collect Payments for Products in a Database Collection) - 데이터 (Data)

강의 내용 요약

다음의 예제는 Wix 윅스 무료 홈페이지 만들기의 자바스크립트 (Javascript) 코딩 기능을 활용할 수 있는 Corvid by Wix (윅스 코딩 - 콜비드) 를 활용하여 만듭니다.

 

웹사이트 데이터베이스 컬렉션 내에 만들어진 상품페이지에서 방문자가 안전하고 빠르게 결제할 수 있는 기능을 만듭니다.

 

예제 보러가기 (View Example)

Pay API | Toy Store

 

예제 에디터 확인하기 (Edit Now)

Log In | Wix

 

 

강의 내용 만드는법

만들고자 하는 윅스 사이트에 다음과 같은 구성 요소들이 필요합니다.

• 데이터베이스 컬렉션
• 반복 레이아웃 / 리피터
• 버튼
• 텍스트
• 이미지

코드 (Code)

Pay API

// For full API documentation, including code examples, visit http://wix.to/94BuAAs

import wixPay from 'wix-pay';
import {createPaymentForProduct} from 'backend/BE_PayAPI';

export function button1_click(event, $w) {
	createPaymentForProduct().then(payment => {
		 wixPay.startPayment(payment.id, {"termsAndConditionsLink": "https://www.wix.com/"});
    });
}

 

BE_PayAPI.jsw

import wixPay from 'wix-pay-backend';

export function createPaymentForProduct() {
	return wixPay.createPayment({
		items: [{ name: 'DIY Robot', price: 0.50 }],
		amount: 0.50
	});
}

 

API

$w.Repeater API

Wix Pay API

Wix Data API

 

Corvid by Wix (윅스 코딩 - 콜비드) 개발자 모드/도구 활성화하는 방법

윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)

윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)

 

 

연관된 토픽)

윅스 (Wix) 코딩 중급 (Intermediate) - 결제 시스템 만들기 (Collect Payments for a Single Product) - 데이터 (Data)

윅스 (Wix) 코딩 중급 (Intermediate) - 결제 시스템 만들기 (Collect Payments for a Single Product) - 데이터 (Data

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

출처 :

콜비드 - 윅스 코딩 (Corvid - Wix coding)

Collect Payments for Products in a Database Collection | Corvid by Wix Examples | Wix.com