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」のステータスを「公開済み」に変更してから公開しましょう。

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

プログラミング

SharePoint REST APIを使用してリストの情報を取得し、headerにナビを作る

SharePointで作成したリストの情報をREST APIを使用して取得してみましょう。今回は、APIで取得した情報を、headerにリンクとして差し込んでみます。サイト全体共通のナビでも、リストを使用すると、一か所で管理できるので便利です。目次1 前提条件2 1.REST APIで情報を取得2.1 REST APIのURL2.2 データを取得する処理3 2.取得した情報をheaderに表示前提条件 SharePoint Online モダンUI カスタムJSが使用で […]

2025年3月26日

WordPress

WordPressで権限やユーザーごとに管理画面のサイドメニュー表示を切り分ける

デフォルトだといろいろな項目が表示されているWordPressの管理画面のサイドメニュー。慣れていない人にはわかりづらいですよね。また、権限によってデフォルトで非表示にしてくれたりもしますが、この部分は見せたくないな…ということも多いと思います。今回はWordPressで権限やユーザーごとにサイドメニューの表示を変更する方法をご紹介します。目次1 権限の種類について2 function.phpに記述する2.1 サイドメニューの非表示用のコード2.2 権限ごとに振り分け […]

2025年3月26日

プログラミング

jQuery+PHPで大容量ファイルを分割アップロードするお話

ファイルのアップロードを行う際に注意しないといけないのが「アップロード容量」と「タイムアウト」です。どちらもサーバーの設定に関わるところでレンタルサーバーでは対処しきれないところもあり、大容量にするとそれだけアップロードに時間がかかりタイムアウトが発生しやすくなります。そこでフロント側で分割してファイルをアップし、バックエンド側で受け取った後に結合するようにするとよいでしょう注意すべき点として通常のPOSTでの送信ではないため、あらかじめそこら辺を考慮した処理が必要とな […]

2025年2月20日

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

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

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

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

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

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

初期設定を定数にする

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

コールバック時の処理

最後に

関連記事

SharePoint REST APIを使用してリストの情報を取得し、headerにナビを作る

WordPressで権限やユーザーごとに管理画面のサイドメニュー表示を切り分ける

jQuery+PHPで大容量ファイルを分割アップロードするお話