搭建第一个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

相关推荐
Lorin 洛林27 分钟前
一文读懂 Agent Skills
前端·网络
newbe365241 小时前
我们如何使用 impeccable 优化前端界面设计与实现稳定性
前端·人工智能·分布式·github·aigc·wpf
KaMeidebaby8 小时前
卡梅德生物技术快报|蛋白 N 端测序在重组贻贝融合蛋白表征中的应用,解决原核表达序列偏移工艺难题
前端·人工智能·物联网·算法·百度
kyriewen9 小时前
我筛了 1400 个 Claude Code Skills,留下 5 个天天在用的
前端·ai编程·claude
JNX_SEMI10 小时前
AT2401C 2.4GHz 全集成射频前端单芯片技术解析
前端·单片机·嵌入式硬件·物联网·硬件工程
anOnion10 小时前
Agentic 前端开发之 实时显示 AI Agent 终端输出
前端·javascript·人工智能
随风一样自由10 小时前
【前端领域】2026最新前端领域全梳理(框架/工具/AI/跨端/底层标准/就业趋势)
前端·人工智能·前端框架
这是个栗子10 小时前
【前端性能优化】优化数据加载:用 Promise.all 从串行到并行
前端·javascript·性能优化·异步编程·前端优化·promise.all
fei_sun11 小时前
黑洞路由(Null Route/空接口路由)
服务器·前端·javascript
大爱一家盟11 小时前
告别卡点BGM同质化 2026原创卡点音乐素材下载网站 TOP5 推荐
大数据·前端·人工智能