配置主任 Nuxt SDK
Nuxt SDK 为 配置主任,远程配置和带有打出值的特征旗帜,JSON Schema验证,以及安全地重命名活旗帜. 免费开始,不需要卡片.
安装
npm install --save @configdirector/nuxt-sdk
获取一个值
// nuxt.config.ts
export default defineNuxtConfig({
modules: ["@configdirector/nuxt-sdk"],
runtimeConfig: {
public: { configdirector: { clientSdkKey: "YOUR-CLIENT-SDK-KEY" } },
configdirector: { serverSdkKey: "YOUR-SERVER-SDK-KEY" },
},
});
<script setup lang="ts">
const { value: darkMode } = useConfigDirectorValue("dark-mode", false);
</script>
详细情况见 正式文件。 。 。 .
测试您的代码
@configdirector/nuxt-sdk/testing 创建一个连接到内存服务器的真正的客户端
测试控制。 在 Nuxt app 创建之前在测试文件或测试文件的顶端安装
vitest 设置文件, 配置管理器插件提供给应用程序而不是构建一个
客户端。 测试在 nuxt 环境状况 @nuxt/test-utils 4(需要vitest 4) (中文(简体) ).
import { nextTick } from "vue";
import { mountSuspended } from "@nuxt/test-utils/runtime";
import { createTestClient, installTestClient } from "@configdirector/nuxt-sdk/testing";
import Checkout from "~/components/Checkout.vue";
const testClient = createTestClient({ values: { "dark-mode": true } });
installTestClient(testClient);
test("renders the dark mode", async () => {
const component = await mountSuspended(Checkout);
expect(component.text()).toContain("dark-mode: true");
testClient.setValue("dark-mode", false);
await nextTick();
expect(component.text()).toContain("dark-mode: false");
});
@nuxt/test-utils 4 在每个测试文件内创建应用程序 beforeAll 钩子,所以安装在
模块级别而不是钩子,然后在测试之间重置值 replaceValues。 。 。 .
@nuxt/test-utils 3 在测试文件负载前创建应用程序, 因此插件无法看到测试
安装在那里的客户端; 升级以使用测试条目. 虽然
已安装, 插件不需要 clientSdkKey等待时 nextTick() 之后 setValue, (中文(简体) ), removeValue, (中文(简体) ),
财务报告和审定财务报表 replaceValues。测试客户端也持有或失败 initialize 财务报告和审定财务报表 updateContext,以及
记录每个上下文 contextUpdates。 。 。 .
文档
参见 nuxt SDK 的正式文件。 。 。 .
还有 一个快速启动指南 配置主任和我们的任何SDK。 。 。 .