本文旨在帮助前端工程师快速搭建 Shopify App 开发所需的环境。
1. 科学上网
Shopify开发是主要基于Shopify CLI，要想跑通CLI流程，网络环境必须给力。这里推荐两个本人亲自实践过的工具：Clash Verge 和 tunnelBear，工具的具体使用教程可以关注我后台私信了解。
Clash Verge：
- 优点：连接稳定，连接快，网速快
- 缺点：不免费，配置稍复杂
- 推荐节点：闪狐云
tunnelBear：
- 优点：免费，配置简单，可以直接开发Shopify App
- 缺点：每个月只有2G免费额度，连接慢，网速慢，不太稳定
2.开发环境
2.1 软件环境
-
Node.js：18.20+、20.10 或更高版本
-
Git：2.28.0 或更高版本
-
Chrome或Firefox
-
Shopify CLI：建议安装最新版本
2.2 平台环境
3.搭建App框架
3.1 创建新应用
运行以下命令来创建新的应用程序：
shopify app init
出现提示时，输入应用程序的名称，然后选择“构建 Remix 应用程序”以使用Remix 模板
3.2 启动本地开发服务器
a. 导航到新创建的应用程序目录:
cd my-new-awesome-app
b. 运行以下命令为应用启动本地服务器：
shopify app dev
Shopify CLI 会执行以下任务：
-
指导你登录Shopify Partner账号
-
在Shopify Partner控制面板中创建一个应用程序，并将本地代码连接到该应用程序
-
创建
Prisma SQLite 数据库
-
在本地计算机和开发商店之间创建隧道
3.3 在开发商店中安装应用
在服务器运行时，按下p在浏览器中打开应用的预览 URL，当你打开 URL 时，系统会提示您在开发商店中安装该应用程序。单击“安装应用程序”即可在开发商店中安装该应用程序。
至此，你的App开发环境已经完全搭建好了，可以进入下一步开发了，接下来，你可以继续参考官网进行feature开发。
历史文章参考：
关于我：
曾在字节跳动等大厂工作超过8年，有资深的移动端、前端开发经验，目前在做Shopify相关业务的创业，关注我，我们一起探索Shopify的精彩世界
卫星公众/小🍠：浅墨 momo
