搭建Shopify+Git团队本地开发环境

Posted on

使用Shopify开发商城项目，在人少的时候可以直接在线编辑，随便没有历史但是还是能接受的，但是如果团队开发的话就必须配备CVS了，但是如果继续使用在线的编辑方式结合Git使用那成本实在太高了。如下是构建本地开发环境的步骤。

安装Theme工具包

如果是*nix用户直接使用如下命令安装：

1
curl -s https://raw.githubusercontent.com/Shopify/themekit/master/scripts/install | sudo python

或者使用Homebrew安装

1
2
brew tap shopify/shopify
brew install themekit

创建API并获取Key

image

关联theme

创建git仓库并clone到本地

1
git clone shopify-theme@gitlab.com

进入目录并关联theme

通过如下图片寻找ID，然后关联到项目
image

1
2
3
cd shopify-theme
theme configure --password=[your-password] --store=[you-store.myshopify.com] --themeid=[your-theme-id]
theme download

实时更新

运行如下命令实时同步修改的文件到远端

1
theme watch

这时候因为你已经关联了自己的theme_id，所以需要在https://username.myshopify.com/admin/themes页面点击preview实时查看自己的更新内容。如果需要修改theme_id等信息可以去根目录的config.yml文件修改。

团队协作

  • 每一个team member在Shopify控制台创建一个属于自己的theme，同时在Git创建一个自己的开发分支。
  • 开发过程中，每一个开发人员在自己的Git分支开发和Theme版本预览。
  • 开发完成之后合并dev分支代码在自己的Theme版本预览，测试没有问题，提交Merge Request到dev分支。
  • 在Shopify控制台创建Feature名称的Theme，与dev分支绑定。测试没有问题点击Publish。