开发人员控制台

网页应用入门


网页应用入门

你可以开发HTML5网页应用,以便在Fire平板电脑上运行。要为亚马逊应用商店构建网页应用,您有几种选择。

应用提交选项

  • 打包应用:基于Web标准、功能完备的客户端应用,其资产一起打包到ZIP档案中以供分发。
  • 托管应用:其资产托管在Web服务器上的应用。客户端只有在连接到主机并将应用资产下载到其设备上后才能运行应用。
  • HTML5混合应用:使用Web内容作为用户界面的平台原生应用。

打包应用的优势

与托管应用相比,打包应用有几个优势:

  • 打包应用无需寻找应用的托管解决方案。
  • 打包应用的性能可能更好,因为所有资产均存在本地文件系统中。
  • 打包应用可更轻松地脱机工作。

托管应用的优势

与打包应用相比,托管应用有几个优势:

  • 托管应用可以是具有服务器端和客户端代码的完整应用。
  • 托管应用可立即更新。客户始终获得最新的代码。
  • 托管应用可让客户具有与网站上相同的体验(通常是相同的代码)。

混合应用的优势

  • 更快、更高效的渲染,脚本性能和内存管理
  • 支持最新的Web标准(HTML5、CSS3和JavaScript)
  • CSS、画布和WebGL图形的硬件加速和GPU优化

可以使用Cordova构建自己的包装器,或者创建自己的混合应用并像其他原生应用一样提交。有关Cordova的更多信息,请参阅Apache Cordova

有关如何提交托管应用和打包应用的信息,请参阅向亚马逊应用商店提交或更新网页应用

包含亚马逊API JavaScript库

若网页应用会使用亚马逊API(例如应用内购买),则需包含亚马逊API JavaScript库。该库将初始化所有亚马逊插件,并发起一个amazonPlatformReady事件,发出API已准备就绪的信号。该库托管在URL http://resources.amazonwebapps.com/v1/latest/Amazon-Web-App-API.min.js中。要包含该库,请向网页应用添加以下<script>标签:

<script src="https://resources.amazonwebapps.com/v1/latest/Amazon-Web-App-API.min.js"></script>

由于该库在初始化完成时发起amazonPlatformReady事件,在调用亚马逊API前应等待amazonPlatformReady事件,如以下示例所示:

document.addEventListener('amazonPlatformReady', function () {
    //此处为API代码
});

使用Web App Tester和DevTools

Web App Tester是一种可用于在Fire平板电脑设备上测试托管应用和打包应用的工具。

Web App Tester还支持使用DevTools调试网页应用。有关获取和使用DevTools的信息,请参阅调试网页应用

分辨率和页面缩放

有关屏幕大小和其他设备特性的信息,请参阅检测设备的显示特性。有关网页应用设计准则的更多信息,请参阅开发网页应用的最佳实践。 

测试IAP

使用App Tester测试网页应用中的IAP v2.0 API。请参阅安装并配置App Tester

检索广告ID和广告跟踪首选项

网页应用可检索广告ID和广告跟踪首选项(有关这些功能的详细信息,请参阅广告ID)。在包含网页应用API脚本(如上文包含亚马逊API中所述)后,AmazonAdvertising对象会在网页应用中启用两个函数:getAdvertisingIdgetLimitAdTrackingPreference。这两个函数各有两个参数 - 成功回调和错误回调。签名看起来类似如下:

AmazonAdvertising.getAdvertisingId(successCallback, errorCallback)
AmazonAdvertising.getLimitAdTrackingPreference(successCallback, errorCallback)

当调用这些函数时,返回的值将传递给成功回调,如下所示:

  • getAdvertisingId函数将广告ID传递给成功回调。
  • getLimitAdTrackingPreference函数将0 (false)或1(true)传递给成功回调。该值表示用户的广告跟踪首选项。

若在处理请求时发生错误,错误消息将传递给错误回调。网页应用应妥善处理广告ID或限制广告跟踪响应不可用的情况。

在开发者控制台中提交网页应用时,在应用程序文件选项卡上的Web应用程序功能部分,选择Amazon Advertising

在开发者控制台中提交应用时,选择“Amazon Advertising”
在开发者控制台中提交应用时,选择“Amazon Advertising”