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ではできないこと 4選

「これってSharePointでできないの!?」なんていう瞬間、開発やカスタマイズの現場では意外と多くあります。SharePointはとても柔軟なプラットフォームですが、実は“万能ツール”ではありません。「コードを書けば何とかなる」と思って構築を進めると、モダンページの仕様や制限に阻まれて苦い思いをすることもしばしば。今回は、実際のプロジェクトや運用の中で見えてきた「SharePointではできないこと」をまとめて紹介します。目次1 1.CSSとJSが直接使えない1.1 ク […]

2025年10月10日

Webサイト制作

WordPress納品後にクライアントが安心して運用できる仕組みづくりをしよう

ホームページ制作において、更新機能を手軽に導入できるのがWordPressです。専門知識がなくても記事の投稿やページ編集を行いやすい一方で、クライアントが自分で運用するには、が欠かせません。今回は、そのための仕組みづくりについてご紹介します。制作側の方はもちろん、クライアント側でホームページ運用を担当される方も、制作時のご相談などにぜひ参考にしてみてください。目次1 管理画面のロゴを企業ロゴに変更する2 管理画面のURLを変更する・認証などを付けてセキュリティ面を強化 […]

2025年10月3日

Webデザイン

アプリのロゴアニメーションをAfter Effectsで作成→Lottieに変換【iOS/Android対応】

こちらは、当社でリリースしたアプリ「ピンピタ」で使用しているロゴアニメーションです。スプラッシュ画面でロゴが動くと、ぐっとアプリらしい印象になりますし、作ってみたいですよね。今回は、After Effects（以降AE）でロゴアニメーションを作成し、アプリに組み込むまでをご紹介します。 AEと聞くと難しい印象がありますが、PremiereやFlashなどを触った経験がある方なら、すぐに慣れます。もう一度再生目次1 作業フロー1.1 注意点：グラデーションが使用不可2 […]

2025年9月19日

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

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

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

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

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

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

初期設定を定数にする

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

コールバック時の処理

最後に

関連記事

SharePointではできないこと 4選

WordPress納品後にクライアントが安心して運用できる仕組みづくりをしよう

アプリのロゴアニメーションをAfter Effectsで作成→Lottieに変換【iOS/Android対応】