ShipLang 로그인 및 결제 튜토리얼

ShipLang의 통합 결제 로그인 시스템은 매우 간편합니다. ShipLang의 핵심 목표는 인간의 주체성을 탐구하고 창의성과 제품에 집중하며, 진입 장벽을 최대한 낮추고 절차를 최소화하는 것입니다.

예시 페이지 경로: [h5_html]->[test.php]

예시 페이지 주소: https://shiplang.com/test

결제 방식은 크게 두 가지로 나뉩니다. 하나는 능동형 팝업 방식이고, 다른 하나는 수동형 풀업 방식입니다.

팝업 메시지란 사용자가 웹페이지를 열었을 때 로그인하라는 메시지를 표시하는 것을 의미합니다. 만약 사용자가 아직 결제를 하지 않았다면, 결제 페이지로 이동하게 됩니다.

수동 로딩이란 사용자가 웹페이지에 접속한 후, 5개의 이미지를 다운로드한 뒤 로그인이나 결제를 요청하는 등의 전략을 설정할 수 있다는 의미입니다.

먼저 웹사이트(shiplang.com/admin/sign-up)에 접속하여 개발자 ID를 등록하세요.

웹사이트 디렉토리 [shiplang] -> [hook.js]를 열고 코드를 엽니다. 상단에 설정해야 할 두 개의 변수가 보일 것입니다.

하나는 [window.Appid]이며, 형식은 개발자 ID_확장 프로그램_임의의 숫자입니다.

둘째로, 팝업 창의 경우 [window.isNoPay] 필드는 비워 두어야 합니다. 입력하지 마십시오.

웹페이지에 접속하시면 로그인 페이지가 나타납니다. 로그인에 성공하시면 시스템에서 회원 자격 만료일을 감지하여 결제 절차를 진행합니다.

웹사이트 디렉토리 [shiplang] -> [hook.js]를 열고 코드를 엽니다. 상단에 설정해야 할 두 개의 변수가 보일 것입니다.

구성 항목 1:window.Appid

형식: 개발자 ID_확장자_임의 숫자

구성 항목 2:window.isNoPay

소문자로 단어를 채워 넣으세요npy

이 시스템은 기본적으로 npy를 사용하는데, 이는 많은 사람들이 공식 웹사이트나 쇼케이스 페이지를 디자인하는 데 이 시스템을 사용하기 때문입니다. 이 시스템은 수익 창출용 도구가 아니므로 로그인이 필요하지 않습니다.

이 시점에서 웹페이지를 열면 로그인 및 결제 페이지가 나타나지 않습니다. 로그인 팝업에 대한 규칙을 사용자 지정할 수 있습니다.

사용자 지정 트리거 규칙 예시

예를 들어, 사용자가 이미지 3개를 다운로드하면 로그인 창이 나타납니다. 이때 다음 코드를 복사하여 AI에 전송하기만 하면 됩니다.

下方是ShipLang.com网页开发框架自带js函数，你只需要在你的静态网页js引用下方代码即可实现相应的功能

// 拉起登录

window.Login_ShipLang();

// 拉起支付

window.OpenPay_ShipLang();

// 判断用户是否为会员

if (window.IsPay_ShipLang()) {
    // 是会员
} else {
    // 非会员
}