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

一个管理前端变量的工具

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

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

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

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

    2.直接写死。

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

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

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

    2.创建一个变量。

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

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

    5.设置该变量的值。

    6.刷新页面就 ok 了。

    官网地址 web-vars.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  
       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  
       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   ·   实用小工具   ·   1033 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 21:01 · PVG 05:01 · LAX 13:01 · JFK 16:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.