跳过主要内容
@capgo/capacitor-环境 开发者工具 开源

环境 Capacitor 插件

安全地管理环境变量和配置,跨不同构建环境

安装

bun add @capgo/capacitor-env bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-env
  • pnpm add @capgo/capacitor-env
  • yarn add @capgo/capacitor-env

指南

如何在Capacitor中使用环境

在设备上测试

下载Capgo应用程序,然后扫描code的二维码。

环境插件预览二维码 code

使用 @capgo/capacitor-env

Capacitor 插件用于在本机 code 中访问环境变量

安装

bun add @capgo/capacitor-env
bunx cap sync

bunx cap sync 将插件的本机 code 复制到您的本机项目中。每次升级插件后都重新运行它

导入

import { Env } from '@capgo/capacitor-env';

API 简介

方法 简介
getKey 通过指定的键值来获取特定环境变量的值。

示例

getKey()

通过指定的键值来获取特定环境变量的值。

import { Env } from '@capgo/capacitor-env';

const result = await Env.getKey({ key: 'API_URL' });
console.log(result.value); // 'https://api.example.com'

完整参考

继续使用 @capgo/capacitor-env

如果您正在使用 使用 @capgo/capacitor-env 来规划原生插件工作,连接它 @capgo/capacitor-环境 为 @capgo/capacitor-环境 的实现细节 开始使用 为开始使用的实现细节 Capgo 插件目录 为Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 为Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 为添加或更新插件的实现细节

常见问题

环境插件常见问题

如何在Capacitor应用中安装环境插件?

运行"bun add @capgo/capacitor-env" (或 "npm install @capgo/capacitor-env"),然后运行 "bunx cap sync" 以便 iOS 和 Android 项目捕获本地 code。从"@capgo/capacitor-env"导入您的应用 code。

@capgo/capacitor-env与React、Vue和Angular兼容吗?

是的。Env 是一个 Capacitor 包, 因此它可以与任何运行在 Capacitor 内部的 Web 框架一起工作,包括 Ionic、 React、 Vue、 Angular、 Svelte 和普通的 JavaScript。

哪个 Capacitor 版本由 @capgo/capacitor-env 支持?

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如,插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

是否 @capgo/capacitor-env 免费且开源?

是的。源代码 code 公开在 GitHub 上,https://github.com/Cap-go/capacitor-env/,并且包是免费从 npm 安装的。bug 报告和 pull 请求都欢迎。

是否可以在 App Store 审核时更新使用 Env 的 code?

安装或升级插件会更改本机 code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改,调用插件的更改,可以立即与 Capgo 实时更新一起发布。

不必等待应用程序审核即可将 Env 变更部署

一旦插件在您的商店构建中,Capgo 即时更新将将您的 JavaScript、HTML 和 CSS 变更推送给用户。

开始使用 Capgo