source

Angular와 함께 사용할 애플리케이션 구조JS랑 라라벨?

ittop 2023. 3. 23. 23:09
반응형

Angular와 함께 사용할 애플리케이션 구조JS랑 라라벨?

저는 최근에 대규모 소셜 네트워크를 구축하기 시작했고, 제 구조는 좋다고 생각했지만, 알고 보니 이 논리를 제대로 구축하지 못했습니다.

Angular JS(나쁜 아이디어)와 견해가 뒤섞여 블레이드 익스텐션은 생략했지만 블록과 사이드바가 많이 들어가 있어 골칫거리가 되었습니다.

현재는 각진 폼 검증만 하고 있습니다만, 실제로는 모든 사이트 페이지에 Ajax, 데이터 풀 등이 필요합니다.

인터넷을 검색해 보니 앵귤러 뷰가 퍼블릭 폴더에 저장되어 있습니다만, 모든 페이지가 앵귤러로 되어 있기 때문에, 모든 뷰를 퍼블릭에 저장하고, 라라벨을 백엔드로 하는 것이 좋을까요?

바보같은 질문인건 알지만 좀 헷갈리네요.

도움말 힌트 감사합니다.

이러한 프레임워크를 조합하는 방법에는 다음 두 가지가 있습니다.

  1. 클라이언트 측 렌더링만

    이것은 대부분의 웹 어플리케이션에서 사용하는 보다 쉬운 방법입니다.이 경우 JSON을 반환하는 API 엔드포인트로 Larabel을 사용합니다.Angular는 다음을 통해 이 데이터를 쿼리할 수 있습니다.$http또는$resource공용 폴더에 저장한 템플릿을 서비스하고 컴파일합니다.각도 템플릿은 지시문과 {{var}}개의 문장이 있는 HTML 뿐입니다.이렇게 하면 Angular가 모든 루팅을 수행합니다.

  2. 서버측 및 클라이언트측 렌더링

    이것은 Larabel이 루팅을 수행하고 서버 측에서 템플릿을 컴파일하는 더 어려운 방법입니다.예를 들어 jQuery를 사용하는 방법으로 사이트의 일부 교호작용에만 각도를 사용합니다.이 접근방식의 장점은 사용자가 처음 사이트를 방문했을 때 완전한 HTML을 얻을 수 있기 때문에 성능입니다.단점은 논리를 두 번 써야 하고 Angular의 일부 기능을 사용할 수 없다는 것입니다.

대부분의 Angular 기능을 실제로 활용하려면 단일 페이지 응용 프로그램을 작성해야 합니다.즉, 웹 API를 통해 서버와 통신하고 Laravel 서버 측 템플릿은 없습니다.

따라서 두 개의 분리된 애플리케이션을 작성해야 합니다.1개의 클라이언트 측(Angular를 사용)과 1개의 서버 측(Web API를 제공하는 경우)을 사용합니다.

이렇게 하면 클라이언트 측의 JS/HTML/CSS에서 Flash 또는 Silverlight 또는 다른 것으로 전환하고 Laravel/PHP/MySQL에서로 전환할 수 있습니다.NET 또는 NodeJ 또는 Meteor/MongoDB.

Sergiu는 맞지만 Laravel은 클라이언트 측 템플릿으로는 달성할 수 없는 이점을 제공할 수 있습니다.이는 SEO 및 WCAG(접근성)와 관련이 있습니다.

AngularJS는 DOM 조작을 통해 콘텐츠를 렌더링하므로 이러한 조작이 완료된 후 검색 엔진이 표시되는 콘텐츠를 결정할 수 없습니다.이것은 스크린 리더의 경우도 마찬가지입니다.따라서 일부 컨텐츠는 서버 측 보기 구성을 통해 전달되어야 합니다.그것이 워드프레스와 라라벨이 길고 건강한 미래를 가진 이유이다.

백엔드 또는 SEO 및 WCAG가 중요하지 않은 경우 Angular와 함께 사용되는 것과 같은 데이터 바인딩 클라이언트 측 템플릿JS와 Ember는 더 많은 개발자들이 사용법을 배우면서 점점 더 많이 사용될 것입니다.

Angular를 사용할지 여부뷰 구성용 JS 또는 Larabel은 둘 다 사용하는 방법을 배우고 가장 적절한 곳에 적용하는 것이 가장 좋습니다.

언급URL : https://stackoverflow.com/questions/18420069/what-application-structure-to-use-with-angularjs-and-laravel

반응형