# javascript password generator ランダム文字列パスワード作成
ログインパスワード作る時、一時トークン発行する時とか、たまに使うけど、いつもググって何ページも探していました。自分が好きなタイプを見つかるまで時間もったいないから、作りました。
# 任意桁のパスワード生成
桁数
個数
,u@agCGV
SzL_mjXB
nLM~c@e(
-Cx={M@'
cd^-[e6x
- 大文字・小文字対応
- 数字・記号対応
- 任意桁数対応
- 任意個数対応
# vuejs components
このジェネレーターに使ったコンポネントです。
<template>
<div>{{ makeRandom() }}</div>
</template>
<script>
import randomatic from "randomatic";
export default {
props: {
pattern: {
type: String,
default: "*",
},
length: {
type: Number,
default: 8,
},
},
methods: {
makeRandom() {
return randomatic(this.pattern, this.length);
},
},
};
</script>
1.package randomatic install
自分で作ってもいいけど、すでに達人が作ってあるため、達人の腕を借りた
npm i randomatic
randomatic (opens new window) package は非常に優秀なもので、週間ダウンロード 400 万以上の実績があります。
使ってみて確かの性能で感謝、これで時間単位の人生が節約できたので、Github に行って⭐️スター押しました。
作者jonschlinkert の Github (opens new window)ですが、週間 400 万以上のダウンロードにも関わらず⭐️118 しかない現状です。よかったら押して上げてくださいね。
randomatic について
randomatic(pattern, length, options);
- pattern {String}: (必須)
- a: 小文字アルファベット (abcdefghijklmnopqrstuvwxyz')
- A: 大文字アルファベット (ABCDEFGHIJKLMNOPQRSTUVWXYZ')
- 0: 数字 (0123456789')
- !: 記号 (~!@#$%^&()_+-={}[];',.)
- *: すべて (all of the above combined)
- ?: 自作キャラ (pass a string of custom characters to the options)
- length {Number}: (オプション)
- options {Object}: (オプション)
使用例；
randomatic("*", 10);
//=> SJWV}ZQ%v)
randomatic("Aa0", 10);
//=> qEbghCcK5e
randomatic("Aa0!", 10);
//=> &S@~AiUaBj
※ randomatic('000');
※ randomatic('AAAAA');
もあります。
2.コンポネント 20 行程度で完成
javascript と vuejs に感謝します! 🎉🎉🎉