shopify入门教程-应用开发
前言
在阅读此篇文章之前，我认为有必要先说清楚以下几点，以规避看到最后发现不是自己想要的内容。
- 这是技术开发教程，零基础也可以学会，但并不是shopify的运营教程，如果你想学习如何创建产品，装修店铺，运营推广，请移步
- 这是开发应用，如果你想学习如何开发主题，请移步
开发文档
目前，已经有很多shopify的开发教程，为什么我还要出这个入门教程，主要原因，不够新，旧东西非常多，实操起来都是坑。也没有任何更新内容。所以，开发文档直接采用官方文档。 shopify.dev/docs/apps/b… 如果你还没有开发者账号，需要到这里注册一下 accounts.shopify.com/signup 这里非常简单一步步来就可以了。值得注意的是，需要注册一个开发者账号外加开通一个开发者店铺
开发思路
做这个应用开发之前，我们要有一个整体的思路，不至于自己进行到哪里还不知道。也帮助我们了解这个步骤是干什么用的，方便我们遇到坑后，能找到替代方案。所以这个非常重要！ 思路：账号->环境要求->创建app->内网穿透->店铺预览app
开发步骤
1. 账号
如果你还没有开发者账号，需要到这里注册一下
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。
如果各位有其他的方式，可以在开发探讨群里，讨论一下哈 !
运行到后面会出现这个错误 !
这里的错误就是未连接到这个网址 github.com/Shopify/sho… 要解决这个问题需要用到可以连接这个网站的技术，如果你不知道，来群里讨论，这里不再作过多讨论 !
这种情况就完成了app init,对应你可以看到有一个文件被创建。
4.内网穿透
为什么要用这个，就是把电脑上的开发内容通过内网穿透显示到你的开发店铺上。这里的内网穿透我用了ngrok,花生壳，但都不如shopify官方推荐的cloudflare好用。所以这里我也推荐cloudflare。 运用内网穿透2个步骤
- 把app运行起来
shopify app dev
- 通过cloudflared把步骤一的localhost：55931在外网可以访问到从而授权到开发店铺中
官方文档 developers.cloudflare.com/cloudflare-…
根据第一个步骤可以看出我们应该把http://localhost:55931/ 进行内网穿透
cloudflared tunnel --url localhost:55931/
5. 店铺预览app
这里输入自己的店铺名字就可以了
点击安装。
到了这里就可以进行开发应用了。入门教程到此结束 里面的坑还是很多的，有兴趣的技术大佬也可以分享一下自己的经验
开发探讨
QQ群号：726011852
