用于设置服务器 url 的 Storybook 添加 [英] Storybook add on for setting server urls

问题描述

我们正在使用 storybook 来构建 ui 组件.Ui 组件与一些数据相关，在这种情况下是 REST-Server.在操作中，我可以添加自定义数据，但我想通过 axios 加载数据.我为此实现了小型 API 库.

We are using storybook to build ui components. Ui components are related to some data, in this case REST-Server. In actions I can add custom datas, but I would like to load data by axios. I have implemented small API-library for that.

问题:是否可以从故事书 UI 设置故事书的全局参数?像服务器网址和身份验证令牌?

Question: Is it possible to set global parameters for storybook from storybook UI? Like server url and auth token?

推荐答案

现在可以使用插件:https://github.com/ArrayKnight/storybook-addon-headless

Storybook Addon Headless 通过自定义查询将 Restful 和/或 GraphQL API 连接到您的故事.查询可以具有经过验证的变量，并且可以全局定义、每个故事文件或每个故事.

Storybook Addon Headless connects Restful and/or GraphQL APIs to your stories with custom queries. Queries can have validated variables and can be defined globally, per story file or per story.

示例:https://storybook-addon-headless.netlify.com/?path=/story/examples

这篇关于用于设置服务器 url 的 Storybook 添加的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！