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

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

  •  
  •   Leo295 ·
    wangrunlin · 8 天前 · 3130 次点击

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

    💡 这个工具能做什么?

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

    🔧 为什么做这个工具?

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

    🔗 传送门Password Generator

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

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

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

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

    建议:建议改成一步到位,看你的网站的自定义比较多,可以考虑做细分领域,专注强而复杂的密码。
    不过市场会少而又少,做产品可以先考虑你的客户是哪些,需求是什么,再来做功能。其实找准需求,再做 MVP 才是最好的结果,无需太复杂。
    licoycn
        15
    licoycn  
       8 天前   ❤️ 1
    mxT52CRuqR6o5
        16
    mxT52CRuqR6o5  
       8 天前   ❤️ 1
    Math.random 这种线性同余的随机数算不上「加密级随机算法」吧,得用 Crypto.getRandomValues 这种
    gefangshuai
        17
    gefangshuai  
       8 天前
    密码管理器自带、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
       8 天前
    @ixcode 厉害 👍,厉害 👍
    Leo295
        19
    Leo295  
    OP
       8 天前
    @dingwen07 是的,主要是练习下 SEO 和 Cursor AI 编程,这个网站对于不使用密码管理器的人来说还是有使用场景的。
    Leo295
        20
    Leo295  
    OP
       8 天前
    @hanksun 感谢
    Leo295
        21
    Leo295  
    OP
       8 天前
    @catwalk 感谢建议,一键生成密码(并复制) 这个功能会考虑加上。

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

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

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

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

    hah ,我也是不会啥设计的,现在 AI 直接生成代码更符合我的风格,我只需要觉得好不好看就可以了。
    catwalk
        29
    catwalk  
       8 天前   ❤️ 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
       8 天前
    @catwalk 感谢建议,会持续更新。

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

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

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

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

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