Cách đăng nhập vào console bằng PHP

PHP là một trong những ngôn ngữ kịch bản phía máy chủ phổ biến nhất để xây dựng các ứng dụng web vì nó dễ sử dụng. Nhưng bất kể bạn xây dựng gì, lỗi ghi nhật ký là chìa khóa để đảm bảo một chu kỳ phản hồi ngắn-kiểm tra-học mã.

PHP được thiết kế độc đáo để tốt cho việc xây dựng các ứng dụng web. Tuy nhiên, PHP được phát triển trước các trình duyệt hiện đại, vì vậy nó thiếu một cách dễ dàng để ghi lỗi vào bảng điều khiển của trình duyệt. Sử dụng JavaScript, đăng nhập vào bảng điều khiển đơn giản như sau:

console.log("Message here");

Bảng điều khiển trình duyệt là gì?

Trước hết, chúng ta cần hiểu bảng điều khiển trình duyệt là gì.

Bảng điều khiển trình duyệt là một cách để trình duyệt ghi lại thông tin được liên kết với một trang web cụ thể. Thông tin được ghi lại bao gồm các yêu cầu mạng, JavaScript, CSS, các lỗi và cảnh báo bảo mật, cũng như các lỗi, cảnh báo và thông báo cung cấp thông tin được ghi lại rõ ràng bằng mã JavaScript chạy trong ngữ cảnh trang.

Để trình diễn, chúng tôi sẽ sử dụng phiên bản Google Chrome dành cho máy tính để bàn, nhưng bạn cũng có thể thực hiện các bước tương tự trong phiên bản máy tính để bàn của Firefox, Safari và Internet Explorer. 

Để bắt đầu, hãy mở Google Chrome và truy cập bất kỳ trang web nào, nhấp chuột phải và chọn Kiểm tra để hiển thị Công cụ dành cho nhà phát triển của Chrome.

Bảng điều khiển trình duyệt sẽ là một trong các tab trong Công cụ dành cho nhà phát triển. Và bạn có thể kiểm tra nó bằng cách viết cùng một lệnh JavaScript  console.log  .

Tại sao đăng nhập vào bảng điều khiển là một điều tốt

Có hai lý do chính mà bạn muốn đăng nhập vào bảng điều khiển của trình duyệt.

Đầu tiên là sự đơn giản. Là một nhà phát triển PHP, bạn muốn làm việc với nhiều nhất hai ứng dụng, trình soạn thảo mã yêu thích của bạn hoặc IDE và trình duyệt của bạn. Vì bạn thường sẽ chuyển đổi giữa hai cách này khi bạn viết mã trong trình chỉnh sửa và kiểm tra nó trên trình duyệt, nơi tự nhiên nhất để hiển thị các câu lệnh nhật ký là bên trong trình duyệt.

Lý do thứ hai là giữ cho việc ghi nhật ký ít bị xâm nhập nhất có thể. Bây giờ, bạn có thể đăng nhập bằng các hàm gốc của PHP như var_dump. Tuy nhiên, khi bạn sử dụng var_dump, bạn cần quyết định nơi bạn muốn ghi đầu ra.

Bạn có thể ghi đầu ra vào trang web của trình duyệt, nhưng điều này có thể sẽ làm sai lệch màn hình. Một đích khác có thể có cho đầu ra có thể là một tệp trong máy chủ của bạn. Đối với tùy chọn này, chúng tôi đề xuất một thư viện ghi nhật ký mã nguồn mở như Monolog thay vì var_dump. Nếu bạn muốn xuất các biến chế độ xem mà không làm biến dạng trang web, thì việc đăng nhập vào bảng điều khiển của trình duyệt sẽ tốt hơn

Một điều cần lưu ý nữa là các nhà phát triển PHP đang ngày càng tập trung vào các framework như Laravel và Symfony. Các khuôn khổ này thường sử dụng các thư viện ghi nhật ký PHP phổ biến như Monolog. Thư viện ghi nhật ký PHP hoạt động tốt nhất khi xuất bản phân tích chi tiết về dấu vết ngăn xếp lỗi cho các lỗi phía máy chủ, chẳng hạn như kết nối cơ sở dữ liệu vào tệp.

Chúng tôi có một hướng dẫn về ghi nhật ký độc thoại cho những trường hợp như vậy, nơi bạn có thể học cách gửi nhật ký đến Retrace. Đôi khi bạn chỉ muốn một thứ gì đó nhẹ hiển thị bên trong trình duyệt để gỡ lỗi giao diện người dùng. Đối với những tình huống như vậy, đăng nhập vào bảng điều khiển sẽ là lý tưởng. Hơn nữa, bạn có thể kết hợp kỹ thuật này với các phương pháp ghi nhật ký PHP tiêu chuẩn để thiết lập phát triển hoàn thiện hơn.

Cách đăng nhập trực tiếp vào bảng điều khiển bằng mã PHP

Có hai cách chính để bạn có thể đăng nhập trực tiếp vào bảng điều khiển bằng cách sử dụng (hầu hết) mã PHP hàm json_encode và các thư viện PHP .

 Sử dụng hàm json_encode

Giả sử bạn muốn ghi bảng điều khiển một biến PHP $ view_variable trong lớp xem của bạn. Nhớ lại rằng console.log là một hàm JavaScript. Nguyên tắc chính là chúng ta có thể sử dụng JSON để chuyển biến PHP sang hàm JavaScript. Bạn tạo một hàm PHP như sau:

<? php

function console_log ( $ output , $ with_script_tags = true ) {    $ js_code = 'console.log (' . json_encode ( $ output , JSON_HEX_TAG ) . ');' ; if ( $ with_script_tags ) {        $ js_code = '<script>' . $ js_code . '</script>' ; }    echo $ js_code ; }

Bạn có thể gọi hàm này tại vị trí chính xác mà bạn muốn chạy console_log mà chúng ta vừa tạo ở trên . Một ví dụ về cách sử dụng của nó sẽ như thế này:

<?php $view_variable = 'a string here'; ?>

<!-- some HTML content here -->

<div>

<!-- even more HTML content here -->

</div>

<?= console_log($view_variable); ?>

And the generated HTML markup would be this:

<!-- some HTML content here -->

<div>

<!-- even more HTML content here -->

</div>

<script>console_log('a string');</script>