Shopify 新手开发Function应用教程(2026)(三)

在上一篇文章里,我们完成了APP的代码编写,下面是如何部署到开发环境

先给写好的代码安装依赖

# 根目录安装
npm install

# 进入扩展目录安装
cd extensions/cart-price-adjustment
npm install
cd ../..

下面是准备链接shopify,登录shopify的开发者店铺,由于我这边本地环境的vpn不稳定,所以我下面的操作是把本地的代码先部署到github,如果你们本地网络环境本身就是海外网络或者是在云服务器的,可以忽略这个步骤

部署GitHub Codespaces

步骤 1 - 初始化 Git 并推送到 GitHub:

cd C:\test-function-cart-price
git init
git add .
git commit -m "Initial commit - test function cart price"

步骤 2 - 在 GitHub 创建仓库:

  1. 访问 https://github.com/new
  2. Repository name: test-function-cart-price
  3. 选择 Private(私有仓库)
  4. 不要勾选任何初始化选项
  5. 点击 "Create repository"

步骤 3 - 推送代码到 GitHub:

复制 GitHub 显示的命令,或运行:

git remote add origin https://github.com/你的仓库名称/test-function-cart-price.git
git branch -M main
git push -u origin main

步骤 4 - 创建 Codespace:

  1. 在 GitHub 仓库页面,点击绿色的 "Code" 按钮
  2. 选择 "Codespaces" 标签
  3. 点击 "Create codespace on main"
  4. 等待 1-2 分钟,Codespace 会自动启动

步骤 5 - 在 Codespace 中运行:

Codespace 启动后,在终端中运行:

npm install -g @shopify/cli @shopify/app

先在Codespace安装shopify cli环境,不然无法使用shopify的命令

npm run shopify auth login

登录shopify的店铺,运行上面的命令后,会生成一个登录店铺的链接

点击链接,输入你的合作伙伴的账户和密码后,会生成一个验证码

完成验证后,回到Codespace终端,你会发现提示你完成登录了

连接到你的开发店铺

shopify app config link

# 部署应用和 Function

shopify app deploy

到此,function应用成功部署到合作伙伴开发者店铺中了,下一篇我们学习如何把function应用安装到我们的店铺中

0 0 投票数
文章评分
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论