搭建第一个Shopify App

一、使用CLI初始化App

csharp 复制代码
shopify app init

选择:Build a Remix app (recommended)

根据自己的开发习惯选择JavaScript或者TypeScript

选择自己之前创建过的Partner Dashboard

输入App的名称,这里注意使用英文字母,不要有空格

正在创建中

出现以上结果就代表初始化完成

二、本地运行App

先进入刚刚创建的项目

bash 复制代码
cd adaptive-portfolio-app

运行

复制代码
shopify app dev

这说明App运行成功,可以直接点击P键会自动跳转浏览器并打开App,第一次打开的时候会打开授权页面,告诉商家这个App申请了哪些权限,我们先直接点击Install即可

点击之后如果出现以下页面,恭喜你,你的App成功运行,这就是我们搭建的第一个Shopify App

关于Shopify App开发可以参考我的专栏,会不断更新:Shopify App开发专栏

关于我:

曾在字节跳动等大厂工作超过8年,有资深的移动端、前端开发经验,目前在做Shopify相关业务的创业,关注我,我们一起探索Shopify的精彩世界

卫星公众/小🍠:浅墨 momo

相关推荐
两万五千个小时12 分钟前
DeepSeek Harness 上下文拼接:让 AI 准确行动
人工智能·程序员·架构
计算机魔术师13 分钟前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户9210802628624 分钟前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年2751 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__1 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2751 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx2 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙2 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵2 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github
小林ixn2 小时前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式