JavaScriptでURLセーフな文字列を生成する

JavaScript

Last updated at 2022-12-04Posted at 2022-12-04

はじめに

LIGTHzアドベントカレンダー 2022の4日目の記事です。
この記事では、ランダムな文字列のURLを作成する方法を紹介します。

サンプルコード

以下のHTMLファイルをブラウザで開くことで、画面上にURLセーフな32桁の文字列が表示されます。
nanoid(32)の箇所の数値を変更することで任意の桁数の文字列を生成できます。

sample.html

<!DOCTYPE html>
<html>

<body>
  <script type="module">
    import { nanoid } from 'https://cdn.jsdelivr.net/npm/nanoid/nanoid.js'
    let el = document.body;
    el.textContent = nanoid(32)
  </script>

</body>

</html>

サンプルコードではnanoidというライブラリをCDN経由で利用しました。
npm packageとしても公開されているのでインストールをして利用することもできるようです。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up