如何在本地测试shopify主题？

Question

我想知道在部署之前在本地部署shopify主题以进行测试的最佳方法是什么。我们最近开始使用deploybot。我们真的很喜欢deploybot，但我们也想要一种不等待五分钟来测试备用商店中的文件的方法。

我将如何做到这一点？

Answer 1

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

Answer 2

对于2018年参加此活动的任何人，我们现在都可以使用Slate。

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

关于工作流程的想法，我们有多个开发人员致力于同一主题，他们可以使用Slate在本地查看其更改。

我们如何实现这一目标

• 我们有一个开发商店，它是生产商店的直接克隆。
• 每个开发人员都在开发人员商店上创建另一个主题，并在本地分支母版。然后，他们将仅使用刚创建的主题的主题ID（在config.yml中更新）
• Slate将监视更改并部署到其预览主题，并在本地刷新其浏览器。
• 一旦开发人员对他们的更改感到满意，我们就会合并回master并部署到我们的dev商店中的live（主）主题。
• 一旦它通过了开发商店的所有测试，我们就会使用slate推送到生产商店。

编辑-用于创建新的部分文件，模板文件，产品模板等

您将无法创建这些文件，也无法在没有较小解决方法的情况下将它们显示在本地。

例如，如果您创建一个新的产品模板（“ product.my-product.liquid”），则需要先发布您的预览主题，然后在终端中执行“ slate start”，然后选择新产品您在Shopify上使用的任何产品的模板，然后重新发布“主”主题。

您可能需要执行另一个“开始”以使新的主题模板在本地显示在产品上，但是它将起作用。

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

Answer 3

你有一个测试车间。你正在研究一个主题。如果您做得对，您对主题所做的任何更改都会自动转移到测试车间。所以你需要做的就是观察你的浏览器，因为你可能还有一个关于自动重新加载的观察者。

多年来一直这样做，我从不等待5分钟进行部署，因为部署更改并查看结果只需几秒钟。扔一些聪明的Git钩子，你甚至有版本控制。

Answer 4

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

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