IAP v2.0示例网页应用
IAP v2.0示例网页应用
您可以从此处下载示例IAP网页应用:
要访问该示例,请在您的本地计算机上启动HTTP服务器。如果已安装python,则可以使用python HTTP服务器:
- 解压下载的文件。
- 在终端窗口中,导航至新解压的文件夹(IAPv2-web-app-sample)。
- 输入
python -m SimpleHTTPServer
以启动Python服务器。
有关其他服务器选项,请查看此Mozilla文章。
如何运行该示例:
- 在浏览器中打开地址http://localhost:8000。
- 按照页面上的说明使用该应用
示例描述
示例中的index.html文件包含以下内容:
- 包含Amazon Services库和测试库的脚本标签。Amazon Services库提供了IAP v2.0功能。
- 包含
buttonclicker.js
文件的脚本标签。 - 三个按钮的HTML。Button Clicker JavaScript文件会将方法联接到按钮操作。
Button Clicker JavaScript文件包含以下内容:
// 这是一个简单的模型-视图-控制器设置,用于应对
// “可以随时调用onPurchaseResponse”这一
// 事实。
//
// 在使用API时,知道“响应可能随时出现”
// 这一事实非常重要。例如,在传送收据之前,
// 您的网页应用可能已关闭。
// 在这种情况下,在下次运行应用时,
//将在初始化API后传送收据。
//模型数据
var state = {
clicksLeft: 10,
activeButton: "",
hasRedButton: false,
hasGreenButton: false,
hasBlueButton: false,
lastPurchaseCheckTime: null
}
// 使视图(HTML)看起来像模型
function refreshPageState() {
$("#clicksLeft").text(state.clicksLeft);
var button = $("#theButton");
var redButton = $("#redButton");
var greenButton = $("#greenButton");
var blueButton = $("#blueButton");
setClass(redButton, "locked", !state.hasRedButton);
setClass(greenButton, "locked", !state.hasGreenButton);
setClass(blueButton, "locked", !state.hasBlueButton);
setClass(redButton, "active", state.activeButton == "red");
setClass(greenButton, "active", state.activeButton == "green");
setClass(blueButton, "active", state.activeButton == "blue");
if (state.activeButton != "") {
button.css("background-color", state.activeButton);
} else {
button.css("background-color", "gray");
}
persistPageState();
}
// 将状态保存到localStorage,以使应用
// 在下次运行时状态与前次相同。最重要的
// 是记住它的IAP状态,包括传递给getPurchaseUpdates的
// lastPurchaseCheckTime。
function persistPageState() {
localStorage.setItem("state", JSON.stringify(state));
}
// 从localStorage还原状态
function loadPageState() {
if ("state" in localStorage) {
// 如果这是首次运行,则使用
// 之前设置的默认值。
state = JSON.parse(localStorage.getItem("state"));
}
}
function setClass(element, className, condition) {
if (condition) {
element.addClass(className);
} else {
element.removeClass(className);
}
}
// 控制器
// 使用消费品
function buttonPressed() {
if (state.clicksLeft > 0) {
state.clicksLeft--;
} else {
buyClicks();
}
refreshPageState();
}
// 行使权利
function redButtonPressed() {
if (state.hasRedButton) {
state.activeButton = "red";
} else {
buyButton("sample.redbutton");
}
refreshPageState();
}
// 行使权利
function greenButtonPressed() {
if (state.hasGreenButton) {
state.activeButton = "green";
} else {
buyButton("sample.greenbutton");
}
refreshPageState();
}
// 使用订阅
function blueButtonPressed() {
if (state.hasBlueButton) {
state.activeButton = "blue";
} else {
// 您需要购买特定订阅(添加了期限)
buyButton("sample.bluebutton.subscription.1mo");
}
refreshPageState();
}
function buyClicks() {
if (window.AmazonIapV2 == null) {
alert(“您的点击次数已用完,不过亚马逊应用内购买仅适用于亚马逊应用商店中的应用。”);
} else if (confirm(“购买更多点击次数?”)) {
//window.AmazonIapV2.purchase('sample.clicks');
var requestOptions = {
sku: 'sample.clicks'
};
window.AmazonIapV2.purchase(
function(operationResponse) {
console.debug(operationResponse.requestId);
},
function(errorResponse) {
console.debug(errorResponse);
},
[requestOptions]
);
}
}
function buyButton(buttonName) {
if (window.AmazonIapV2 == null) {
alert(“您无法购买此按钮,亚马逊应用内购买仅适用于亚马逊应用商店中的应用。”);
} else {
//window.AmazonIapV2.purchase(buttonName);
var requestOptions = {
sku: buttonName
};
window.AmazonIapV2.purchase(
function(operationResponse) {
console.debug(operationResponse.requestId);
},
function(errorResponse) {
console.debug(errorResponse);
},
[requestOptions]
);
}
}
// 从回调中调用的处理程序函数
// purchaseItem将导致包含一个收据的购买响应
function onPurchaseResponse(e) {
var response = e.response;
if (response.status === 'SUCCESSFUL') {
handleReceipt(response.purchaseReceipt);
} else if (response.status === 'ALREADY_PURCHASED') {
// 不知何故,我们没有与服务器同步。
// 从起点刷新试试吧。
var requestOptions = {
reset: true
};
window.AmazonIapV2.getPurchaseUpdates(
function(operationResponse) {
// 处理操作响应
var requestId = operationResponse.requestId;
console.debug(requestId);
},
function(errorResponse) {
// 处理错误响应
console.debug(errorResponse);
},
[requestOptions]
);
} else if (response.status === 'FAILED') {
alert('购买请求已中断。请稍后再试。');
} else if (response.status === 'INVALID_SKU') {
alert('SKU无效。请确保SKU配置。');
}
refreshPageState();
}
// getPurchaseUpdates将返回一个收据数组
function onPurchaseUpdatesResponse(e) {
var response = e.response;
for (var i = 0; i < response.receipts.length; i++) {
handleReceipt(response.receipts[i]);
}
state.lastPurchaseCheckTime = response.offset;
refreshPageState();
if (response.hasMore) {
// 如果还有更新未跟随
// 此响应发送,请确保
// 我们获得了其余的更新。
var requestOptions = {
reset: false
};
window.AmazonIapV2.getPurchaseUpdates(
function(operationResponse) {
// 处理操作响应
var requestId = operationResponse.requestId;
console.debug(requestId);
},
function(errorResponse) {
// 处理错误响应
console.debug(errorResponse);
},
[requestOptions]
);
}
}
// 在任一情况下,都以相同方式处理收据内容
function handleReceipt(receipt) {
if (receipt.sku == "sample.redbutton") {
// 权利
state.hasRedButton = true;
} else if (receipt.sku == "sample.greenbutton") {
// 权利
state.hasGreenButton = true;
} else if (receipt.sku.substring(0, 30) == "sample.bluebutton.subscription") {
// 订阅有时会返回父级ID,因此我们会与父级ID进行
// 比较
if (receipt.cancelDate == null) {
// 如果我们在当前期间,则cancelDate为null
state.hasBlueButton = true;
}
} else if (receipt.sku == "sample.clicks") {
// 消费品
state.clicksLeft += 10;
}
//如果尚未履行,则履行收据。
//存储receiptId以跟踪已履行的商品,
//然后对状态为FULFILLED的receiptId调用notifyFulfillment()。
//如果由于该商品仅适用于之前的游戏状态
//或游戏不支持该商品而无法进行而无法履行,则
//
notifyFulfillment(receipt.receiptId);
}
/**
* @function notifyFulfillment
* @description NotifyFulfillment通知亚马逊关于购买履行的情况。
* @param {String} receiptId receipt id
*/
function notifyFulfillment(receiptId) {
//fulfillmentResult的状态不能为FULFILLED或UNAVAILABLE
var requestOptions = {
'receiptId': receiptId,
'fulfillmentResult': 'FULFILLED'
};
window.AmazonIapV2.notifyFulfillment(
function(operationResponse) {
// 处理操作响应
console.debug(operationResponse);
},
function(errorResponse) {
// 处理错误响应
console.debug(errorResponse);
},
[requestOptions]
);
}
// 设置
function initialize() {
loadPageState();
amzn_wa.enableApiTester(amzn_wa_tester);
refreshPageState();
// “设置”按钮按下处理程序
$("#theButton").click(function() { buttonPressed(); });
$("#redButton").click(function() { redButtonPressed(); });
$("#greenButton").click(function() { greenButtonPressed(); });
$("#blueButton").click(function() { blueButtonPressed(); });
document.addEventListener('amazonPlatformReady', function() {
// 确保我们可以调用IAP API
if (window.AmazonIapV2 === null) {
console.debug('亚马逊应用内购买只适用于亚马逊应用商店中的应用');
} else {
window.AmazonIapV2.addListener('getUserDataResponse', function(resp) {});
window.AmazonIapV2.addListener('getProductDataResponse', function(data) {});
window.AmazonIapV2.addListener('purchaseResponse', this.onPurchaseResponse);
window.AmazonIapV2.addListener('getPurchaseUpdatesResponse', this.onPurchaseUpdatesResponse);
}
}.bind(this));
}
$(function() {
initialize();
});