一个管理前端变量的工具 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yayaluoya481
V2EX    分享创造

一个管理前端变量的工具

  •  1
     
  •   yayaluoya481
    yayaluoya 2023-01-31 14:55:40 +08:00 2748 次点击
    这是一个创建于 1015 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    2.直接写死。

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

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

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

    2.创建一个变量。

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

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

    5.设置该变量的值。

    6.刷新页面就 ok 了。

    官网地址 web-vars.top/

    去玩一玩吧

    第 1 条附言    298 天前
    换了个更加稳定的域名
    https://web-vars.dumogu.top/
    24 条回复    2023-02-02 17:59:24 +08:00
    loading
        1
    loading  
       2023-01-31 15:11:59 +08:00
    如何解决你 CDN 同步和我修改能否同时变更的问题,统一在一个 js 文件里面管理不更方便?
    ljsh093
        2
    ljsh093  
       2023-01-31 15:18:11 +08:00
    本地反代一个 json 文件不好吗
    yayaluoya481
        3
    yayaluoya481  
    OP
       2023-01-31 16:13:57 +08:00
    @ljsh093 这样开发人员确实好改,但是其它不懂开发的人就不好改了呀,比如你网站上有张图片是根据不同的节日来改的,你要改的话还有在你服务器上去找这个 json 文件,然后去改这个 json ,如果不是开发人员的话连 json 是啥都不知道。。。
    yayaluoya481
        4
    yayaluoya481  
    OP
       2023-01-31 16:15:32 +08:00
    @loading 当你修改了这个变量,我们后端会去修改这个 cdn 的文件的,为什么不直接弄成一个 js 文件主要是要考虑非技术人员。
    jeodeng
        5
    jeodeng  
       2023-01-31 16:43:22 +08:00
    帮顶,和隔壁毒蘑菇是不是一样的...

    https://v2ex.com/t/910606#reply4
    GzhiYi
        6
    GzhiYi  
    &nbp;  2023-01-31 17:04:56 +08:00
    较为规范的变量配置可以用到 apollo 配置 或者 strapi 吧。其实如果要管好配置,就不是单单设置变量了,还要涉及人员权限、操作日志等等。如果是小众产品,或许让开发直接改个 kv 更便捷。
    yayaluoya481
        7
    yayaluoya481  
    OP
       2023-01-31 17:05:34 +08:00
    @jeodeng 不同版本,编辑方式不一样
    yayaluoya481
        8
    yayaluoya481  
    OP
       2023-01-31 17:08:14 +08:00
    @GzhiYi 权限问题和操作日志后面是要完善的
    mauve
        9
    mauve  
    PRO
       2023-02-01 01:11:04 +08:00
    这不是 Feature Toggle/Flag 吗?
    LaunchDarkly 等一众工具做得很好了
    retanoj
        10
    retanoj  
       2023-02-01 09:14:08 +08:00
    这..后台数据配置权转移到了第三方平台
    yayaluoya481
        11
    yayaluoya481  
    OP
       2023-02-01 09:20:05 +08:00
    @mauve 那并不适合前端呀
    yayaluoya481
        12
    yayaluoya481  
    OP
       2023-02-01 09:20:38 +08:00
    @mauve 我们这个工具甚至会生成 ts 的类型声明文件,方便前端开发
    yayaluoya481
        13
    yayaluoya481  
    OP
       2023-02-01 09:23:56 +08:00
    @retanoj 对,就是为了解决这个问题,因为很多后端都习惯写数据库的增删改查,对于非关系型数据,如果很多的话还可以用 redis 呀其它的库,如果少的话是真懒得去写接口,而且前端也要加功能
    yayaluoya481
        14
    yayaluoya481  
    OP
       2023-02-01 09:28:55 +08:00
    @yayaluoya481 还有安全问题,我们这个脚本只会声明一个变量,而且名字都会有限制,如果只是个 js 脚本的话谁会保证它不会做别的事情呢?
    4ark
        15
    4ark  
       2023-02-01 10:21:11 +08:00
    这个谁敢用啊。。。
    Distand
        16
    Distand  
       2023-02-01 10:50:39 +08:00
    @yayaluoya481 #14
    > 还有安全问题,我们这个脚本只会声明一个变量
    Distand
        17
    Distand  
       2023-02-01 10:52:04 +08:00
    怎么让大家相信你的脚本里不做别的事呢,这不是把门打开放你进来 XSS
    LawlietZ
        18
    LawlietZ  
       2023-02-01 10:54:20 +08:00
    这个工具其实就是配置服务
    yayaluoya481
        19
    yayaluoya481  
    OP
       2023-02-01 11:27:53 +08:00
    @Distand 你难道不用别人的 cdn 吗
    yayaluoya481
        20
    yayaluoya481  
    OP
       2023-02-01 11:29:04 +08:00
    @Distand 你可以去创建一个变量看能不能做其他事情
    yayaluoya481
        21
    yayaluoya481  
    OP
       2023-02-01 11:30:05 +08:00
    @LawlietZ 对,只不过更加方便,这就是我们工具的优势
    yayaluoya481
        22
    yayaluoya481  
    OP
       2023-02-01 11:44:06 +08:00
    @4ark 都是用的阿里云的服务,放心
    djyde
        23
    djyde  
       2023-02-01 12:05:09 +08:00
    jsonp?
    wuzhanggui
        24
    wuzhanggui  
       2023-02-02 17:59:24 +08:00
    用一些库的 cdn 还不是有安全问题,担心安全问题的可以使用生成的 json ,都差不多
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5166 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 09:07 PVG 17:07 LAX 01:07 JFK 04:07
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86