一个管理前端变量的工具

[yayaluoya481]

一个方便管理前端变量的工具网站 🚀

对于页面中时不时需要更改的数据，一般做法是：

1.让后端出个接口，然后在后台里面改。

2.直接写死。

以上两种方法一种是实现太麻烦了，一种是改起来太麻烦了。

本工具将针对这种问题提供一个完美的解决方案：

1.先注册一个账号，超级简单，一个账号，邮箱，密码即可。

2.创建一个变量。

3.复制该变量的 CDN 放到页面中。

4.使用该变量的值（可以下载该变量的声明文件放到项目文件夹中，这将提供该变量完整的类型声明，谁用谁知道）。

5.设置该变量的值。

6.刷新页面就 ok 了。

官网地址 web-vars.top/

去玩一玩吧

[loading]

如何解决你 CDN 同步和我修改能否同时变更的问题，统一在一个 js 文件里面管理不更方便？

[ljsh093]

本地反代一个 json 文件不好吗

[yayaluoya481]

@ljsh093 这样开发人员确实好改，但是其它不懂开发的人就不好改了呀，比如你网站上有张图片是根据不同的节日来改的，你要改的话还有在你服务器上去找这个 json 文件，然后去改这个 json ，如果不是开发人员的话连 json 是啥都不知道。。。

[yayaluoya481]

@loading 当你修改了这个变量，我们后端会去修改这个 cdn 的文件的，为什么不直接弄成一个 js 文件主要是要考虑非技术人员。

[jeodeng]

帮顶，和隔壁毒蘑菇是不是一样的...

https://v2ex.com/t/910606#reply4

[GzhiYi]

较为规范的变量配置可以用到 apollo 配置 或者 strapi 吧。其实如果要管好配置，就不是单单设置变量了，还要涉及人员权限、操作日志等等。如果是小众产品，或许让开发直接改个 kv 更便捷。

[yayaluoya481]

@jeodeng 不同版本，编辑方式不一样

[yayaluoya481]

@GzhiYi 权限问题和操作日志后面是要完善的

[mauve]

这不是 Feature Toggle/Flag 吗？
LaunchDarkly 等一众工具做得很好了

[retanoj]

这..后台数据配置权转移到了第三方平台

[yayaluoya481]

@mauve 那并不适合前端呀

[yayaluoya481]

@mauve 我们这个工具甚至会生成 ts 的类型声明文件，方便前端开发

[yayaluoya481]

@retanoj 对，就是为了解决这个问题，因为很多后端都习惯写数据库的增删改查，对于非关系型数据，如果很多的话还可以用 redis 呀其它的库，如果少的话是真懒得去写接口，而且前端也要加功能

[yayaluoya481]

@yayaluoya481 还有安全问题，我们这个脚本只会声明一个变量，而且名字都会有限制，如果只是个 js 脚本的话谁会保证它不会做别的事情呢？

[4ark]

这个谁敢用啊。。。

[Distand]

@yayaluoya481 #14
> 还有安全问题，我们这个脚本只会声明一个变量

[Distand]

怎么让大家相信你的脚本里不做别的事呢，这不是把门打开放你进来 XSS

[LawlietZ]

这个工具其实就是配置服务

[yayaluoya481]

@Distand 你难道不用别人的 cdn 吗

[yayaluoya481]

@Distand 你可以去创建一个变量看能不能做其他事情

[yayaluoya481]

@LawlietZ 对，只不过更加方便，这就是我们工具的优势

[yayaluoya481]

@4ark 都是用的阿里云的服务，放心

[djyde]

jsonp?

[wuzhanggui]

用一些库的 cdn 还不是有安全问题，担心安全问题的可以使用生成的 json ，都差不多