上一篇,我们学习了如何把app安装到我们的店铺里,那么这篇我们开始学习如何验证我们的app是否生效了
1.按照正常流程
我们在使用AI生成代码时,到这一步,AI会和我们这样说
激活 Function
部署后,在 Shopify Admin 中:
- Settings → Checkout → Customizations
- 找到 Cart transforms 部分
- 点击 Add cart transform
- 选择你的
cart-price-transformFunction - 点击 Turn on
但是,我们实际在对应的目录中,是找不到所谓的function应用的
2.在后台找不到function应用激活按钮的原因
因为Cart transforms应用是通过GraphiQL 代码是激活的,需要安装一个GraphiQL 的应用,利用GraphiQL 语言来激活
https://shopify.dev/docs/api/usage/api-exploration/admin-graphiql-explorer

安装GraphiQL应用后

我们在GraphiQL中输入以下的代码
query {
shopifyFunctions(first: 50, apiType: "cart_transform") {
nodes {
id
apiType
title
app {
title
}
}
}
}

找到我们安装的function应用,把ID记录下来,然后运行激活代码
mutation {
cartTransformCreate(functionId: "把上个代码查询的ID填入这里") {
cartTransform {
id
functionId
}
userErrors {
field
message
}
}
}

这时候,我们再去Settings → Checkout → Customizations,你会发现function应用已经显示激活了

ok,至此,整个function应用的开发流程就完成了,下面是验证function应用是否生效
打开你的店铺的代码,找到添加到购物车的表单,添加隐藏表单

然后在前端添加一个商品进购物车,如果在购物车中,商品的价格变成value的值,说明function应用成功了。反之,就是失败了。
如果不确定为何失败,那么在我们安装完function应用后,比如我们这个插件使用的是cart.transform.run,我们每次添加商品进购物车时,都会触发这个funtion,所以回到我们的合作者伙伴的后台中,我们是可以看到对应的日志的


在后台中,是可以看到报错的,如果是成功的,则是这样的

OK,如果我们的报错了,那么回到代码中,修改完代码后,运行
shopify app deploy
重新部署即可更新了
