{"id":161,"date":"2024-03-25T09:32:19","date_gmt":"2024-03-25T09:32:19","guid":{"rendered":"http:\/\/localhost\/w643\/?p=161"},"modified":"2024-03-25T09:32:46","modified_gmt":"2024-03-25T09:32:46","slug":"bai-8-routing-phan-1-basic-routing","status":"publish","type":"post","link":"https:\/\/blog.hnk90.com\/?p=161","title":{"rendered":"B\u00e0i 8. Routing – Ph\u1ea7n 1 – Basic Routing"},"content":{"rendered":"\n

Kh\u00e1i ni\u1ec7m “Routing” ch\u1ec9 vi\u1ec7c qu\u1ea3n l\u00fd c\u00e1c routes trong h\u1ec7 th\u1ed1ng. Ch\u1ee7 \u0111\u1ec1 n\u00e0y kh\u00f4ng kh\u00f3 nh\u01b0ng h\u01a1i d\u00e0i do m\u1ee9c \u0111\u1ed9 da d\u1ea1ng c\u1ee7a routes. V\u1eady m\u00ecnh s\u1ebd chia nh\u1ecf ra l\u00e0m nhi\u1ec1u b\u00e0i, tr\u00e1nh b\u1ed9i th\u1ef1c ki\u1ebfn th\u1ee9c nh\u00e9 c\u00e1c b\u1ea1n \ud83d\ude09<\/p>\n\n\n\n

Basic Routing<\/strong><\/p>\n\n\n\n

To\u00e0n b\u1ed9 c\u00e1c routes s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a trong th\u01b0 m\u1ee5c “<root_folder>\/routes”.<\/p>\n\n\n\n


V\u00ed d\u1ee5: routes\/web.php d\u00f9ng \u0111\u1ec3 manage c\u00e1c routes tr\u00ean web interface middleware group, routes\/api.php manage c\u00e1c routes li\u00ean quan api middleware group (Ki\u1ebfn th\u1ee9c v\u1ec1 middleware ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u sau nh\u00e9)<\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
use<\/span> <\/span>Illuminate<\/span>\\<\/span>Support<\/span>\\<\/span>Facades<\/span>\\<\/span>Route<\/span>;<\/span><\/span>\n <\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>get<\/span>(<\/span>'<\/span>\/greeting<\/span>'<\/span>,<\/span> <\/span>function<\/span> <\/span>()<\/span> <\/span>{<\/span><\/span>\n    <\/span>return<\/span> <\/span>'<\/span>Hello World<\/span>'<\/span>;<\/span><\/span>\n}<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
V\u1ec1 c\u01a1 b\u1ea3n th\u00ec m\u1ed9t routing g\u1ed3m 2 ph\u1ea7n: URI v\u00e0 callback function (c\u0169ng c\u00f3 th\u1ec3 l\u00e0 1 Array, m\u1ed9t action string, …)<\/p>\n\n\n\n
C\u00e1c router methods<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>get<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>post<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>put<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>patch<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>delete<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>options<\/span>(<\/span>$uri<\/span>,<\/span> <\/span>$callback<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Tuy nhi\u00ean m\u1ed9t route c\u0169ng c\u00f3 th\u1ec3 match v\u1edbi nhi\u1ec1u methods<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
\/\/ Routes match v\u1edbi 2 method l\u00e0 get, post<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>match<\/span>([<\/span>'<\/span>get<\/span>'<\/span>,<\/span> <\/span>'<\/span>post<\/span>'<\/span>]<\/span>,<\/span> <\/span>'<\/span>\/<\/span>'<\/span>,<\/span> <\/span>function<\/span> <\/span>()<\/span> <\/span>{<\/span><\/span>\n    <\/span>\/\/ ...<\/span><\/span>\n}<\/span>)<\/span>;<\/span><\/span>\n<\/span>\n\/\/ Routes match v\u1edbi b\u1ea5t k\u1ef3 method n\u00e0o<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>any<\/span>(<\/span>'<\/span>\/<\/span>'<\/span>,<\/span> <\/span>function<\/span> <\/span>()<\/span> <\/span>{<\/span><\/span>\n    <\/span>\/\/ ...<\/span><\/span>\n}<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Trong callback function c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 inject type-hint<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
use<\/span> <\/span>Illuminate<\/span>\\<\/span>Http<\/span>\\<\/span>Request<\/span>;<\/span><\/span>\n<\/span>\n\/\/ B\u1ea1n \u0111ang inject Request instance v\u00e0o callback function, instance n\u00e0y \u0111\u01b0\u1ee3c t\u1ef1 \u0111\u1ed9ng resolved b\u1edfi Laravel<\/span><\/span>\nRoute<\/span>:<\/span>:<\/span>get<\/span>(<\/span>'<\/span>\/users<\/span>'<\/span>,<\/span> <\/span>function<\/span> <\/span>(<\/span>Request<\/span> <\/span>$request<\/span>)<\/span> <\/span>{<\/span><\/span>\n    <\/span>\/\/ ...<\/span><\/span>\n}<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Ch\u00fa \u00fd: V\u1edbi c\u00e1c methods: post, put, patch, delete \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a trong web interface th\u00ec HTML form ph\u1ea3i khai b\u00e1o @csrf, n\u1ebfu kh\u00f4ng th\u00ec request n\u00e0y s\u1ebd \u0111\u01b0\u1ee3c coi l\u00e0 kh\u00f4ng h\u1ee3p l\u1ec7<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
<form<\/span> <\/span>method<\/span>=<\/span>"<\/span>POST<\/span>"<\/span> <\/span>action<\/span>=<\/span>"<\/span>\/profile<\/span>"<\/span>><\/span><\/span>\n    @csrf<\/span><\/span>\n    ...<\/span><\/span>\n<\/form><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Chuy\u1ec3n h\u01b0\u1edbng route<\/strong><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>redirect<\/span>(<\/span>'<\/span>\/here<\/span>'<\/span>,<\/span> <\/span>'<\/span>\/there<\/span>'<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
M\u1eb7c \u0111\u1ecbnh status code l\u00e0 302, n\u1ebfu mu\u1ed1n l\u00e0 301 th\u00ec c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 define<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>redirect<\/span>(<\/span>'<\/span>\/here<\/span>'<\/span>,<\/span> <\/span>'<\/span>\/there<\/span>'<\/span>,<\/span> <\/span>301<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Ho\u1eb7c d\u00f9ng h\u00e0m permanentRedirect \u0111\u1ec3 redirect v\u1edbi status code l\u00e0 301<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>permanentRedirect<\/span>(<\/span>'<\/span>\/here<\/span>'<\/span>,<\/span> <\/span>'<\/span>\/there<\/span>'<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
View Routes<\/strong><\/p>\n\n\n\n
\u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a m\u1ed9t routes c\u00f3 “view”, method routes l\u00e0 GET, b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m nh\u01b0 sau<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>get<\/span>(<\/span>'<\/span>\/<\/span>'<\/span>,<\/span> <\/span>function<\/span> <\/span>()<\/span> <\/span>{<\/span><\/span>\n    <\/span>return<\/span> <\/span>view<\/span>(<\/span>'<\/span>welcome<\/span>'<\/span>)<\/span>;<\/span><\/span>\n}<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Ho\u1eb7c \u0111\u01a1n gi\u1ea3n ch\u1ec9 c\u1ea7n l\u00e0m th\u1ebf n\u00e0y<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>view<\/span>(<\/span>'<\/span>\/<\/span>'<\/span>,<\/span> <\/span>'<\/span>welcome<\/span>'<\/span>)<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
N\u1ebfu b\u1ea1n mu\u1ed1n th\u00eam data v\u00e0o view th\u00ec l\u00e0m th\u1ebf n\u00e0y<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
Route<\/span>:<\/span>:<\/span>view<\/span>(<\/span>'<\/span>\/<\/span>'<\/span>,<\/span> <\/span>'<\/span>welcome<\/span>'<\/span>,<\/span> [<\/span>'<\/span>name<\/span>'<\/span> <\/span>=><\/span> <\/span>'<\/span>Taylor<\/span>'<\/span>])<\/span>;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Route List<\/strong><\/p>\n\n\n\n
\u0110\u1ec3 xem c\u00e1c routes c\u1ee7a h\u1ec7 th\u1ed1ng, c\u00e1c b\u1ea1n ch\u1ea1y command<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
php<\/span> <\/span>artisan<\/span> route<\/span>:<\/span>list<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
\u0110\u1ec3 xem list routes k\u00e8m theo th\u00f4ng tin v\u1ec1 middleware group<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
php<\/span> <\/span>artisan<\/span> route<\/span>:<\/span>list<\/span> <\/span>-<\/span>v<\/span><\/span>\n\/\/ ho\u1eb7c<\/span><\/span>\nphp<\/span> <\/span>artisan<\/span> route<\/span>:<\/span>list<\/span> <\/span>-<\/span>vv<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
Ho\u1eb7c xem list routes m\u00e0 URI b\u1eaft \u0111\u1ea7u v\u1edbi t\u1eeb “api” (c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 thay t\u1eeb api b\u1eb1ng t\u1eeb kh\u00e1c nh\u00e9)<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
php<\/span> <\/span>artisan<\/span> route<\/span>:<\/span>list<\/span> <\/span>--<\/span>path<\/span>=<\/span>api<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
B\u00e0i n\u00e0y k\u1ebft th\u00fac \u1edf \u0111\u00e2y nh\u00e9. B\u00e0i sau ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u v\u1ec1 “Route Parameters”<\/p>\n\n\n\n
Happy coding \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
Kh\u00e1i ni\u1ec7m “Routing” ch\u1ec9 vi\u1ec7c qu\u1ea3n l\u00fd c\u00e1c routes trong h\u1ec7 th\u1ed1ng. Ch\u1ee7 \u0111\u1ec1 n\u00e0y kh\u00f4ng kh\u00f3 nh\u01b0ng h\u01a1i d\u00e0i do m\u1ee9c \u0111\u1ed9 da d\u1ea1ng c\u1ee7a routes. V\u1eady m\u00ecnh s\u1ebd chia nh\u1ecf ra l\u00e0m nhi\u1ec1u b\u00e0i, tr\u00e1nh b\u1ed9i th\u1ef1c ki\u1ebfn th\u1ee9c nh\u00e9 c\u00e1c b\u1ea1n \ud83d\ude09 Basic Routing To\u00e0n b\u1ed9 c\u00e1c routes s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-161","post","type-post","status-publish","format-standard","hentry","category-laravel"],"_links":{"self":[{"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/posts\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=161"}],"version-history":[{"count":2,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/posts\/161\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=\/wp\/v2\/posts\/161\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hnk90.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}