ch12. Views api << 템플릿 렌더링 X

1. register view controller

• 영상 조회수 
• 템블릿 렌더링않하는 view >> api view 
• router/apiRouter.js 
• 뒤에 렌더링없이 status만 할꺼면 sendStatus() 로 써야함

[apiRouter.js]
import express from "express";
import { registerView } from "../controllers/videoController";

const apiRouter = express.Router();

apiRouter.post("/videos/:id([0-9a-f]{24})/view", registerView);
export default apiRouter;


========================
[videoController.js]
export const registerView = async (req, res) => {
  const {id} = req.params;
  const video = await Video.findById(id);
  if (!video) {
    return res.sendStatus(404);
  }
  video.meta.views = video.meta.views + 1;
  await video.save();
  return res.sendStatus(200);      <<      <<      <<
};

• 이동없이 url호출  : interactive

2. register view event

• 비디오 시청끝났을때 나타날 이벤트 추가
  
  • videoElement >> audioElement의 부모임
  • event << ended 사용가능
• 프론트 js에서 video의 id를 알아야 함 
  • data attribute 사용할거

[watch.pug]
block content
    div#videoContainer(data-id = video._id)
    
====================================

[videoPlayer.js]
const handleEnded = () => {
  const { id } = videoContainer.dataset;
  fetch(`/api/videos/${id}/view`, {
    method: "POST",
  });
};