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

最近做了一个小工具: Password Generator,欢迎大家试用 🎉

  •  
  •   Leo295 ·
    wangrunlin · 11 天前 · 3222 次点击

    大家好!最近在学习 SEO 和 Cursor AI 编程的过程中,想着做点实用的小工具,也算是练手,顺便解决了日常中遇到的一个小痛点。于是就搞了个简单的密码生成器:Password Generator

    💡 这个工具能做什么?

    • 随机密码生成:可以自定义密码复杂度,比如要包含哪些字符,生成符合你需要的安全密码。
    • 隐私保护:所有密码生成过程都在本地完成,完全不用担心隐私问题,我也不会存储任何数据。

    🔧 为什么做这个工具?

    其实主要是平时经常需要设密码,有时候也担心重复密码用多了不安全。所以这个工具可以帮忙随机生成难猜的密码,简单实用。也是借这个机会练习 SEO 优化,看看能不能把这个小工具做到让大家更容易找到。如果有朋友对 SEO 或 Cursor AI 编程感兴趣,也欢迎交流~

    🔗 传送门Password Generator

    如果有建议或者想法,非常欢迎分享!希望这个工具能对大家有点帮助,也算是学习过程中的一个小成果。感谢大家的支持,提前谢过啦! 🙏

    49 条回复    2024-11-08 15:12:00 +08:00
    alanhe421
        1
    alanhe421  
       11 天前   ❤️ 1
    很强,👍
    InDom
        2
    InDom  
       11 天前
    添加一个保存组合的方案,比如我日常 24 位 特殊符号组合,但有时候需要 16 位大小写数字的,类似的需求。
    wcao
        3
    wcao  
       11 天前
    我焯,被你玩出了花
    Laysan
        4
    Laysan  
       11 天前
    bitwardn 1password 这些不都能生成
    Altairvelvet
        5
    Altairvelvet  
       11 天前
    enpass ,1password ,bitwarden ,每个密码管理器都有这个功能。

    要不,你还是吃点儿好的先?
    zqjilove
        6
    zqjilove  
       11 天前
    还是谷歌浏览器自带的,自动生成安全密码省事,右键就自动搞定和填充。
    Leo295
        7
    Leo295  
    OP
       11 天前
    @InDom 目前可以保存一份配置,这个需求 Get 到了,后期可以考虑一下,感谢建议🙏。
    Leo295
        8
    Leo295  
    OP
       11 天前
    @Laysan 是的,我自己也是 Bitwarden 的忠实用户,不过对于没有用密码管理器软件的用户来说,直接打开一个网页生成也是一个方案吧。
    另外,也是用来学习下 SEO 和 Cursor AI 编程的项目,密码生成器比较简单。
    Leo295
        9
    Leo295  
    OP
       11 天前
    @Altairvelvet 吃过好的了,感谢,这些产品都用过,1password 之前用到付费的时候就没继续用了,Bitwarden 一直在使用中,也自建过 Bitwarden 的 Server 。
    对于没有用密码管理器软件的用户来说,打开一个网页生成密码也是一个方案吧。
    另外,也是用来学习下 SEO 和 Cursor AI 编程的项目,密码生成器比较简单。
    Leo295
        10
    Leo295  
    OP
       11 天前
    @zqjilove 确实,现代浏览器的密码管理和生成密码功能都很强大。
    ixcode
        11
    ixcode  
       11 天前
    cat /dev/urandom | tr -dc 'a-zA-Z0-9!@#$%^&*()' | head -c 32; echo
    有我的命令好用吗
    dingwen07
        12
    dingwen07  
       11 天前 via iPhone
    所有密码管理器都自带吧
    hanksun
        13
    hanksun  
       10 天前
    很好啊,配置很丰富,吃过好的也值得支持一下
    catwalk
        14
    catwalk  
       10 天前   ❤️ 1
    网站做的挺不错,但是工具型的角度来看,不够直接,做工具应该要非常直观和简单,才会重复使用,市面上基本上都是这种,而你的网站,需要做 4 步才可以生成,首页 => 往下滚动 => 生成密码 => 点击复制。

    很多主流的密码管理软件,都带一键生成密码(并复制)。

    建议:建议改成一步到位,看你的网站的自定义比较多,可以考虑做细分领域,专注强而复杂的密码。
    不过市场会少而又少,做产品可以先考虑你的客户是哪些,需求是什么,再来做功能。其实找准需求,再做 MVP 才是最好的结果,无需太复杂。
    licoycn
        15
    licoycn  
       10 天前   ❤️ 1
    mxT52CRuqR6o5
        16
    mxT52CRuqR6o5  
       10 天前   ❤️ 1
    Math.random 这种线性同余的随机数算不上「加密级随机算法」吧,得用 Crypto.getRandomValues 这种
    gefangshuai
        17
    gefangshuai  
       10 天前
    密码管理器自带、Raycast 也自带,再不行一个 js 函数搞定:
    function generateRandomPassword(length = 16) {
    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+~';
    let password = '';
    for (let i = 0; i < length; i++) {
    const randomIndex = Math.floor(Math.random() * chars.length);
    password += chars[randomIndex];
    }
    return password;
    }

    console.log(generateRandomPassword());
    Leo295
        18
    Leo295  
    OP
       10 天前
    @ixcode 厉害 👍,厉害 👍
    Leo295
        19
    Leo295  
    OP
       10 天前
    @dingwen07 是的,主要是练习下 SEO 和 Cursor AI 编程,这个网站对于不使用密码管理器的人来说还是有使用场景的。
    Leo295
        20
    Leo295  
    OP
       10 天前
    @hanksun 感谢
    Leo295
        21
    Leo295  
    OP
       10 天前
    @catwalk 感谢建议,一键生成密码(并复制) 这个功能会考虑加上。

    另外这个项目就是用来学习 SEO 和 Cursor AI 编程的,我觉得这样密码生成器比较简单就做了。

    建议很专业,已发送铜币感谢。
    Leo295
        22
    Leo295  
    OP
       10 天前
    @licoycn 👍 Nice
    Leo295
        23
    Leo295  
    OP
       10 天前
    @mxT52CRuqR6o5 专业的建议 👍,文本主要是为了 SEO 生成的,会考虑换成 Crypto.getRandomValues 。
    对于密码学没有很深入的研究,大佬见谅。
    Leo295
        24
    Leo295  
    OP
       10 天前
    @gefangshuai 密码管理器我知道自带,Raycast 是需要通过 Password generator 插件吗?
    4ra1n
        25
    4ra1n  
       10 天前
    这个前端好看啊
    inhzus
        26
    inhzus  
       10 天前
    i18n 好像还没做全。但这网站好看啊,真好看
    Leo295
        27
    Leo295  
    OP
       10 天前
    @4ra1n 感谢,用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。

    hah ,我也是不会啥设计的,现在 AI 直接生成代码更符合我的风格,我只需要觉得好不好看就可以了。
    Leo295
        28
    Leo295  
    OP
       10 天前   ❤️ 1
    @inhzus 对的,还在施工中,不过主要的功能 i18n 做完了,想着先发布让搜索引擎收录,这样更有动力。

    前端用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。

    hah ,我也是不会啥设计的,现在 AI 直接生成代码更符合我的风格,我只需要觉得好不好看就可以了。
    catwalk
        29
    catwalk  
       10 天前   ❤️ 1
    @Leo295 谢谢,可以先挖掘下这块需求再来考虑做功能也不迟,做产品就是解决需求,解决别人需求才会有人使用,才会有增长,选择比努力重要,选对了,事半功倍

    关键词可专注:Random Password Generator | Create Strong Passwords

    首页建议把前端改改,两个生成 Botton[Generate Strong Password]、[Generate Memorable Password]

    布局大概:
    ----------------------------------
    | [h1]关键词[h1] |
    | [p]描述、包含关键词[p] |
    | |
    | [随机生成密码] [复制][生成] |

    | [自定义密码] |

    | [Botton]复制[/Botton] |

    --------------------------------|

    也就是将 https://password.toolbox-hub.com/zh/generator/strong-password 对功能 办到首页。

    从 seo 角度就是将用户需求,直接最快最简单提供给用户,减少跳出率,提高转化率。
    并且,用户搜索的关键词过来是需要随机密码及自定义密码。

    最这样的布局 个人认为合理,可以继续调整优化。
    Leo295
        30
    Leo295  
    OP
       10 天前
    @catwalk 感谢建议,会持续更新。

    其实一开始就只是一个单一页面,生成密码的功能,后面为了 SEO 多加了一些内页,反而搞得画蛇添足了。
    catwalk
        31
    catwalk  
       10 天前   ❤️ 2
    @Leo295 国内和国外的 SEO 不一样,因为人群不一样,习惯不一样,Google 的 SEO ,内页很多是做介绍和对比,介绍你的产品为什么比别人的好,为什么要用你的,加上别人的产品关键词和你的对比,增加此类的内页。

    主页只做主要关键词,然后看看统计都是搜索什么过来,再优化改善,加上反馈的联系,让用户反馈给你优化。
    Leo295
        32
    Leo295  
    OP
       10 天前 via Android
    @catwalk 🌹找到修改方向了,十分感谢!
    vimiix
        33
    vimiix  
       10 天前
    这个网站做的挺干净漂亮的,是自己写的吗,还是用的框架(求分享)
    catwalk
        34
    catwalk  
       10 天前
    @Leo295 不客气,可以看我贴加我,互相交流
    Leo295
        35
    Leo295  
    OP
       10 天前   ❤️ 1
    @vimiix Next.js + TailwindCSS + Cursor AI 。

    前端用的 TailwindCSS ,然后告诉 Cursor ,使用 TailwindCSS ,优化样式,使其更现代化。
    Leo295
        36
    Leo295  
    OP
       10 天前
    @catwalk V2EX 上只能看到你的回复,帖子显示“根据 catwalk 的设置,主题列表被隐藏”,可以加我 V https://wangrunlin.com/wechat.png
    jqtmviyu
        37
    jqtmviyu  
       10 天前
    网站简洁美观, 但意义不大. 因为会注重密码安全的人大概率会用密码管理工具和自动填充功能, 内置了自动生成功能.
    leiclye
        38
    leiclye  
       10 天前
    分享个我的此类收藏夹连接, 话说有可以添加一个了, 哈哈~

    https://passwordsgenerator.net # 使用率最高的~

    https://pwgen.io

    https://www.lastpass.com/features/password-generator

    https://pwpush.com/

    +1 : https://password.toolbox-hub.com/zh
    ob
        39
    ob  
       10 天前 via Android
    最近是一天一个工具站 seo 了吗?
    bluedawn
        40
    bluedawn  
       10 天前 via iPhone
    密码生成从输入容易程度和健壮性来讲平衡最好的还得是 Apple 自带的密码管理器
    其它软件生成的压根不想让你有哪怕一次的手动输入完全是痛苦
    evada
        41
    evada  
       10 天前
    强密码 128 位页面卡死了
    hunterzhang86
        42
    hunterzhang86  
       10 天前 via iPhone
    哈哈,最近大家的想法怎么都差不多,我做了简单的纯粹自用,https://www.ifb.me/en/tools/pwd-generator
    Dora112233
        43
    Dora112233  
       10 天前
    如果布局做成左右的呢,左侧显示密码,右侧配置(小屏上下滑动不方便),修改配置的时候实时刷新密码,不需要点生成
    gefangshuai
        45
    gefangshuai  
       10 天前
    @Leo295 装个 Password Generator 插件就行
    xiaozhang1609
        46
    xiaozhang1609  
       10 天前
    我也做了个,嘿嘿。fixpc.cc ,导航栏第三个工具。
    0xByteray
        47
    0xByteray  
       9 天前
    代码是开源的吗?
    flmn
        48
    flmn  
       9 天前
    类似的工具太多了。如果想出圈,需要优化,提几个建议:

    1 、优化速度,就是那种一输入网址立马蹦出来的感觉,所以 nextjs 并不是个好框架,太慢了,因为业务简单,找一个更快的框架。另外,考虑如何部署,做成静态文件,放 cdn ,哪哪访问都快。
    2 、生成密码的按钮都需要滚动才能看见,太缺少产品设计意识了,整个界面最好一页显示,不要滚动。生成密码的按钮放在上面,配置项放在下面。
    3 、页面设计紧凑些,比如生成数量选择下拉那么宽没意义的,提高页面的信息密度。配置项可以按照轻重缓急做成可折叠的,不常修改的配置,隐藏起来,有需要可展开。
    iceecream
        49
    iceecream  
       8 天前
    @flmn 同意,类似工具太多了。lastpass 直接给你填充。以前我用 pinventor ,现在需求少了,去收藏夹吃灰把
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2733 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 06:40 · PVG 14:40 · LAX 22:40 · JFK 01:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.