最近公司打算把网站从Wordpress转移到Shopify，但是我们是做定制产品的，我们的产品需要通过计算公式计算后才得出最终的产品价格，虽然Shopify也有很多优秀的定制插件，但都不能完美符合我们的需求。
下面可以介绍部分自定义产品选项的插件：
Option Calculator
这个插件可以计算各种复杂的公式，还支持元字段计算，可以根据条件隐藏显示选项。缺点：加入购物车时，把计算出来的价格通过创建产品变体来附加价格传递到购物车，所以每加入一个产品进购物车，对应产品就会多出一个变体。而且因为样式比较丑，需要会一点代码的人来优化VO Product Options
这个插件是通过产品选项来相加计算价格，twopagescurtains.com 这个网站就是使用这个插件的
题外话结束，下面是不用插件，通过APP的形式完成把产品计算好的价格添加进购物车。
前提：
开发Function应用前提是Shopify的Plus店铺，不是就不用想了，Plus店铺Shopify提供有偿试用，$399一个月，需要美国公司注册，然后联系客服申请，非美国公司，需要有Shopify店铺10W美元的流水才有资格
开发环境
1.使用云服务器开发(最常见) a. 在阿里云/腾讯云购买海外服务器(香港/新加坡) b. 使用 VS Code Remote SSH 连接到服务器 c. 在服务器上运行 shopify app dev d. 网络稳定,无需代理 2. 使用 GitHub Codespaces(推荐) a. 将代码推送到 GitHub b. 在 GitHub 上创建 Codespace c. 直接在云端开发,网络无障碍 d. 免费额度每月 60 小时 3. 使用稳定的商业 VPN a. 不是所有 VPN 都能稳定支持 Shopify CLI b. 一些开发者使用企业级 VPN 或专线 4. 在公司/共享办公空间开发 a. 使用企业网络或国际专线 b. 网络通常更稳定
我个人倾向使用GitHub Codespaces来开发，下面是开启：
访问 https://github.com/new
Repository name: custom-pricing-app
选择 Private(私有仓库)
不要勾选任何初始化选项
点击 "Create repository"在 GitHub 仓库页面,点击绿色的 "Code" 按钮
选择 "Codespaces" 标签
点击 "Create codespace on main"
等待 1-2 分钟,Codespace 会自动启动优势:
✅ 网络完全无障碍,不需要任何代理
✅ 环境已预装 Node.js、Git 等工具
✅ 可以直接在浏览器中使用 VS Code
✅ 免费额度:每月 60 小时(对个人开发足够)
✅ 代码自动同步到 GitHub如果使用其他常规的环境，那么走下面的流程：
Node.js: 20.10 or higher
Node.js package manager: npm, Yarn 1.x, or pnpm
Git: 2.28.0 or higher安装完上面的必要工具后，如果使用代理的话，可能还需要设置以下内容：
打开命令终端，WIN+R，输入CMD，linux随意
当您在网络代理后工作时，您可以配置 Shopify CLI（版本 3.78+）以通过该代理路由连接：
- 设置HTTP流量代理：
export SHOPIFY_HTTP_PROXY=http://proxy.com:8080（可选）为 HTTPS 流量设置不同的代理：
export SHOPIFY_HTTPS_PROXY=https://secure-proxy.com:8443- 如果未指定，则所有流量都将使用 HTTP 代理。
- 对于已认证的代理，请在 URL 中包含凭据：
export SHOPIFY_HTTP_PROXY=http://username:password@proxy.com:8080下一篇我们开始正式进入APP的开发流程