2024年3月18日

松本

【PHP】ソーシャルログインに対応したお話（LINEログイン編） ②

facebook
twitter

前回はLINE Developersでチャネル登録までを行いました。

今回は実際にPHPでログインを実装していきます。

1 初期設定を定数にする
2 LINE ログインのURLを作成する
3 コールバック時の処理
4 最後に

初期設定を定数にする

最初にdefineでチャネル登録した情報やAPIのURLを定義します。

<?php
    define("LINE_CLIENT_ID", "{LINE Developresに表示されているチャネルID}");
    define("LINE_CLIENT_SECRET", "{LINE Developresに表示されているチャネルシークレット}");
    define("LINE_REDIRECT_URI", "{LINEログイン設定に設定したコールバックURL}");
    define("LINE_ACCESS_URI", "https://access.line.me/oauth2/v2.1");
    define("LINE_API_URI", "https://api.line.me/oauth2/v2.1");
    define("LINE_SCOPE", "profile openid");

<?php

define("LINE_CLIENT_ID", "{LINE Developresに表示されているチャネルID}");

define("LINE_CLIENT_SECRET", "{LINE Developresに表示されているチャネルシークレット}");

define("LINE_REDIRECT_URI", "{LINEログイン設定に設定したコールバックURL}");

define("LINE_ACCESS_URI", "https://access.line.me/oauth2/v2.1");

define("LINE_API_URI", "https://api.line.me/oauth2/v2.1");

define("LINE_SCOPE", "profile openid");

メールアドレスを取得したい場合はLINE_SCOPEに「email」を追記してください。

LINE ログインのURLを作成する

LINEログインに利用するログインURLを作成します。

    $base_url = LINE_ACCESS_URI."/authorize";
    $client_id = LINE_CLIENT_ID;
    $redirect_uri = LINE_REDIRECT_URI;
    $_SESSION['_line_state'] = sha1(time());
    $_SESSION['line_cmd'] = "sign up";

    $query = "";
    $query .= "response_type=" . urlencode("code") . "&";
    $query .= "client_id=" . urlencode($client_id) . "&";
    $query .= "redirect_uri=" . urlencode($redirect_uri) . "&";
    $query .= "state=" . urlencode($_SESSION['_line_state']) . "&";
    $query .= "scope=" . urlencode(LINE_SCOPE) . "&";

    $url = $base_url . '?' . $query;

$base_url = LINE_ACCESS_URI."/authorize";

$client_id = LINE_CLIENT_ID;

$redirect_uri = LINE_REDIRECT_URI;

$_SESSION['_line_state'] = sha1(time());

$_SESSION['line_cmd'] = "sign up";

$query = "";

$query .= "response_type=" . urlencode("code") . "&";

$query .= "client_id=" . urlencode($client_id) . "&";

$query .= "redirect_uri=" . urlencode($redirect_uri) . "&";

$query .= "state=" . urlencode($_SESSION['_line_state']) . "&";

$query .= "scope=" . urlencode(LINE_SCOPE) . "&";

$url = $base_url . '?' . $query;

これでURLができたのでこのURLに遷移するようにします。
$_SESSION[‘_line_state’]は符号のようなもので、実際にこのサイトから遷移したかどうか判断します。

コールバック時の処理

LINEログインに成功すると設定したコールバックURLにGETパラメータとともに遷移されるので、GETパラメータを解析します。

<?php

    $code = $_GET['code'] ?? "";
    $state = $_GET['state'] ?? "";

    // パラメータがあるかどうか
    if($code == "" || $state == ""){
        header('Location: ./');
        exit;    
    }

    $session_state = $_SESSION['_line_state'];
    unset($_SESSION['_line_state']);
    // stateの確認
    if ($session_state !== $state) {
        header('Location: ./');
        exit;    
    }

    // POSTパラメータの作成
    $query = http_build_query([
        "grant_type" => "authorization_code",
        "code" => $code,
        "redirect_uri" => $redirect_uri,
        "client_id" => $client_id,
        "client_secret" => $client_secret
    ]);        
    
    // HTTPリクエストを初期化
    $ch = curl_init();

    // curlオプションを設定
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $query);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, [
        "Content-Type: application/x-www-form-urlencoded",
        "Content-Length: " . strlen($query)
    ]);

    // HTTPリクエストを実行してレスポンスを取得
    $res_json = curl_exec($ch);

    // エラーがあれば表示
    if (curl_errno($ch)) {
        echo 'Curl error: ' . curl_error($ch);
        exit;
    }

    // 取得したjsonデータをオブジェクト化
    $res = json_decode($res_json);
    $access_token = $res->access_token;
    $refresh_token = $res->refresh_token;
    $id_token = $res->id_token;


    // エラーを取得
    if (isset($res->error)) {
        echo 'ログインエラーが発生しました。<br />';
        echo "error: " . $res->error . '<br />';
        echo $res->error_description;
        exit;
    }

    //id_token(JWT)を分解
    $val = explode(".", $id_token);

    //2番目がデータ部分(PAYLOAD)なのでbase64でデコード
    $data_json = base64_decode($val[1]);
    //bsae64でデコードしたjsonをオブジェクト化
    $data = json_decode($data_json);

    echo "userId:".$data->sub."<br />";
    echo "name:".$data->name."<br />";
    echo "picture:".$data->picture."<br />";

<?php

$code = $_GET['code'] ?? "";

$state = $_GET['state'] ?? "";

// パラメータがあるかどうか

if($code == "" || $state == ""){

header('Location: ./');

exit;

}

$session_state = $_SESSION['_line_state'];

unset($_SESSION['_line_state']);

// stateの確認

if ($session_state !== $state) {

header('Location: ./');

exit;

}

// POSTパラメータの作成

$query = http_build_query([

"grant_type" => "authorization_code",

"code" => $code,

"redirect_uri" => $redirect_uri,

"client_id" => $client_id,

"client_secret" => $client_secret

]);

// HTTPリクエストを初期化

$ch = curl_init();

// curlオプションを設定

curl_setopt($ch, CURLOPT_URL, $url);

curl_setopt($ch, CURLOPT_POST, true);

curl_setopt($ch, CURLOPT_POSTFIELDS, $query);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

curl_setopt($ch, CURLOPT_HTTPHEADER, [

"Content-Type: application/x-www-form-urlencoded",

"Content-Length: " . strlen($query)

]);

// HTTPリクエストを実行してレスポンスを取得

$res_json = curl_exec($ch);

// エラーがあれば表示

if (curl_errno($ch)) {

echo 'Curl error: ' . curl_error($ch);

exit;

}

// 取得したjsonデータをオブジェクト化

$res = json_decode($res_json);

$access_token = $res->access_token;

$refresh_token = $res->refresh_token;

$id_token = $res->id_token;

// エラーを取得

if (isset($res->error)) {

echo 'ログインエラーが発生しました。 ';

echo "error: " . $res->error . ' ';

echo $res->error_description;

exit;

}

//id_token(JWT)を分解

$val = explode(".", $id_token);

//2番目がデータ部分(PAYLOAD)なのでbase64でデコード

$data_json = base64_decode($val[1]);

//bsae64でデコードしたjsonをオブジェクト化

$data = json_decode($data_json);

echo "userId:".$data->sub." ";

echo "name:".$data->name." ";

echo "picture:".$data->picture." ";

$data->sub が一意のIDになるので、これを取得して保存しましょう。
メールアドレスは「メールアドレス取得権限」の申請が通れば取得できます。

最後に

公開時は「Line Developers」のステータスを「公開済み」に変更してから公開しましょう。

執筆者：松本[ エンジニア ]

マークアップ

WEBサイトのアクセシビリティ対応をしてみよう！【ダイアログ（モーダルウィンドウ）編】

以前公開した WEBサイトのアクセシビリティ対応では、全体的な考え方について触れました。今回はその中でも利用頻度の高いダイアログ（モーダルウィンドウ）に焦点を当てて解説します。ダイアログは、入力フォームの送信確認や画像の拡大表示など、Webサイトでよく利用される便利な仕組みです。しかし、アクセシビリティ対応が不十分なまま実装されるケースも少なくありません。特にキーボードだけで操作するユーザーや、スクリーンリーダーを利用するユーザーにとっては、誤ったダイアログの実装が操 […]

2025年7月28日

WordPress

アンケートフォームをホームページに設置できるWordPressプラグインの活用事例4選

WordPressでアンケートフォームを作成したい！けれどきちんと日本語対応しているプラグインが見つからない…と思ったことはありませんか？弊社でリリースをしたフォーム作成作成プラグイン「Easy Form Maker」であれば、完全日本語対応で、通常のお問い合わせフォームだけでなく、アンケートフォームの作成を行うことができます。今回は、実際にどんなアンケートフォームが作成できるかご紹介します。目次1 Easy Form Makerって？2 イベントなどのフィードバックア […]

2025年5月30日

WordPress

カレンダーをホームページに表示できるWordPressプラグインの活用事例4選

イベントのお知らせをカレンダー形式で掲載したいけれど、なかなかWordPressの日本語プラグインでピッタリなものが見つからない…と思ったことはありませんか？弊社でリリースをしたWordPressのイベントカレンダープラグイン「Event Calendar Maker」であれば、完全日本語対応で、ホームページ上に簡単にイベントカレンダーを掲載することができます。今回は、実際にどんなシーンでこのカレンダーが活用できるのかをご紹介します！目次1 Event Calendar […]

2025年5月29日

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。

Web制作、Webサービスに関する技術やノウハウを発信するコラムサイト

【PHP】ソーシャルログインに対応したお話（LINEログイン編） ②

初期設定を定数にする

LINE ログインのURLを作成する

コールバック時の処理

最後に

関連記事

WEBサイトのアクセシビリティ対応をしてみよう！【ダイアログ（モーダルウィンドウ）編】

アンケートフォームをホームページに設置できるWordPressプラグインの活用事例4選

カレンダーをホームページに表示できるWordPressプラグインの活用事例4選