huuhoa / zalopay

JavaScript library for ZaloPay Mobile App

zalopay v1.0.2

ZaloPay - Pay in 2 seconds

Install

In a browser:

<script src="zalopay.min.js"></script>

Example

(boolean) isZaloPay

if(ZaloPay.isZaloPay) {
    //TODO
}

(function) showLoading
(function) hideLoading

ZaloPay.showLoading();
setTimeout(
    function() { ZaloPay.hideLoading(); },
    3000
);

(function) showDialog

ZaloPay.showDialog({
    title: "ZaloPay",
    message: "ZaloPay showDialog",
    button: "OK"
});

(function) showToast

ZaloPay.showToast({
    message: "ZaloPay showToast"
});

(function) pushView

ZaloPay.pushView({
    url: "https://zalopay.vn/"
});

(function) share
{type} int[1: screenshot | 2: message]

ZaloPay.share({
    type: 1,
    caption: "caption string",
    content: "content string"
});

(function) closeWindow

ZaloPay.closeWindow();

(function) transferMoney

ZaloPay.transferMoney({
    zpid: "cuongbm2",
    amount: 20000,
    message: "Transaction_171231_1"
}, callback);
function callback(data) {
    if(typeof data === "object") {
        if(data.error === 1) {
            alert("Zalo Pay Callback: transferMoney Successed");
        } else if(data.error === 4) {
            alert("Zalo Pay Callback: User Canceled");
        } else {
            alert("Zalo Pay Callback: transferMoney Failed with code " + data.errorCode);
        }
    }
}

(function) payOrder with full order information

ZaloPay.payOrder({
    appid: 3,
    appuser: "pmqc",
    apptime: 1486713401300,
    amount: 20000,
    apptransid: 170210144922653,
    embeddata: "embeddata123",
    item: "item123",
    description: "description123",
    mac: "5815251181fcf7d80d056ec8298f81dcc1654eb9edb3c19a961ef43eb129c307"
}, cb);

(function) payOrder with minify order information

ZaloPay.payOrder({
    appid: 3,
    zptranstoken: "gOAWGD_NK4DFoq0mTA0iTw"
}, cb);

(function) promotionEvent: open another apps

ZaloPay.promotionEvent({
    campaignId: 1,
    url: "zalo://launch?params=1",
    packageId: "com.zing.zalo",
    alternateUrl: "https://vng.com.vn"
}, callback);
function callback(data) {
    if(typeof data === "object") {
        if(data.code === 1) {
            console.log("Success");
        } else if(data.code === 0 || data.code === -1) {
            console.log("Not exist app");
        } else {
            console.log("Unknown exception");
        }
    }
}

(function) promotionEvent: open Zalo Pay apps

ZaloPay.promotionEvent({
    campaignId: 1,
    internalApp: 12,
    alternateUrl: "https://vng.com.vn"
}, callback);
function callback(data) {
    if(typeof data === "object") {
        if(data.code === 1) {
            console.log("Success");
        } else if(data.code === 0 || data.code === -1) {
            console.log("Not exist app");
        } else {
            console.log("Unknown exception");
        }
    }
}

(function) setProperty: set color and background color for navigator

ZaloPay.setProperty({
    navigation: {
        backgroundColor: "#c7c7cc", titleColor: "#000000"
    }
});

(function) setToolbarActions: set icon action in navigator

ZaloPay.setToolbarActions([
    { iconId: "clickIcon1", iconName: "personal_settingaccount", iconColor: "#000000" },
    { iconId: "clickIcon2", iconLink: "https://cdn0.iconfinder.com/data/icons/entypo/92/button2-48.png" }
], navigatorAction);
function navigatorAction(type) {
    alert(JSON.stringify(type));
}

(function) getUserInfo: get user info of ZaloPay

ZaloPay.getUserInfo(
    appid, callbackGetUserInfo
);
function callbackGetUserInfo(data) {
    if(typeof data === "object") {
        if(data.error === 1) {
            alert("Success UserInfo: " + JSON.stringify(data.data));
        } else {
            alert("Unknown exception" + JSON.stringify(data.data));
        }
    }
}