Develop
2018.01.24 09:26
[php] Laravel Route에서 PC/Mobile 분기
조회 수 2486 댓글 0
# PC, Mobile, Tablet 기기를 인식하고 분기하는 방법
UserAgent에 따라 분기하는 방법은 여러 가지가 있겠지만 다음 예제는 URL Route 처리 시 UserAgent를 분석해 해당 디렉토리의 파일을 실행하도록 라우팅하는 방법이다.
# routes/web.php 파일 내용
use Jenssegers\Agent\Agent; Route::get('/{foo?}', function ($foo = 'welcome') { $agent = new Agent(); //return $foo; //return view($foo); return view( ($agent->isMobile() ? 'mobile' : 'desktop').".".$foo); });
# resources/views 구조
├── views
| ├── mobile
| | ├── home.blade.php
| └── desktop
| ├── home.blade.php
대부분 위와 같은 코드가 바로 동작하지 않을 것이다.
다음과 같이 관련 라이브러리를 설치하고 설정하는 과정을 따라하면 된다.
1. 라이브러리 설치
$ composer require jenssegers/agent
2. config/app.php 파일에 추가
'Agent' => Jenssegers\Agent\Facades\Agent::class,
3. 사용 예
use Jenssegers\Agent\Agent;
$agent = new Agent();
$agent->setUserAgent('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.13+ (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2');
$agent->setHttpHeaders($headers);
$agent->is('Windows');
$agent->is('Firefox');
$agent->is('iPhone');
$agent->is('OS X');
$agent->isAndroidOS();
$agent->isNexus();
$agent->isSafari();
$agent->isMobile();
$agent->isTablet();
$agent->isPhone();
$agent->isDesktop();
$languages = $agent->languages();
// ['nl-nl', 'nl', 'en-us', 'en']
$device = $agent->device();
$platform = $agent->platform();
$browser = $agent->browser();
$agent->isRobot();
$robot = $agent->robot();
$browser = $agent->browser();
$version = $agent->version($browser);
$platform = $agent->platform();
$version = $agent->version($platform);
[참고] https://github.com/jenssegers/agent
[참고] https://stackoverflow.com/questions/23779088/laravel-detect-mobile-tablet-and-load-correct-views
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
477 | Develop | [js] show/hide 이벤트 감시 (Observing show/hide event) | hooni | 2021.02.03 | 2597 |
476 | Develop | [js] Text 값을 클립보드에 복사하기 | hooni | 2020.10.10 | 686 |
475 | Develop | [js] Text 중 URL 형식을 인식해 단축 URL로 변경 | hooni | 2013.04.23 | 8713 |
474 | Develop | [js] URL 파싱하기 (jQuery 안쓰고) | hooni | 2017.12.14 | 1316 |
473 | Develop | [js] window.open() 속성 사용 방법 | hooni | 2013.11.18 | 13601 |
472 | PPT | [js] xsl 강의 자료 | hooni | 2013.04.23 | 13188 |
471 | Develop | [js] 가운데 새창 뜨는 함수와 이벤트 | hooni | 2003.04.23 | 6723 |
470 | Develop | [js] 간단한 게임 프로토타입 (HTML5 와는 무관) | hooni | 2013.04.23 | 15155 |
469 | Develop | [js] 객체 머지.. | hooni | 2013.12.17 | 8965 |
468 | Develop | [js] 네이버, 다음의 플레이어 스킨 | hooni | 2013.04.23 | 6942 |
467 | Develop | [js] 네이버에서 그림 퍼올 때.. URL Encoding 관련ㅋㅋ | hooni | 2013.04.23 | 7226 |
466 | Develop | [js] 동적(innerHTML)으로 자바스크립트 실행하기.. 2 | hooni | 2013.04.23 | 18205 |