前言
在阅读此篇文章之前,我认为有必要先说清楚以下几点,以规避看到最后发现不是自己想要的内容。
- 这是技术开发教程,零基础也可以学会,但并不是shopify的运营教程,如果你想学习如何创建产品,装修店铺,运营推广,请移步
- 这是开发应用,如果你想学习如何开发主题,请移步
开发文档
目前,已经有很多shopify的开发教程,为什么我还要出这个入门教程,主要原因,不够新,旧东西非常多,实操起来都是坑。也没有任何更新内容。所以,开发文档直接采用官方文档。
https://shopify.dev/docs/apps/build
如果你还没有开发者账号,需要到这里注册一下
https://accounts.shopify.com/signup
这里非常简单一步步来就可以了。值得注意的是,需要注册一个开发者账号外加开通一个开发者店铺
开发思路
做这个应用开发之前,我们要有一个整体的思路,不至于自己进行到哪里还不知道。也帮助我们了解这个步骤是干什么用的,方便我们遇到坑后,能找到替代方案。所以这个非常重要!
思路:账号->环境要求->创建app->内网穿透->店铺预览app
开发步骤
1. 账号
如果你还没有开发者账号,需要到这里注册一下
https://accounts.shopify.com/signup
2. 环境要求
Node.js: 18.20+, 20.10 or higher
Git: 2.28.0 or higher
这是为了安装Shopify CLi
npm install -g @shopify/cli@latest
这种状态就是安装好了,然后初始化应用
3. 创建app
shopify app init
这里我运行的结果如下
这里是报错了哈,各位,不是运行成功,这个提示的意思是这个本地软件没有交互功能 我给出的解决方案是将 git bash 换成 cmd。如果各位有其他的方式,可以在开发探讨群里,讨论一下哈 (QQ群号:726011852)
运行到后面会出现这个错误
这里的错误就是未连接到这个网址https://github.com/Shopify/shopify-app-template-remix 要解决这个问题需要用到可以连接这个网站的技术,如果你不知道,来群里讨论(QQ群号:726011852),这里不再作过多讨论
这种情况就完成了app init,对应你可以看到有一个文件被创建。