JavaScript における一意識別子の生成

Beginner

This tutorial is from open-source community. Access the source code

はじめに

この実験では、JavaScript を使ってブラウザで UUID を生成する方法を探ります。UUID(Universally Unique Identifier)は、システム内のリソースを一意かつ普遍的な方法で識別するために使用される 128 ビットの値です。この実験が終了するまでに、Web アプリケーションで使用できる適切な UUID を生成する方法を十分に理解しているでしょう。

ブラウザで UUID を生成する

ブラウザでRFC4122バージョン 4 に準拠する UUID を生成するには、次の手順に従います。

  1. ターミナル/SSH を開き、nodeと入力します。
  2. Crypto.getRandomValues()メソッドを使って UUID を生成します。
  3. Number.prototype.toString()メソッドを使って UUID を 16 進数文字列に変換します。
  4. 次のコードを実装します。
const UUIDGeneratorBrowser = () =>
  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
    (
      c ^
      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
    ).toString(16)
  );
  1. UUIDGeneratorBrowser()関数を呼び出して UUID を生成します。たとえば、UUIDGeneratorBrowser()'7982fcfe-5721-4632-bede-6000885be57d'を返します。

まとめ

おめでとうございます!Generate UUID (Browser) の実験を完了しました。LabEx でさらに多くの実験を行って、スキルを向上させましょう。