Skip to content

给 theme 配置环境变量

使用 .env 文件也是一种常见的方式来管理环境变量,尤其是在项目开发中,它能使配置更加清晰和便于维护。Shopify 项目中,也可以使用 .env 文件来设置和管理环境变量。

1. 创建 .env 文件

首先,在项目的根目录下创建一个 .env 文件。如果文件已经存在,可以直接编辑它。

使用以下命令创建或打开 .env 文件:

bash
nano .env

2. 添加 Shopify 环境变量

.env 文件中,添加你需要的环境变量,例如 Shopify 商店 URL:

bash
SHOPIFY_FLAG_STORE=my-shop.myshopify.com

确保你将 my-shop.myshopify.com 替换为你自己的 Shopify 商店 URL。

3. 加载 .env 文件中的环境变量

通常,项目会使用 dotenv 这样的库来自动加载 .env 文件中的环境变量。如果你正在开发一个 Node.js 应用,确保你安装并使用了 dotenv 库:

安装 dotenv 库(如果尚未安装)

在项目的根目录下运行:

bash
npm install dotenv

在项目中加载 .env 文件

在项目的入口文件(如 index.jsapp.js)中,添加以下代码来加载 .env 文件:

javascript
require('dotenv').config()

这样,当你运行项目时,.env 文件中的环境变量会自动加载到 process.env 对象中,且可以在代码中使用。

4. 使用环境变量

在代码中,访问这些环境变量:

javascript
const shopifyStoreUrl = process.env.SHOPIFY_FLAG_STORE
console.log(`Your Shopify store is: ${shopifyStoreUrl}`)

5. 验证

你可以通过以下命令验证 .env 文件是否生效:

bash
node index.js  # 或者启动项目的命令

这会在控制台输出你配置的商店 URL。

注意事项

  • 不要将 .env 文件提交到版本控制系统,因为它通常包含敏感信息(如 API 密钥)。可以在 .gitignore 文件中添加 .env 来忽略它。
bash
# .gitignore
.env

通过 .env 文件管理 Shopify 的环境变量能够保持项目配置的清晰和安全。