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

相关推荐
无羡仙21 小时前
流式输出SSE
前端
小噔小咚什么东东1 天前
Vue开发H5项目中基于栈的弹窗管理
前端·vue.js·vant
OpenTiny社区1 天前
基于华为云大模型服务MaaS和OpenTiny框架实现商城商品智能化管理
前端·agent·mcp
云枫晖1 天前
JS核心知识-原型和原型链
前端·javascript
小卓笔记1 天前
第1章 Web服务-nginx
前端·网络·nginx
华仔啊1 天前
Vue+CSS 做出的LED时钟太酷了!还能倒计时,代码全开源
前端·css·vue.js
m0_564914921 天前
点击EDGE浏览器下载的PDF文件总在EDGE中打开
前端·edge·pdf
@大迁世界1 天前
JavaScript 2.0?当 Bun、Deno 与 Edge 运行时重写执行范式
开发语言·前端·javascript·ecmascript
red润1 天前
Day.js 是一个轻量级的 JavaScript 日期处理库,以下是常用用法:
前端·javascript
Ting-yu1 天前
Nginx快速入门
java·服务器·前端·nginx