将Auth添加到故事书

Question

是否可以向Storybook添加身份验证？我正在将故事书部署到实例中，但是我想对其进行身份验证（身份验证的首选方式是使用Auth0）。是否有任何可以帮助我解决此问题的插件？我相信这是一个普通的用例，应该已经构建了一些东西。

Answer 1

没有Storybook的Auth附加组件，并且很可能不会使用，因为它不在Storybook的含义范围内：成为脚手架工具集用于构建自己的组件库。

身份验证功能将属于您的应用程序/组件的功能。

此外，Storybook是一个多框架工具，因此您可以使用Vue，React，Angular等框架甚至纯Web组件来构建组件。 选择身份验证库取决于您与Storybook一起使用的框架。

但是要详细说明如何在故事范围内添加插件，您可以这样做（在TypeScript示例中为Vue）：

// File: src/plugins/some-auth.ts
import Vue from 'vue';
import SomeAuthPluginForVue from 'SomeAuthPluginForVue';

Vue.use(SomeAuthPluginForVue);

// File: src/plugins/index.ts
import './some-auth';

// File: config/storybook/config.js
import { configure } from '@storybook/vue';

// Import Vendor Plugins
import '../../src/plugins';

// Import Styles
import '../../src/assets/styles/index.scss';

const req = require.context('../../src/stories', true, /.stories.js$/);

function loadStories() {
  req.keys().forEach((filename) => req(filename));
}

configure(loadStories, module);

Answer 2

您可以只将df1 = df.join(df.groupby(lambda x: x[:4], axis=1).sum().add_prefix('year')) print (df1) 2019Q4 2020Q4 2020Q3 year2019 year2020 0 20 10 3 20 13 1 56 15 5 56 20 2 63 14 15 63 29 用作官方故事书门户网站recommends as a free publishing method。

该帐户是免费的，您可以基于bitbucket，git ...设置身份验证。