## できるようになること
メールアドレス確認のテンプレートを使用せず、文章を変更できるようになります

## 環境

* Amazon Simple Email Service(Sendgridでも可)
* FirebaseCloudFunctions


## 大まかな流れ

1. `createUserWithEmailAndPassword` して、`auth.user` を `firebase` に作成する
2. `cloud functions` で `auth.user` が作成された時に、メールアドレス確認リンクを作成する
3. メール文章にリンクを載せて、メール配信サービスを使って送信する


## コード

#### 1. `createUserWithEmailAndPassword` して、`auth.user` を `firebase` に作成する

![img](/mosaic-code.jpg)

#### 2. `cloud functions` で `auth.user` が作成された時に、メールアドレス確認リンクを作成する

![img](/mosaic-code.jpg)

#### 3. メール文章にリンクを載せて、メール配信サービスを使って送信する

![img](/mosaic-code.jpg)

#### 4. メールが届く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1658704/afe03a25-4963-2e09-99c9-3a09210444dc.png)




## できるようになること
メールアドレス確認のテンプレートを使用せず、文章を変更できるようになります

## 環境

* Amazon Simple Email Service(Sendgridでも可)
* FirebaseCloudFunctions


## 大まかな流れ

1. `createUserWithEmailAndPassword` して、`auth.user` を `firebase` に作成する
2. `cloud functions` で `auth.user` が作成された時に、メールアドレス確認リンクを作成する
3. メール文章にリンクを載せて、メール配信サービスを使って送信する


## コード

#### 1. `createUserWithEmailAndPassword` して、`auth.user` を `firebase` に作成する

```js
firebase.auth().createUserWithEmailAndPassword(email, password)
  .then((userCredential) => {
    // 成功時の処理
  })
  .catch((error) => {
    // 失敗時の処理
  });
```

#### 2. `cloud functions` で `auth.user` が作成された時に、メールアドレス確認リンクを作成する

```js
export const sendEmailVerification = async (user: admin.auth.UserRecord) => {
  if (!user.email) return;

  // リンク作成
  const link = await auth.generateEmailVerificationLink(user.email);
  await sendCustomVerificationEmail(user.email, link);
};
```

#### 3. メール文章にリンクを載せて、メール配信サービスを使って送信する

```js
const sendCustomVerificationEmail = async (email: string, link: string) => {
  return new AWS.SES()
    .sendTemplatedEmail({
      Destination: { ToAddresses: [email] },
      Source: source,
      Template: "templateVerifyEmail",
      // メールテンプレートにメールアドレス確認用のURLを渡す
      TemplateData: JSON.stringify({ confirmationLink: link })
    })
    .promise()
    .then((value: AWS.SES.SendTemplatedEmailResponse) => {
      // 成功時の処理
    })
    .catch((e: AWS.AWSError) => {
      // 失敗時の処理
    });
};
```

#### 4. メールが届く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1658704/afe03a25-4963-2e09-99c9-3a09210444dc.png)




できるようになること

環境

大まかな流れ

続きを読むには単価診断を受けてください 30秒