API 데이터를 뷰에 비동기 적으로 전달하는 방법은 무엇입니까?

그레이엄 매지

저는 Laravel을 처음 접했으며 다음 문제에 대한 최상의 최적화가 무엇인지 궁금합니다.

지금은 작업 목록을 검색하는 프로젝트 관리 응용 프로그램에 대한 외부 API에 대한 호출이 있습니다. 이 호출은 내 컨트롤러에서 발생하며 데이터는 Vue로 렌더링 될 대시 보드보기로 전달됩니다. 일반적으로이 API 호출은 전적으로 프런트 엔드에서 발생하지만 프로젝트 관리 애플리케이션은 OAuth 2를 사용하므로 서버 측에서 엔드 포인트를 인증하고 호출합니다.

이것은 기술적으로 잘 작동하지만 때로는 내 앱의 대시 보드를로드하는 데 내가 원하는 것보다 약간 더 오래 걸립니다. 범인은 페이지가 다시로드 될 때마다 API 호출을한다는 사실이라고 생각합니다.

내 질문은 이것이다 : API 응답 데이터를 비동기 적으로 뷰에 전달하는 방법이 있습니까? 이상적인 시나리오에서보기는로드 아이콘만으로로드 된 다음 프로젝트 관리 서버에서 수신 된 작업을 표시합니다. 내가 말했듯이 : AJAX 등을 사용하여이 작업을 수행하는 방법을 알고 있지만 액세스 토큰과 OAuth가 관련되어 있습니다.

그것이 의미가 있고 완전히 어리석은 질문이 아니기를 바라지 만, 현재 어떤 제안이라도 도움이 될 것입니다. 감사!

팔중주

기술적으로, 한 번에 비동기 응답을 할 수는 없습니다. "구조"데이터를 보내려면 다른 요청을해야합니다.

실제로 Ajax를 사용하거나 이벤트를 브로드 캐스트 할 수있는 Laravel-echo와 같은 소켓을 사용해 볼 수 있습니다. "Echo"인스턴스에 bearerToken을 추가해야합니다.

여기 laravel-echo 문서에 대한 링크

여기 Echo & Passport를 사용한 예

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

데이터를 다른 모델에 동적으로 전달하는 방법은 무엇입니까?

분류에서Dev

Blackberry 애플리케이션에서 동적 데이터를 전달하기 위해 Google Line Chart API를 사용하는 방법은 무엇입니까?

분류에서Dev

Asp.net 코어에서 뷰 데이터를 부분 뷰로 전달하는 방법은 무엇입니까?

분류에서Dev

QuerySet에서 formset으로 초기 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

angularjs를 사용하여 highchart에서 동적 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

API 호출에서 ViewController로 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

Android에서 두 개의 뷰를 동 기적으로 이동하는 방법은 무엇입니까?

분류에서Dev

한 활동의 목록보기에서 데이터를 전달하고 다른 활동으로 전달하는 방법은 무엇입니까?

분류에서Dev

UITableView에 채우기 위해 JSON 데이터를 비동기 적으로 가져 오는 동안 UIActivityIndicatorView를 표시하는 방법은 무엇입니까?

분류에서Dev

API에서 데이터를 지속적으로 수집하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

동시에 여러 API 호출을 비동기 적으로 실행하는 방법은 무엇입니까?

분류에서Dev

블레이드 파일의 동적 데이터를 소품으로 vue 구성 요소에 전달하는 방법은 무엇입니까?

분류에서Dev

비동기 API 호출에서 검색된 데이터를 console.log하는 방법은 무엇입니까?

분류에서Dev

데이터를 Winform DataGridView에 비동기 적으로 효율적으로 채우는 방법은 무엇입니까?

분류에서Dev

Swift에서 비동기 적으로 실행되는 블록에 매개 변수를 전달하는 방법은 무엇입니까?

분류에서Dev

Express API의 리디렉션 URL에 동적 변수를 전달하는 방법은 무엇입니까?

분류에서Dev

API 호출 후 웹 페이지에 데이터를 동적으로 추가하는 방법은 무엇입니까?

분류에서Dev

Vuex 상태에서 비동기 적으로 초기화되는 API를 사용하는 방법은 무엇입니까?

분류에서Dev

Vuex 상태에서 비동기 적으로 초기화되는 API를 사용하는 방법은 무엇입니까?

분류에서Dev

Fullcalendar, 전달 된 매개 변수를 eventSource에 동적으로 변경하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 ID를 jQuery에 전달하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 입력에서 양식 데이터를 POST하는 방법은 무엇입니까?

분류에서Dev

Vue.js : Firebase 저장소에서 데이터를 검색 한 후 비동기 적으로 템플릿을로드하는 방법은 무엇입니까?

분류에서Dev

ReactJS : 루프에서 데이터를 가져온 후 비동기 적으로 객체를 반환하는 방법은 무엇입니까?

분류에서Dev

C ++에서 정적 메서드를 비동기 적으로 호출하는 방법은 무엇입니까?

분류에서Dev

정수 목록을 json 데이터로 Spring Boot Rest API에 전달하는 방법은 무엇입니까?

분류에서Dev

Android 장치를 기반으로 뷰 높이를 동적으로 설정하는 방법은 무엇입니까?

분류에서Dev

Kotlin 비동기 클로저에서 데이터를 저장하는 방법은 무엇입니까?

분류에서Dev

활동에서 다른 활동으로 비디오 링크를 전달하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    데이터를 다른 모델에 동적으로 전달하는 방법은 무엇입니까?

  2. 2

    Blackberry 애플리케이션에서 동적 데이터를 전달하기 위해 Google Line Chart API를 사용하는 방법은 무엇입니까?

  3. 3

    Asp.net 코어에서 뷰 데이터를 부분 뷰로 전달하는 방법은 무엇입니까?

  4. 4

    QuerySet에서 formset으로 초기 데이터를 전달하는 방법은 무엇입니까?

  5. 5

    angularjs를 사용하여 highchart에서 동적 데이터를 전달하는 방법은 무엇입니까?

  6. 6

    API 호출에서 ViewController로 데이터를 전달하는 방법은 무엇입니까?

  7. 7

    Android에서 두 개의 뷰를 동 기적으로 이동하는 방법은 무엇입니까?

  8. 8

    한 활동의 목록보기에서 데이터를 전달하고 다른 활동으로 전달하는 방법은 무엇입니까?

  9. 9

    UITableView에 채우기 위해 JSON 데이터를 비동기 적으로 가져 오는 동안 UIActivityIndicatorView를 표시하는 방법은 무엇입니까?

  10. 10

    API에서 데이터를 지속적으로 수집하는 가장 좋은 방법은 무엇입니까?

  11. 11

    동시에 여러 API 호출을 비동기 적으로 실행하는 방법은 무엇입니까?

  12. 12

    블레이드 파일의 동적 데이터를 소품으로 vue 구성 요소에 전달하는 방법은 무엇입니까?

  13. 13

    비동기 API 호출에서 검색된 데이터를 console.log하는 방법은 무엇입니까?

  14. 14

    데이터를 Winform DataGridView에 비동기 적으로 효율적으로 채우는 방법은 무엇입니까?

  15. 15

    Swift에서 비동기 적으로 실행되는 블록에 매개 변수를 전달하는 방법은 무엇입니까?

  16. 16

    Express API의 리디렉션 URL에 동적 변수를 전달하는 방법은 무엇입니까?

  17. 17

    API 호출 후 웹 페이지에 데이터를 동적으로 추가하는 방법은 무엇입니까?

  18. 18

    Vuex 상태에서 비동기 적으로 초기화되는 API를 사용하는 방법은 무엇입니까?

  19. 19

    Vuex 상태에서 비동기 적으로 초기화되는 API를 사용하는 방법은 무엇입니까?

  20. 20

    Fullcalendar, 전달 된 매개 변수를 eventSource에 동적으로 변경하는 방법은 무엇입니까?

  21. 21

    동적으로 생성 된 ID를 jQuery에 전달하는 방법은 무엇입니까?

  22. 22

    동적으로 생성 된 입력에서 양식 데이터를 POST하는 방법은 무엇입니까?

  23. 23

    Vue.js : Firebase 저장소에서 데이터를 검색 한 후 비동기 적으로 템플릿을로드하는 방법은 무엇입니까?

  24. 24

    ReactJS : 루프에서 데이터를 가져온 후 비동기 적으로 객체를 반환하는 방법은 무엇입니까?

  25. 25

    C ++에서 정적 메서드를 비동기 적으로 호출하는 방법은 무엇입니까?

  26. 26

    정수 목록을 json 데이터로 Spring Boot Rest API에 전달하는 방법은 무엇입니까?

  27. 27

    Android 장치를 기반으로 뷰 높이를 동적으로 설정하는 방법은 무엇입니까?

  28. 28

    Kotlin 비동기 클로저에서 데이터를 저장하는 방법은 무엇입니까?

  29. 29

    활동에서 다른 활동으로 비디오 링크를 전달하는 방법은 무엇입니까?

뜨겁다태그

보관