strapi

코드를 한줄 도 쓰지 않고 RestApi를 만들 수 있는 오픈소스 라이브러리 📚📚

strapi 공식사이트

프로젝트 quick start~ 서버구동

yarn create strapi-app my-project --quickstart

yarn develop

기본 화면 구성과 항목 추가하기

strapi 다운로드 후 로그인 브라우저 창이 뜰 것이다 이것이 바로 대시보드!
우선 대시보드에서 Create New collection Type을 이용해 크게 필드를 생성해줍니다.

collection Type을 생성했다면 네비에서 타입들을 확인 할수있고 각 필드의 항목을 추가할 수도 있습니다! ✨✨

테스터용 유저도 하나 생성해 줍니다~

이후 포스트맨으로 테스트 해봅니다~
url를 잘 적어두고 Send를 보내면 땋
잘 나오는걸 확인 할 수 있습니다~~

로그인하기 (JWT토큰이 자동생성?! 👸👸)

Strapi는 기본적으로 로그인까지 전부 세팅이 되어있습니다

대시보드에서 미리 등록해둔 user을 통해 로그인하게되면 jwt토큰이 자동 생성되어있는것을 확인 하실 수 있습니다.!

이외에 커스터 마이징을 위해선 Strapi 문서를 참고하여 수정 가능합니다.

strapi 커스터마이징 하기

1. post 작성시 auth 유저정보 저장시키기 👩‍💻👩‍💻
   코드보기

'use strict';

const { parseMultipartData, sanitizeEntity } = require('strapi-utils');

module.exports = {
  async create(ctx) {
    let entity;

    let user = ctx.state.user.id;
    //유저의 고유번호 id를 가져와
    ctx.request.body.author = user;
    // body 의 author 자리에 넣어줍니다.
    
    // strapi 문서 참고 코드 👇👇
    if (ctx.is('multipart')) {
      const { data, files } = parseMultipartData(ctx);
      entity = await strapi.services.post.create(data, { files });
    } else {
      entity = await strapi.services.post.create(ctx.request.body);
    }
    
    return sanitizeEntity(entity, { model: strapi.models.post });
  },
};

2. post의 view수를 카운팅 하도록 커스터마이징 👩‍💻👩‍💻
   코드보기

'use strict';

const { default: createStrapi } = require("strapi");

/**
 * Read the documentation (https://strapi.io/documentation/developer-docs/latest/development/backend-customization.html#lifecycle-hooks)
 * to customize this model
 */

module.exports = {
    lifecycles:{
        async afterFindOne(result, params, populate){
        //strapi의 쿼리 post를 찾고, 쿼리를 불러올때마다 view를 1씩 증가시키도록 
            const res = await strapi.query('post')
            .model.query(q => {
                q.where('id', result.id);
                q.increment('view',1);
            }).fetch();
            console.log(res)
        }
    }
};

Reference

youtube 강의