오픈 소스 Headless CMS "Strapi"사용 편의성 조사

7169 단어 HeadlessCMSstrapi
머리 없는 CMS의 일종Strapi의 사용감 등을 조사했다.
하나의 컨텐트에 대해 여러 이미지를 투고하고 관리하고자 하기 때문에 이 점에 중점을 두고 시도해 본다.
참조: https://strapi.io/documentation/3.0.0-beta.x/getting-started/quick-start.html
이른바 Strapi
Strapi는 헤드가 없는 CMS로서 다음과 같은 특징이 있습니다.
  • 오픈 소스
    지아이허브에는 소스https://github.com/strapi/strapi가 있다.
  • 간편한 맞춤형 구성
    관리 패널과 API를 쉽게 사용자화할 수 있습니다.
  • JavaScript(Node.js)제
  • 자체 호스트
  • REST API 및 GraphiQL 모두 사용 가능
    임의의 클라이언트(React, Vue, Anglar 등), 모바일 애플리케이션, IoT의 API를 사용할 수 있습니다.
  • 설계를 통한 확장성
    플러그인이 있어 즉시 인증 시스템과 내용 관리를 할 수 있다.
  • CMS인 만큼 블로그 글의 기고문을 관리하고 기업 홈페이지, 카탈로그 사이트 등을 구축할 수 있다.그리고 무두 기사이기 때문에 앱 개발에도 적합하다.
    빠른 시작 시도
    설정
    기본 설정이 가능하면yarn create strapi-app <プロジェクト名> --quickstart의 명령줄이 서버 부팅을 완료했습니다.대단하다create-strapi-app의 옵션은 다음과 같습니다.
    Usage: create-strapi-app [options] <directory>
    
    Options:
      -V, --version              output the version number
      --no-run                   Do not start the application after it is created
      --use-npm                  Force usage of npm instead of yarn to create the project
      --debug                    Display database connection error
      --quickstart               Quickstart app creation
      --dbclient <dbclient>      Database client
      --dbhost <dbhost>          Database host
      --dbsrv <dbsrv>            Database srv
      --dbport <dbport>          Database port
      --dbname <dbname>          Database name
      --dbusername <dbusername>  Database username
      --dbpassword <dbpassword>  Database password
      --dbssl <dbssl>            Database SSL
      --dbauth <dbauth>          Authentication Database
      --dbfile <dbfile>          Database file path for sqlite
      --dbforce                  Overwrite database content if any
      -h, --help                 output usage information
    
    지원하는 DB는 포스트 greSQL, 몬고 DB, SQLite, MySQL 4종이다.
    빠른 시작 시 데이터베이스는 SQLite입니다.
    빠른 시작이 없을 때 입력한 정보는 다음과 같습니다.
    ? Choose your default database client postgres
    ? Database name: hoge
    ? Host: 127.0.0.1
    ? Port: 5432
    ? Username: Hoge Fuga
    ? Password: ********
    ? Enable SSL connection: No
    
    빠른 부팅을 실행하면 서버가 일어납니다http://localhost:1337/admin.
    Admin 사용자를 만들고 시작하십시오.
    컨텐트 유형 필드 작성
    내용 유형:'투고'와 유사한 유형입니다.
    필드:유사 열.
    컨텐트 유형
  • 플러그인-> 내용 형식을 통해 ->[+Create new content-type]를 통해 새로운 내용 형식을 만듭니다.
  • 기본으로 설정된 Displayname에 컨텐츠 유형의 이름을 입력하고 계속을 클릭합니다.
  • 필드를 추가하여 저장합니다.
  • 필드
    다음은 여러 이미지를 게시할 필드입니다.
    1. 필드 유형 Media를 선택합니다.
    2. Name에 필드 이름을 입력합니다.
    3. Type에서 Multiple media를 선택합니다.
    4. 고급 설정(Prevate, Required, Unique)을 적절하게 설정합니다.
    5. 마침을 클릭합니다.
    이렇게 하면 여러 파일에 해당하는 이미지(미디어) 필드가 만들어집니다.
    항목 만들기 및 이미지 업로드
  • CONTENT TYPES-> 방금 만든 컨텐츠 유형을 선택합니다.
  • [+<콘텐츠 유형 이름]의 엔트리를 추가합니다.
  • 화면 만들기

    위 이미지의 [만화 이미지] 영역에서 이미지를 편집할 수 있습니다(영역 태그는 변경할 수 있습니다).
    파일을 업로드하는 방법은 드래그 앤 드롭 또는 파일 선택입니다.여러 개를 동시에 업로드할 수 있습니다.
    이미지를 업로드하면 다음과 같습니다.

    [다른 태그 열기]를 클릭하면 확대 미리보기와 같은 이미지를 다른 태그에서 열 수 있습니다.
    그림을 다시 배열하는 기능이 없는 것 같습니다.
    이미지를 업로드한 후 항목을 저장하고 만들면 내용 유형의 페이지에 항목이 표시됩니다.
    항목 목록에 축소판 그림(작음)을 표시합니다.
    축소판 그림을 클릭하여 확대합니다.

    플러그 인
    Strapi에는 플러그인이 있습니다.API의 사용 권한 설정, 컨텐트 유형 생성 및 파일 업로드 등도 플러그인을 통해 수행됩니다.
    한 내용에 여러 이미지를 관리할 때 이미지의 정렬, 삽입, 삭제 등을 할 수 있다면 매우 편리할 것이다.
    기본적으로 필드 이미지를 정렬하는 기능이 없기 때문에 플러그인이 있는지 (또는 만들 수 있는지) 조사했습니다.
    콘셉트
    https://strapi.io/documentation/3.0.0-beta.x/concepts/plugins.html
    A plugin is like a small independent sub-application. It has its own business logic with dedicated models, controllers, services, middlewares or hooks. It can also have it's own UI integrated in the admin panel.
    Strapi에서 플러그인은 작은 독립된 하위 응용 프로그램으로 전용 모델과 컨트롤러 등 특유의 상업 논리를 가지고 있다.
    기존 플러그인
  • Content Manager
  • Content Type Builder
  • Roles & Permissions
  • Documantation
  • Email
  • GraphQL
  • Files Upload
  • (다른 것도 있을 수 있지만, 내가 확인할 수 있는 것은 위의 내용)
    GraphiQL에sort 조회가 존재하지만 특정한 필드에 따라 항목을 다시 배열하는 기능이기 때문에 여러 이미지의 정렬에 사용할 수 없을 것 같습니다.
    신청한 제작과 편집은 콘텐츠 매니저에서 이뤄지기 때문에 이걸 맞춤형으로 제작하면 다시 배열할 수 있을 것 같다.
    문서에 Customize a pluggin 항목이 있습니다.
    https://strapi.io/documentation/3.0.0-beta.x/admin-panel/customization.html#development-mode
    결론: 맞춤형 제작이 가능하다면 정렬이 가능할 수도 있다.
    자체 플러그인
    Strapi의 블로그에는 플러그인을 직접 만들 수 있는 글How to create your own plugin이 있다.
    GUI로 이미지를 재배열하려면 관리 패널용 플러그인을 만드는 게 좋을 것 같아요.
    ● 관리 패널: 컨텐츠 관리 화면(프런트엔드)
    The admin panel integration is currently not available. You can still add backend features.
    2010/1/29 현재: 관리판 플러그인은 사용할 수 없습니다. 백엔드 플러그인만 사용할 수 있습니다.
    https://strapi.io/documentation/3.0.0-beta.x/plugin-development/quick-start.html#plugin-development-setup
    결론: 현재 상태에서는 GUI 정렬이 불가능합니다.
    메모지
    10월의 업데이트 보도에 로드맵이 기재돼 있어 상세히 다음과 같이 기술돼 있어 2020년 1~2월께 미디어를 다시 배열할 수 있을 것으로 보인다.
    Then, with the Media Library, you'll be able to sort your files and reuse them across multiple entries.
    2020년 1/29일까지:
    Media Library의 새로운 기능 설치는 in progress 스타일입니다.
    https://portal.productboard.com/strapi/1-public-roadmap/tabs/6-in-progress-design
    "Custom pluggin"은 로드맵의 "Under Consieration"내에 있습니다.
    https://portal.productboard.com/strapi/1-public-roadmap/tabs/2-under-consideration

    좋은 웹페이지 즐겨찾기