質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Q&A

1回答

2456閲覧

CakePHP4でSecurimageを表示する方法

yakko_k_lenny

総合スコア4

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

0グッド

0クリップ

投稿2020/03/22 03:26

編集2022/01/12 10:55

前提・実現したいこと

CakePHPを使ったWebシステムを作っています。他言語の経験はありますが、PHPは初心者です。
既に存在するWebシステムを、CakePHP4を使って書き直しています。
そこで、Securimageが使用されているのですが、どうしても表示できず行き詰っています。
よろしければ、お知恵をお貸しください。

発生している問題

2種類方法を試しましたが、いずれも画像が取得できていません。
srcから画像を取得する機能自体が動作していないように感じます。

方法① Componentを使う

HTML

1<img id="captcha" src="<?= Router::url(['controller' => 'Users', 'action' => 'rendercaptcha']) ?>">

方法② webrootの直下にsecurimageをおく

HTML

1<img id="captcha" src="/securimage/securimage_show.php">

該当のソースコード

方法①では、いくつかのサイトの情報を総合して下記のようにつくりました。
この方法でできれば一番よいのかなと思っています。

composer require dapphp/securimage "^3.0"

PHP

1<?php 2 3namespace App\Controller\Component; 4 5use Cake\Controller\Component; 6use Securimage; 7use Securimage_Color; 8 9class SecurimageComponent extends Component 10{ 11 public $sessionId; 12 13 function render() { 14 $securimage = new Securimage(); 15 $securimage->image_width = 150; 16 $securimage->image_height = 65; 17 $securimage->ttf_file = ROOT . DS . 'vendor' . DS . 'dapphp' . DS . 'securimage' . DS . 'shirayuki-mini.otf'; 18 $securimage->charset = 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん'; 19 $securimage->image_bg_color = new Securimage_Color('#e0ffff'); // 背景色 20 $securimage->text_color = new Securimage_Color('#0000cd'); // テキスト色 21 $securimage->line_color = new Securimage_Color('#add8e6'); // ライン(ノイズ)色 22 $securimage->code_length = 2; // 文字の長さ 23 $securimage->perturbation = 0; // 文字のゆがみ(0から1) 24 $securimage->num_lines = 0; // ライン本数(0から10) 25 $securimage->session_name = $this->sessionId; // セッション名 26 $securimage->show(); 27 } 28}

PHP

1<?php 2 3namespace App\Controller; 4class UsersController extends FrontAppController 5{ 6 public function initialize(): void 7 { 8 parent::initialize(); 9 $this->loadComponent('Securimage'); 10 $this->viewBuilder()->setLayout('User'); 11 } 12 public function rendercaptcha() { 13 $this->Securimage->sessionId = $this->request->getSession()->id(); 14 $this->Securimage->render(); 15 } 16 17  ...(省略)... 18}

試したこと

Controllerのメソッドにブレークポイントをおいてデバッグしてみましたが
処理自体がおこなわれていないようで、とまりませんでした。
そこで、思い切ってwebrootの直下にsecurimageをおいて方法②を試しましたが、
これも表示されませんでした。

追記:
方法②でひらがなを使用するのをやめてデフォルトのフォントにすると表示されました。
方法①ではひらがな使用をやめてAHGBold.ttfを指定しましたが表示されませんでした。
このまま進捗がなければ、当面方法②で英数字で行こうと思います。

さらに追記:
方法②で、ソースコードをサーバにあげてみたところ、ひらがなで正常動作しました。
ローカルの環境に問題があるようです。
方法①は、サーバでも動作しませんでした。
解決はしていませんが、環境の問題では回答の情報が足りないと思いますので、
もうしばらく回答をお待ちして、この質問は閉じようとおもいます。

補足情報(FW/ツールのバージョンなど)

XAMPP 7.3.14

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

①の方法

htmlを返してるのでバイナリファイルを表示する方法を確認しましょう。

②の方法
ひらがな→ASCIIでたのであれば、マルチバイト文字がサポートされてません

投稿2020/03/22 12:24

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yakko_k_lenny

2020/03/22 13:54

ご回答いただき本当にありがとうございます。勉強になります。 ①について、「$this->autoRender = false」「$this->response->withBody($this->Securimage->render())」と書いてみましたが結果は同じでした。 ②について、php.iniでmbstring.language = Japaneseがコメントアウトされていましたので コメントを外して再度日本語を試みましたが、表示されませんでした。 不勉強で申し訳ありませんが、いずれか理解間違っていませんでしょうか。
退会済みユーザー

退会済みユーザー

2020/03/22 14:06 編集

日本語がサポートされてないは「Securimage」がですね。 また $this->Securimage->render() 上記は値を戻しませんよね。 response に type (mime-type) を指定しましょう。 ファイル名はどうでもいいや。
yakko_k_lenny

2020/03/22 14:16

②の修正情報が不正確でしたので追記します。 「extension=mbstring」は有効になっていました。 「mbstring.language = Japanese」以外に、「mbstring.encoding_translation = Off」「mbstring.detect_order = auto」のコメントを外しました。
yakko_k_lenny

2020/03/22 14:19

すみません、前後しました。補足ありがとうございます。 render()はつまり、Securimageのshow()ですね。もう少し勉強します。 日本語については、元のシステムがSecurimageを使っていて同じフォントでひらがなを実現しているので、対応していないというわけでもなさそうです。。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問