Google Pay 演示直播

此页面包含可在 JavaScript 或 JSFiddle 中修改的 Google Pay 演示直播。

基本示例

以下演示了 Google Pay 按钮实际使用情况的基本示例。如需了解其构造方式的示例,请查看相邻的代码。

按钮大小调整示例

以下演示了如何调整 Google Pay 按钮的大小。调用 createButton 并将 buttonSizeMode 属性设置为 fill,然后在 #container div 上设置大小。

授权付款示例

以下示例显示了在处理付款之前如何对其进行授权。

您可能希望在处理付款前对其进行授权,这样做的原因是,如果授权失败,用户可以选择其他付款方式。

您可以按照以下说明处理付款授权请求:

  1. PaymentOptions 中注册 onPaymentAuthorized() 回调。
  2. 使用 PAYMENT_AUTHORIZATION 回调 Intent 调用 loadPaymentData() 函数。
  3. 实现 onPaymentAuthorized() 回调处理程序。

点击 Edit in JSFiddle 链接即可进行修改,现在就自己去试试看吧。

动态价格更新示例

借助动态价格更新,您可以动态调整总价以反映送货地址的变化以及运费选项的变更。

使用以下步骤设置动态价格更新:

  1. PaymentOptions 中注册 onPaymentAuthorizedonPaymentDataChanged 回调。
  2. 使用回调 Intent 调用 loadPaymentData() 函数。如需了解详情,请参阅相应的示例
  3. 实现 onPaymentAuthorizedonPaymentDataChanged

点击 Edit in JSFiddle 链接即可进行修改,现在就自己去试试看吧。