HTML PHP

PHPで会員登録&ログイン機能を作成してみた

最終更新日 :

PHPで会員登録&ログイン機能を作成してみた

PHPを使って会員登録機能とログイン機能を実装しました。

重複登録防止の機能も追加しております。

参考にしていただけたら幸いです。

今回のテーマ

  • PHPとMySQLを使って会員登録機能を実装
  • PHPとMySQLを使ってログイン機能を実装

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせて読んでいただけると嬉しいです。

PHPで会員登録機能を作成

まずは会員登録機能についてご説明します。

ビジュアルの作成

ビジュアル

完成画面はこんなかんじ



ここでは新規会員登録機能を作成しますので上画像の下半分のビジュアルを作成しています。

まずHTMLコードでテキスト入力欄とボタンを作っていきます。

ここではフロントエンドの操作だけですのでPHPを使うこともないのでそんなに時間を掛けなくても実装できると思います。

*完成形ではCSSライブラリを使用しています。

データの追加

続いてconfig.phpにデータベース接続に必要な情報を記載しておきます。

接続情報をこのファイルに書いておけば、それ以降はconfig.phpを参照するだけでデータベース接続をカンタンに済ませることが出来ます。

注意ポイント

データベース名とテーブル名を間違えないようにしましょう。

データベースの中にテーブルが複数存在するイメージです。

続いてデータベース接続情報を元にMySQLに接続し、入力してもらった情報を追加する処理を行います。

PHPとHTMLを組み合わせたコードですので長いですが少しずつ解いていけばそんなに難しくありません。

1~15行目ではデータベース(MySQL)に接続して、メールアドレスやパスワードといった追加するデータを設定します。
データベースに接続できなかった場合はエラーメッセージが表示されます。

16~20行目では、入力されたメールアドレスのバリデーション処理。

21~27行目ではパスワードの正規表現を行っており、半角英数字を1文字以上含んだ8文字以上のパスワードを設定してもらうための処理です。
条件に合わないパスワードを設定した場合アラート文が表示されるようになっています。

28~36行目ではデータベース内のメールアドレスを取得して、重複していない場合のみデータを登録します。
データベースの登録にはinsert into構文を使います。
このコードはPHPでは頻繁に使用する言語ですのでぜひ覚えておきましょう。
PHPの構文はこれで完了です。

HTMLコードではメールアドレスを新しく登録する場合と既に登録されている場合とで処理を分けています
(処理を分ける際はPHPのif文を使います)

37~52行目ではメールアドレスを新規登録する際に表示させる画面
56~72行目ではメールアドレスが重複している場合に表示させる画面
となっております。

PHPでログイン機能を作成

新規会員登録機能でデータベースにデータを追加できるようになったら、ログイン機能を実装していきます。

ビジュアル

完成画面はこんなかんじ

ビジュアルの作成

ここではログイン機能を作成しますので上画像の上半分のビジュアルを作成しています。

こちらに関してもHTMLでビジュアルを作成しているだけですので難易度は低めです。

ログイン機能

ログイン機能でもconfig.phpを使用していきます。

新規会員登録機能のときに作成したもので問題ありません。

こちらに関してもデータベースとの接続によってログインをしていきます。

1~10行目ではconfig.phpを使ってデータベース接続をしています。
もし接続に失敗した場合はアラート文が表示されます。

11~19行目ではPHPを使って入力されたメールアドレスがデータベース内に存在するか検索しています。
検索する際に使用しているselece from where構文はSQLで頻繁に使われる表現ですので覚えておきましょう。

20~38行目では入力したメールアドレス・パスワードが間違っているかに応じて処理を分けています。

31~33行目では唯一JavaScriptを使用しています。
history.go(-3)とは3つ前のページに戻る処理を意味しています。

つまりログインが完了した状態でログインする前のページに移動する処理になります。

必要のない方は削除しても大丈夫です。

まとめ:PHPで会員登録&ログイン機能を作成してみた

PHPではフォームを使って会員登録機能やログイン機能を実装できます。

みなさんもぜひ実装してみてください!

なお、MySQLなどのデータベースを用いたコードを実装するにはVPSサーバー構築専用ドメインを取得する必要があります。

私は普段VPSサーバーはさくらのVPSを、専用ドメインはお名前.com愛用しています。

よかったら下のリンクからご利用してみてください!

 

PHPの学習でつまづいた時、独学に限界を感じた時はこちらの記事もオススメです。

【厳選】PHPが学べるプログラミングスクール6選をご紹介
PHPが学べるプログラミングスクールおすすめ8選!無料のスクールも解説

PHPを学習して挫折したからプログラミングスクールに入塾したい!でもどのスクールが良いんだろう... PHPを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...

続きを見る

【2021年最新版】SQLが学べるプログラミングスクール8選をご紹介
【2022年最新版】SQLが学べるプログラミングスクールおすすめ8選

SQLを学習して挫折したからプログラミングスクールに入塾したい!でもどのスクールが良いんだろう... SQLを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...

続きを見る

【2022年最新版】HTML/CSSが学べるプログラミングスクールおすすめ10選

HTML/CSSを学習して挫折したからプログラミングスクールに入塾したい!でもどのスクールが良いんだろう... HTML/CSSを学びたいけどまず何から始めたら良いのか分からない...プログラミングス ...

続きを見る

無料体験があるプログラミングスクールおすすめ10選を解説

プログラミングスクールって思ったより高いからなかなか決められない... 無料体験に対応しているスクールを知りたい! せっかくプログラミングスクールに入るなら、無料体験に参加して自分に合うスクールを選択 ...

続きを見る

  • この記事を書いた人(著者情報)
wagtechblog

wagtechblog

本サイトの運営者・管理人。慶應義塾大学環境情報学部生兼フリーランスとしてiOSアプリ開発、Web開発、Webメディア運営、SEOマーケティング等を行う。IT人材系のベンチャー企業でiOSエンジニア、Web系メガベンチャー企業でWebアプリケーションエンジニア、士業のスタートアップ企業でフロントエンドエンジニア、Web系メガベンチャー企業でプロダクトマネージャー兼SEOディレクター、ゲーム系のスタートアップ企業で技術責任者(CTO)、学生向けプログラミングスクールで講師の勤務経験あり(インターンを含む)。好きなプログラミング言語はSwiftとPythonとPHPとRubyとJavaScript。侍エンジニア塾元受講生。趣味はApex Legendsとゲーミングデバイス集め。
保有資格:ITパスポート / 基本情報技術者試験 / TOEIC730点 / 日商簿記3級

-HTML, PHP

Copyright © wagtechblog All Rights Reserved.