入门

主题应用扩展入门

你可以开始使用 SHOPLINE CLI 构建主题应用扩展。

SHOPLINE 会验证主题应用扩展。如果应用程序的内容超出强制限制,则主题应用扩展将无法通过验证并且不会更新。

你会学到什么

在本教程之后,你将知道如何执行以下操作:

要求

第一步:本地搭建主题应用扩展

使用 SHOPLINE CLI 创建一个主题应用扩展目录结构

  1. 打开终端窗口,并且使用 cd 命令进入到你的项目根目录:
cd <my-app-directory>
  1. 登录店铺账号
shopline login --store <STORE_DOMAIN>
  1. 创建主题应用扩展
shopline extension create
提示

你可以使用 --name 参数来指定创建另外一个名称的目录,默认使用 theme-app-extension 名称的目录。

第二步:将你的主题应用扩展推送到草稿版本

shopline extension push 命令将主题应用扩展更新到开发者中心的草稿版本。

shopline extension push

第三步:测试你的更改

通过在在线店铺测试你对主题所做的更改来验证你的应用程序的外观和行为是否正确。

  1. 在你的在线店铺中,转到某个主题并导航到主题编辑器
  2. 打开主题编辑器,查看主题扩展。该步骤包括:
    • 在主题编辑器中打开主界面
    • 添加你的 App Block 到主题中
    • 保存修改后的主题
  3. 验证应用的行为是否符合预期。

第四步:发布主题应用扩展

在你的主题应用扩展准备好用于在线店铺后,你可以推送最新代码并将应用扩展公开。

  1. 将扩展推送到 SHOPLINE 开发者中心
shopline extension push

推送成功后,会在你的终端输出跳去开放者中心创建版本的链接,点击链接即可跳去开发者中心创建版本。

✔ Pushed theme-app-extension to a draft on 2024-01-31 18:31:49.
✨ Visit https://developer.myshopline.com/app/edit-extension/your-app-id/your-extension-id to version and publish your extension.
  1. 在 SHOPLINE 开发者中心对应的应用扩展中创建版本并发布
    1. 进入你的应用详情,点击应用扩展
      image.png
    2. 在应用扩展列表,找到你的主题应用扩展,并点击进入
      image.png
    3. 点击创建版本,并在弹窗中点击创建,在创建好新版本后会在列表中出现一条新的记录,点击发布该版本
      image.png
这篇文章对你有帮助吗?