如何使用Shopify的Android购买SDK在移动应用程序中构建商务

Shopify Android购买SDK

在Unite 2017,我们讲过我们的改进自定义店面开发工具包,它源自新的GraphQL storefronapi,允许开发者更有效地将电子商务体验构建到网站、手机游戏和手机应用程序中。

考虑到美国的情况,大概是这样30%的电子商务销售发生在移动设备上还有那个ANdroid最近宣布每月有20亿活跃用户在原生Android手机应用中添加应用内购物体验对应用开发者来说意义重大——还有Shopify的Android Buy SDK使其简单而容易实现。

为了帮助您了解如何使用我们的Android Buy SDK将Shopify的全套电子商务功能添加到您现有的Android应用程序中,Josh Brown - Shopify应用程序团队的开发者倡导者-最近领导了一个网络研讨会,带您通过这个SDK,以及如何在您的移动应用程序开发中使用这个库。

什么是Android Buy SDK?

Android Buy SDK是一个供手机开发者使用的库在任何安卓移动应用程序中建立商业.有了这个库,你可以:

  • 设置一个客户端,以安全地访问Shopify的店面API。
  • 获取产品和集合,并将它们表面到您的应用程序。
  • 允许客户通过你的应用程序注册。
  • 创建结帐和处理支付。

你可以构建的基础

了解到许多开发者喜欢亲自动手编写代码,我们从Android Buy SDK中构建了一个示例应用程序,它将允许您快速分析它是如何工作的,以及如何在未来的项目中实现它。你可以通过Android购买SDK访问样例应用程序Github库

基于这个示例应用程序,下面是应用程序的索引屏幕可能是什么样子的示例,以及集合页面、产品页面和一个包含web checkout和Android支付

Shopify Android Buy SDK:示例应用程序
OB欧宝娱乐APP从左侧开始,(1)示例集合页面,(2)示例集合,(3)示例产品,(4)示例购物车。

现在你已经了解了使用Android Buy SDK可以构建什么,下面是在移动应用程序中构建电子商务体验的9个步骤。

你可能还会喜欢:定制店面-建筑商业在任何地方

步骤1。创建一个销售渠道以获得API密钥

访问API密钥将允许您连接您的Shopify商店到您的Android应用程序,可以在Shopify管理直接在几秒钟内完成。要连接您的存储,您将使用销售渠道函数。如下图所示,你需要:

  • 点击+旁边销售渠道在右手边的菜单里。
  • 向下滚动并选择手机应用程序。
  • 将加载一个新屏幕;复制并粘贴顶部提供的API键。
Shopify Android Buy SDK:创建移动应用销售渠道
创建一个移动应用程序销售渠道来生成API密钥。

此外,如果你想集成Android Pay作为一个支付选项,请向下滚动刚刚创建的移动应用程序页面,然后单击启用Android支付在页面底部的部分。这将为您提供此功能的特定公钥。

Shopify Android Buy SDK:启用Android Pay
为您的移动应用程序启用Android Pay。

步骤2。添加构建依赖项

现在已经有了API键,需要为构建依赖项添加一些代码行。如果你正在使用一个常见的Android应用程序构建工具,比如Gradle在没有Android Pay的情况下,你需要添加以下代码行来使用Shopify的Android Buy SDK。

编译“com.shopify.mobilebuysdk: buy3:3.x.x”

或者添加以下行if代码,如果你想使用SDK同时启用Android Pay。

编译com.shopify.mobilebuysdk: buy3-pay-support: 1.0.0的

步骤3。设置GraphQL客户端

如前所述,这个SDK源于storefrontapi,它是在查询语言GraphQL中构建的。通过设置GraphQL客户端,您将能够通过Shopify发出查询请求,也可以通过Shopify修改数据突变

通过添加下面的代码,并插入您的商店域名(如。)和API密钥,您将能够快速设置您的GraphQL客户端。

graphClient = graphClient .builder(this) .shopDomain(BuildConfig.SHOP_DOMAIN) .accessToken(BuildConfig.API_KEY) .build();

步骤4。定义查询

通过定义查询,您将能够帮助构建将应用程序连接到Shopify商店数据的GraphQL请求,包括产品和产品细节,如价格、描述和库存编号。

这个特殊的请求允许我们获取数据,但不能修改它。在下面的例子中,我们请求Shopify商店的隐私政策,以便它可以包含在移动应用程序中。

专业技巧:你可以使你的代码更小使用Lambda表达式.这可以通过SDK通过复古Lambda获得。本教程中的其余代码示例将使用Lambda。

第5步。调用API

定义了查询之后,使用Lambda表达式调用Shopify API。首先,您将使用定义调用queryGraph.然后,您将使用call.enqueue.你需要两个回调:一个用于onResponse还有一个是onFailure.的失败回调在发送由于服务器中断而导致的错误信号时非常有用。

步骤6。检索产品和收集数据

在Shopify中,产品被组织成集合,其中包含一个或多个产品变体,包括价格和可用数量。为了让你想通过应用程序出售的产品浮出水面,你必须检索这些信息。此外,在Shopify管理中,您可以制作专属于您的移动应用程序的产品。

下面的代码是请求产品数据和集合数据。我们要求Shopify为我们提供最多10个系列,每个系列的标题,在每个系列中,最多10个系列的产品。

步骤7。添加搜索

如果你的商店有广泛的产品选择,添加一个搜索功能可能会很有用。下面的代码提供了与客户查询标题相匹配的产品搜索。在这种情况下,产品名称中有“石灰”。

上面的例子是一个特定字段搜索的例子(只搜索标题),但是这个SDK还允许:

  • 模糊匹配搜索:即使搜索词没有完全匹配,也能找到匹配。为提交的部分文本查找通信。
  • 消极比赛:根据特定的单词阻止搜索结果。例如,如果一个应用程序用户提交“免费”到搜索中,你可以阻止包含这个词的产品出现。
  • 组合搜索:如果shopify商店中有很多商品,你可以让用户同时提交两个搜索查询。一种情况是,如果他们想要搜索产品类别(例如。“饮料”)和产品类型(例如。“茶”)

步骤8。整合客户注册

该SDK还支持突变请求,这将允许您在Shopify商店中创建和修改数据。

在GraphQL中,查询请求具有类似于得到请求。同样,突变对应于帖子请求。

突变的一个很好的用例是允许客户在应用程序内注册。在下面的代码的第一部分中,您能够收集客户的信息,包括姓名、电子邮件地址和密码。你也可以选择加入市场推广,这对未来的通讯和客户关系管理很有用。ob欧宝娱乐app下载地址

此外,由于突变允许你修改你的Shopify数据,客户注册将在在线商店和其他网站上被识别欧宝体育官网入口首页Shopify POS还有系统。

代码的后半部分创建了一个用户错误字段,以帮助您捕获任何验证错误。在这个例子中,如果一个用户试图用数据库中已经存在的电子邮件地址注册,你可以推送一个响应,例如,“电子邮件地址已经存在于应用程序中。也许你已经在我们这里有一个帐户?”

你可能还会喜欢:学习使用Shopify的POS应用程序SDK为个人销售构建应用程序

第9步。设置结帐

正如本教程开头所提到的,这个SDK为您提供了在应用程序中提供两种类型结账的选项。第一种选项是添加Shopify web结账,另一种是使用Android Pay购物车。

网络付款

Shopify Android Buy SDK:移动结账的例子
移动结帐体验的例子。

一个简单的选择是在Shopify中创建付款,并将客户重定向到Shopify web商店中的付款。你要通过突变来实现这一点。一旦结帐完成,客户将通过一个特殊的UTM参数重定向到你的应用程序,你可以设置。

设置web结帐最重要的部分是输入行项目。行项目输入将要求一个变量ID,并要求客户提供他们想要购买的产品数量。请注意,这些与REST api中的变量id不同。对于产品任务,我们将使用产品变体id。

您还需要再次设置两个回调:一个用于响应,一个用于失败。

  • 错误1:网络问题。由于意外的服务器中断,无法完成签出。
  • 错误2:用户错误.由于来自用户的输入不正确,例如登录信息不正确,所以无法完成签出。

Android支付

再来一次,如果你想用Android支付在签出时,你需要在Gradle中添加以下构建依赖项。

编译com.shopify.mobilebuysdk: buy3-pay-support: 1.0.0的

需要注意的是,Android Pay并不是在所有国家都可以使用。如果你的应用服务于全球的商家,你应该再三检查这种支付方式是否适用于你的客户所在的国家。

设置Android Pay Cart:

恭喜!你现在已经连接Shopify商店到你的Android应用程序!

既然您已经在应用程序中启用了购物功能,您的客户就有了进行在线购物的新选项。或者,你的客户很高兴你为他们提供了一种新的在线销售方式。

了解更多关于我们的移动购买sdk

你对Android Buy SDK有什么看法?请在下面的评论中告诉我们!

通过Shopify合作伙伴计划发展您的业务

了解更多