shopify主题之应用程序块开发

1,367 阅读2分钟

demo需求是开发一个shopify的jsSDK应用程序嵌入块,商店安装改应用应用主题,即可将该jsSDK插入到在线商店的网页中

准备工作

在进行应用程序块开发之前需要先进行以下几步操作,操作指南可参考我之前写的文章(shopify主题之应用程序块开发 - 掘金 (juejin.cn)

  1. 注册shopify商店账号以及shopify partners开发者账号
  2. 安装必要工具
  3. 创建应用

开发shopify应用扩展(应用主题、应用程序块)

  1. 在开发shopify应用扩展之前,需要先完成shopify相关账号的注册登录(可参考本文的第一点介绍进入shopify相关平台完成注册,若已经有帐号了,直接登录就ok了),然后创建一个用于承载应用扩展的shopify应用(该应用若没有其他其他功能开发,可直接在shopify partners平台创建即可,如下图,跟着指引操作),再将应用绑定一个测试商店(绑定操作参考上文)

image.png

  1. 在完成以上的准备工作后,就可以开始应用程序嵌入块的开发了,首先还得参考第二点第四步,完成shopify的授权登录操作

  2. 打开终端窗口并cd进入项目的根目录,创建主题应用扩展并选择您要注册扩展的应用,开发操作指南请这里贴一下(shopify.dev/apps/online… ), 也可以跟着我的流程操作,_

image.png

  1. 导航到您的新主题扩展程序并将其注册到您的应用程序,选择Yes注册到您的应用上:

image.png

  1. 将扩展推送到shopify partners仪表板中的草稿版本

image.png

  1. 查看扩展应用,在shopify partners平台,参考第二大点操作指导进入应该用详情页面,然后鼠标滚到最底下,然后找到“Browse extensions”按钮,点击进入扩展应用列表

image.png

  1. 在拓展应用列表点击应用名称进入扩展应用版本页面

image.png

  1. 若扩展应用处于不可用状态,点击“Enable”按钮即可将变为可用状态,然后选择需要发布使用的版本进行发布,这样扩展应用就可以在商店前台编辑页面可见了

image.png

  1. 在测试商店前端进行安装扩展应用即可使用