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

相关推荐
风清云淡_A17 分钟前
【Flutter3.8x】flutter从入门到实战基础教程(四):自定义实现一个自增的StatefulWidget组件
前端·flutter
curdcv_po19 分钟前
🔥 Three.js 一个项目用到:轨道控制器、动画与GUI交互
前端
琹箐19 分钟前
CSS font-weight:500不生效
前端·css
代码的余温40 分钟前
React核心:组件化与虚拟DOM揭秘
前端·react.js·前端框架
小螺号dididi吹40 分钟前
【React】状态管理
前端·javascript·react.js
代码的余温44 分钟前
React Refs:直接操作DOM的终极指南
前端·javascript·react.js
考虑考虑1 小时前
Redis8中的布隆过滤器
redis·后端·程序员
一只小风华~1 小时前
JavaScript 定时器
开发语言·前端·javascript·vue.js·web
朝阳391 小时前
浏览器【详解】requestIdleCallback(浏览器空闲时执行)
前端·浏览器
典学长编程2 小时前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第二天(CSS)
前端·javascript·css·html