ユーザー登録フォームの送信
説明: このプロジェクトには、登録のためにユーザーから情報を収集する Web フォームの作成が含まれます。ユーザーが情報を入力すると、フォームは受け取った情報を処理のために指定された電子メール アドレスに送信します。
目次
- 特徴
- テクノロジー
- 必要がある
- プライバシーとセキュリティ
- オートロード ファイルの生成とインクルード
特徴：
- ユーザーデータ入力用のシンプルで使いやすいWebフォームインターフェイス
- 名前、電子メールアドレス、連絡先情報などのユーザー情報を収集するフィールド
- 入力された情報の正確性と完全性を確認するためのフォーム検証
- 収集した情報を処理のために指定した電子メール アドレスに送信する電子メール機能
- 収集した情報を明確かつ体系的にフォーマットするためのテンプレート設定
テクノロジー:
- クライアント側の開発用の HTML、CSS、および JavaScript
- フォーム処理および電子メール機能用のサーバーサイド PHP プログラミング言語
- PHP 依存関係管理用の Composer ライブラリ
- アプリケーションの展開とテスト用の Open Server ローカル サーバー
- 全体として、このプロジェクトは、登録用のユーザー情報を収集し、登録プロセスを合理化するためのシンプルかつ効果的な方法を提供します。
Github Pages でホストしているプロジェクトのデモ バージョンをご紹介できることをうれしく思います。プロジェクトのデモ バージョンへのリンクをクリックしてチェックしてください。
フォームを電子メールに送信するには、次のことを行う必要があります。
- Composer をコンピュータにインストールします。
- SMTP プロバイダーが電子メールの送信をブロックしていないか確認してください。
- Windows を使用している場合は、OS が SMTP 送信をブロックしていないか確認してください。
- Open Server または電子メール送信をサポートするその他のローカル サーバーをインストールします。
- このリポジトリのクローンを作成します。
- フォームを使用する前に、mail.php ファイルでメール設定を行う必要があることに注意してください。
メールフォーム送信の設定方法
前提条件
始める前に、次の前提条件を満たしていることを確認してください。
- コンピュータにインストールされている Composer
- 電子メールの送信をサポートするローカル サーバー (Open Server など)
- SMTP プロバイダーにアクセスして、電子メールの送信がブロックされているかどうかを確認します
- OS にアクセスして SMTP 送信がブロックされているかどうかを確認します (Windows のみ)
インストール
電子メール フォームの送信を設定するには、次の手順に従います。
- このリポジトリのクローンをローカル マシンに作成します。
- Composer をまだインストールしていない場合はインストールします。
- SMTP プロバイダーが電子メールの送信をブロックしていないか確認してください。
- Windows を使用している場合は、OS が SMTP 送信をブロックしていないかどうかも確認してください。
- Open Server または電子メールの送信をサポートするその他のローカル サーバーをインストールします。
- 次の方法で
mail.phpファイルを構成します。- 「try {」ブロックを見つけて、コメント「// config.php」を探します。
- 値を編集します。
$mail->Usernameに電子メール アドレス (例: " [email protected] ") を設定し、それを$mail->setFrom(EMAIL_FROM)に複製します。 -
$mail->addAddress(EMAIL_TO)行で、 EMAIL_TO引数を、フォームの送信を受信する電子メール アドレスに置き換えます (テスト目的には自分の電子メールを使用できます)。 - 最後に、
SMTP_PASSWORD次の手順で生成したパスワードに置き換えます。
- Google アカウントでアプリのパスワードを生成します。
- 「アカウント」（Gmail アカウントではなく、Google アカウント）に移動します。
- 検索バーに「アプリ パスワード」と入力します。
- 自分の方向に合わせて任意の名前を選択してください。
- パスワードが提供されるので、
SMTP_PASSWORDの代わりに「パスワード」という括弧内にコピーして貼り付ける必要があります。 - パスワードは再度表示できないため、使用するまでこのブラウザ タブを閉じないでください。
メールフォーム送信時のプライバシーとセキュリティ対策
電子メール フォームの送信を設定する場合、プライバシーは重要な側面です。機密情報のプライバシーを確保するために、次の予防措置を講じることを強くお勧めします。
- 電子メール送信パスワードを共有しない:電子メールや、チャットやメッセージなどのその他の通信方法を通じて、電子メール送信パスワードを共有しないでください。パスワードは、自分だけがアクセスできる安全な場所に保管してください。
- 構成ファイルをパブリック リソースに公開しない:構成ファイル (例: mail.php) を GitHub やその他のホスティング サービスなどのパブリック リソースに公開しないでください。代わりに、構成データを保存するための変数を作成できる config.php ファイルを使用してください。 GitHub にアップロードするときに、
config.phpファイルを.gitignoreに追加してリポジトリから除外することもお勧めします。
これらの予防措置に従うことは、プライバシーを保護し、潜在的な脅威からプロジェクトを保護するのに役立ちます。電子メール フォームの送信を設定するときは、次の推奨事項に従ってください。
オートロード ファイルの生成とインクルード
プロジェクトのセットアップを完了するには、ターミナルでコマンドcomposer dumpautoload実行する必要があります。これにより、新しいファイルvendor/autoload.phpが生成されます。このファイルにはすべてのクラスとその場所のリストが含まれており、使用時にクラスを自動的にロードするためにコード ( mail.php ) にすでに組み込まれています。
このコマンドを実行すると、 composer.jsonファイルにリストされているすべての必要なクラスをプロジェクトに追加できます。
それでおしまい！これで、電子メールによるフォーム送信の受信を開始する準備が整いました。
フロントエンド メンター - サインアップ フォーム ソリューションを備えたイントロ コンポーネント
これは、フロントエンド メンターのサインアップ フォーム チャレンジを伴うイントロ コンポーネントに対する解決策です。フロントエンド メンター チャレンジは、現実的なプロジェクトを構築することでコーディング スキルを向上させるのに役立ちます。
