OpenPNE 3

A.デフォルトのデザインを使用した場合、ログイン画面でPC版からスマートフォン版にしようとしてもスマートフォン版にならない。

A.は、スマートフォンでアクセスした場合、初手でPC画面は表示されないので、「スマートフォンでアクセスした場合のログイン画面での動作」を確認しました。

確認環境A
・Debian 10.12
・PHP 7.4.28 (cli) (built: Feb 17 2022 16:16:01) ( NTS )
・MariaDB 10.3.34-MariaDB-0+deb10u1 Debian 10
・OpenPNE-3.11.x (master ブランチ)
※ #3485 は適用済み
・opSkinThemePlugin 1.0.16

確認環境B
・Debian 10.11
・PHP 5.6.40-57+0~20211119.60+debian10~1.gbp8a9bd1 (cli)
・MariaDB 10.3.31-MariaDB-0+deb10u1 Debian 10
・OpenPNE-3.8.x (stable-3.8.x ブランチ)
※ #3485 は適用済み
・opSkinThemePlugin 1.0.16

(1)
・スマートフォン
・未ログイン
・URL: https://example.com/

「PC表示に切り替え」⇔「スマートフォン表示に切り替え」双方ともに正常に切替可能

(2)
・スマートフォン
・ログイン後、即ログアウト
・URL: https://example.com/member/login

「PC表示に切り替え」を行うと正常にPC表示に切り替わり、URL: https://example.com/ に遷移する。

(3)
・スマートフォン
・ログイン後「PC表示に切り替え」を行った後ログアウト
・URL: https://example.com/member/login

「スマートフォン表示に切り替え」を行っても反応しない = スマートフォン表示にならない

※ 確認環境A, B どちらでも上記の結果
※ opSkinBasicPlugin / opSkinThemePlugin どちらでも上記の結果

問題の再現確認¶

B.メンバー検索などのページでPC版に変更しようとすると、なぜかスマートフォン版TOPへ遷移する。その後メンバー検索などのページに戻るとPC版になっているが、他のページはスマートフォン版のまま。

確認環境A
・Debian 10.12
・PHP 7.4.28 (cli) (built: Feb 17 2022 16:16:01) ( NTS )
・MariaDB 10.3.34-MariaDB-0+deb10u1 Debian 10
・OpenPNE-3.11.x (master ブランチ)
※ #3485 は適用済み
・opSkinThemePlugin 1.0.16

確認環境B
・Debian 10.11
・PHP 5.6.40-57+0~20211119.60+debian10~1.gbp8a9bd1 (cli)
・MariaDB 10.3.31-MariaDB-0+deb10u1 Debian 10
・OpenPNE-3.8.x (stable-3.8.x ブランチ)
※ #3485 は適用済み
・opSkinThemePlugin 1.0.16

・スマートフォン
・ログイン後「メンバー検索」に遷移

「PC表示に切り替え」を行うとホーム画面に遷移してしまう
その他メニューを押下してもPC表示のまま

その後メンバー検索などのページに戻るとPC版になっているが、他のページはスマートフォン版のまま。

は再現できず

※ 確認環境A, B どちらでも上記の結果
※ opSkinBasicPlugin / opSkinThemePlugin どちらでも上記の結果

問題点¶

#3964-3 #3964-4 より問題点まとめ

1. スマートフォンにてログイン後「PC表示に切り替え」を行った後ログアウトした際のログイン画面にて「スマートフォン表示に切り替え」を行ってもスマートフォン表示にならない

2. スマートフォンにてログイン後「メンバー検索」に遷移し「PC表示に切り替え」を行うと、ホーム画面に遷移してしまう

このチケットでは 1 と 2 を修正します。

問題の原因¶

1. スマートフォンにてログイン後「PC表示に切り替え」を行った後ログアウトした際のログイン画面にて「スマートフォン表示に切り替え」を行ってもスマートフォン表示にならない

https://github.com/openpne/OpenPNE3/blob/master/web/js/util.js.src#L214-L218
にて、cookie を削除するために name のみ指定して cookie を設定しているが、
設定されている cookie は、path に openpne.baseUrl が設定されているため削除できていない。

  switchSmt: function() {
    // delete cookie.
    opCookie.set(this.key);
    location.reload();
  },

2. スマートフォンにてログイン後「メンバー検索」に遷移し「PC表示に切り替え」を行うと、ホーム画面に遷移してしまう

https://github.com/openpne/OpenPNE3/blob/master/web/js/util.js.src#L209-L212
にて smtSwitch.elem に設定されている href に遷移するように設定されているが、

  switchPc: function() {
    smtSwitch.updateExpires(true);
    location.href = smtSwitch.elem.getAttribute('href');
  },

smtSwitch.elem とは id=smt-switch のエレメントであり、
https://github.com/openpne/OpenPNE3/blob/master/apps/pc_frontend/modules/default/templates/_smtMenu.php#L12
にて、常に @homepage が設定されている。

  <li><a href="<?php echo url_for('@homepage') ?>" id="smt-switch"><?php echo __('View this page on regular style') ?></a></li>