首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在本地测试shopify主题?

如何在本地测试shopify主题?
EN

Stack Overflow用户
提问于 2017-02-24 18:50:48
回答 4查看 8.9K关注 0票数 4

我想知道最好的方法是在部署之前在本地部署shopify主题进行测试。我们最近开始使用部署机器人。我们非常喜欢部署机器人,但我们也希望有一种方式,不需要等待五分钟就可以在备用存储中测试我们的文件。

我怎样才能做到这一点?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-06-26 23:50:38

对于2018年来到这里的任何人来说,我们现在已经使用了Slat.

https://shopify.github.io/slate/

对于工作流的概念,我们有多个开发人员在同一个主题上工作,他们可以通过Slate在本地看到他们的变化。

我们是如何做到这一点的

  • 我们有一个开发商店,它是我们生产商店的直接复制品。
  • 每个dev在dev存储上创建另一个主题,并在本地分支。然后,他们将只使用刚刚创建的主题的主题id (在他们的config.yml中更新)。
  • Slate将监视更改并部署到它们的预览主题,并在本地刷新它们的浏览器。
  • 一旦开发人员对它们的更改感到满意,我们就会将它们合并回master中,并部署到我们的dev存储上的活动(主)主题中。
  • 一旦它通过了开发商店上的所有测试,我们就会使用slate将其推入生产商店。

编辑-用于创建新的区段文件、模板文件、产品模板等。

如果没有一个小的解决方案,您将无法创建这些文件并在本地显示它们。

例如,如果您创建了一个新的产品模板(“Product.my-Product.language”),您将需要首先发布预览主题,然后在终端中执行“板岩启动”,为在Shopify中使用它的任何产品选择新的产品模板,然后重新发布您的“主”主题。

您可能需要做另一个“板岩开始”,以使新的主题模板显示在本地产品,但它将工作。

这是因为Shopify只允许您为当前活动主题分配产品模板。

票数 2
EN

Stack Overflow用户

发布于 2017-02-26 00:52:54

很难在本地预览主题。如果您想要一种快速方法将本地主题文件与开发商店同步:https://shopify.github.io/themekit/,请查看Themekit

票数 4
EN

Stack Overflow用户

发布于 2017-02-28 04:18:35

下面是如何设置本地工作环境:https://www.shopify.com.au/partners/blog/95401862-3-simple-steps-for-setting-up-a-local-shopify-theme-development-environment

  1. 安装themekit:

curl -s https://shopify.github.io/themekit/scripts/install.py | sudo python

https://shopify.github.io/themekit/

  1. 通过在Shopify管理中创建一个私有应用程序来设置API凭据。

Apps > Create private app

  1. 拿到你的主题id。访问name.myshopify.com/admin/themes.json获取主题和ids的列表
  2. 创建一个config.yml文件并使用凭据填充它。看起来应该是这样的:
代码语言:javascript
复制
 development:
  password: 16ef663594568325d64408ebcdeef528
  theme_id: "123"
  store: can-i-buy-a-feeling.myshopify.com
  proxy: http://localhost:3000
  ignore_files:
    - "*.gif"
    - "*.jpg"
    - config/settings_data.json
  1. 让themekit监听任何本地更改,并将其上传到Shopify。

theme watch

然而,该商店仍然在线。因为Shopify框架托管在Shopify上,所以没有localhost解决方案。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42446196

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档