홈>
익스프레스를 서버로 실행하는 NextJS 애플리케이션에서 서비스 워커를 실행시키기 위해 지난 이틀 (문자 적으로)을 보냈습니다. 모든 코드를 호스팅하는 저장소는 https://github.com/nicer00ster/nicer00ster-portfolio입니다. 나는 내가 잘못 가고있는 것에 대한 힌트를 찾고 있습니다. Express를 사용하는 이유는 메일을 보내는 것이므로 다음 오프라인 또는 다른 서버 구성을 사용하는 모든 예제는 http 플러그인을 사용합니다.
이제 약 2 개월 동안이 포트폴리오를 연구 해 왔으며 실제로 발표하기 전에 등대 점수를 받고 싶습니다. 모든 방향은 큰 가치가 있습니다. 감사합니다!
-
답변 # 1
-
답변 # 2
의견을 남길 충분한 담당자가 없지만 ...
연결된 repl.it 링크는 기본 브라우저 자바 스크립트 repls이며 노드를 실행하지 않으며 확장하여 표현합니다. nodeJS repl을 사용하거나 원하는 경우 Express 템플릿을 사용해야합니다.
-
답변 # 3
이번 주에는"lighthouse 검증 된"프로젝트를 설정하려고했습니다.
다음으로 예제 디렉토리가 정말 좋습니다. 내가 설정 한 데 도움이 된 특정 예는 next.js/examples/with-sw-precache
입니다.표준 설정으로 SWPrecacheWebpackPlugin을 사용하는 것만 비슷합니다
문제가 될 수있는 누락 된 것으로 보이는 단계는 서비스 담당자를 등록하지 않는 것입니다. 색인 파일에서 componentDidMount 수명주기에 서비스 작업자를 등록 할 수 있습니다.
import React from 'react' export default class extends React.PureComponent { componentDidMount() { if ('serviceWorker' in navigator) { navigator.serviceWorker .register('/service-worker.js') .then(registration => { console.log('service worker registration successful') }) .catch(err => { console.warn('service worker registration failed', err.message) }) } } render() { return <p>Check the console for the Service Worker registration status.</p> } }
관련 자료
- jquery - 웹 작업자 또는 서비스 작업자에서 websocket을 실행합니다자바 스크립트
- reactjs - create-react-app에서 개발자 모드로 서비스 워커를 활성화하려면 어떻게해야합니까?
- progressive web apps - Angular의 safety-workerjs를 사용하여 Service Worker를 제거하는 방법?
- reactjs - 서비스 워커에서 React 애플리케이션을 캐시하는 방법
- angular - 서비스 워커는 404 응답을 캐시하지 않아야합니다
- javascript - 서비스 워커에서 '동기화'이벤트를들을 때 콜백이 시작되지 않음
- vue.js - 서비스 담당자가 https 응답을 캐싱하지 않음
- ipfs - 서비스 워커 게이트웨이는 무엇에 사용됩니까?
- progressive web apps - Wordpressorg 웹 사이트에서 Manifest JSON 및 서비스 워커를 어디에 업로드해야합니까? PWAbuildercom에서이 두 파일을 생성했습니다
- javascript - 서비스 작업자는 "indexhtml"을 추가 할 때 캐시에서 URL 만 가져옵니다
- javascript - 서비스 워커를 등록하는 방법?
- content security policy - 서비스 담당자와의 CSP
- progressive web apps - 프로덕션의 새로운 서비스 워커 업데이트
- javascript - Nextjs -Express Apprender"path"인수는 문자열 유형이어야합니다 수신 된 유형 객체
- javascript - URL을 사용하여 서비스 워커 캐시를 삭제하는 방법
- javascript - Service Worker 캐시 삭제시 충돌
- vue.js - mainjs 파일 또는 indexhtml에서 서비스 워커를 호출하는 것이 맞습니까?
- asp.net mvc - 서비스 워커 사용 - 온라인 일 때 페치 된 데이터를 사용하는 mvc보기
- angular - 서비스 워커에서 사진을 새로 고치는 방법
- c# - net core 31 작업자 서비스 - 게시시 environmentname 설정
관련 질문
- javascript - 함수 내부의 React setState가 처음에 읽히지 않습니다
- javascript - React Project에서 배열의 발생 횟수 계산
- javascript - 사용자에 대한 평가가 존재하거나 nodejs를 사용하지 않습니다
- javascript - Node JS API Sequelize PostgreSQL UUID를 기본 키로 "Nan 열이 없습니다"오류를 반환합니다
- javascript - typeerror - dataordermap은 함수가 아닙니다 (react 및 graphql)
- html - 서버 측에서 게시물이 발생한 후 클라이언트 측 JavaScript를 사용하여 경고를 표시하는 방법은 무엇입니까?
- node.js - 자바 스크립트 재귀 방법?
- javascript - 함수를 실행하는 값은 약속을 반환합니다
- javascript - useState가 객체 배열에서 작동하지 않습니다
- javascript - localhost에서 간단한 채팅/저장 메시지를 어떻게 만들 수 있습니까?
마지막으로 이것을 알아 내고 ditching Express를 끝내고 Node를 통해 이메일에 대한 응답 본문을 처리했습니다.
그런 다음 이미 사용했던 것과 동일한 nodemailer sendTransport 기능을 사용했습니다. 서비스 직원은 물론 메일도 발송합니다! = D