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

相关推荐
yinuo20 分钟前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
烛阴1 小时前
拒绝配置地狱!5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
xkxnq1 小时前
第一阶段:Vue 基础入门(第 15天)
前端·javascript·vue.js
贺biubiu1 小时前
2025 年终总结|总有那么一个人,会让你千里奔赴...
android·程序员·年终总结
野生的码农2 小时前
做好自己的份内工作,等着被裁
程序员·ai编程·vibecoding
anyup3 小时前
2026第一站:分享我在高德大赛现场学到的技术、产品与心得
前端·架构·harmonyos
BBBBBAAAAAi3 小时前
Claude Code安装记录
开发语言·前端·javascript
xiaolyuh1233 小时前
【XXL-JOB】 GLUE模式 底层实现原理
java·开发语言·前端·python·xxl-job
源码获取_wx:Fegn08953 小时前
基于 vue智慧养老院系统
开发语言·前端·javascript·vue.js·spring boot·后端·课程设计