HTML PHP

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

更新日 :

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

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

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

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

今回のテーマ

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

【迷ったらココ!】PHPが学べるプログラミングスクール3選

テックアカデミー
テックアカデミー
侍エンジニア
侍エンジニア(SAMURAI ENGINEER)
tech boost
tech boost
講師は全員現役エンジニア
週2回のマンツーマンメンタリング
無料の転職サポートあり
課題レビュー&チャット質問し放題
累計指導45,000人&転職成功率98%
オーダーメイドカリキュラム対応
無料の転職サポートあり
専属マンツーマンレッスン方式
講師は全員現役エンジニア
キャリア支援サービスを無料提供
独自のポートフォリオ制作支援
給付金で受講料金が最大70%OFF

当サイトではプログラミング学習やエンジニア転職に関する情報を発信しています。他の記事も合わせてご覧ください。

PHPの本・参考書おすすめ12選をご紹介【レベル別・フレームワーク別で解説】
PHPの本・参考書おすすめ12選をご紹介【レベル別・フレームワーク別で解説】

PHPを独学で勉強したい!なにか良い本は無いかな? PHPのWebアプリケーション開発で挫折した...自分のレベルに合った参考書を知りたい! 今回はこんな悩みを解決していきます。 PHPなどのプログラ ...

更新日:2024年1月31日

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を学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...

更新日:2024年1月29日

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

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

更新日:2024年1月29日

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

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

更新日:2024年1月29日

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

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

更新日:2024年1月29日

プログラミングスクールの口コミ投稿フォーム
  • この記事を書いた人(著者情報)
wagtechblog

wagtechblog

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

-HTML, PHP

Copyright © wagtechblog All Rights Reserved.