오픈 소스 Headless CMS "Strapi"사용 편의성 조사
7169 단어 HeadlessCMSstrapi
하나의 컨텐트에 대해 여러 이미지를 투고하고 관리하고자 하기 때문에 이 점에 중점을 두고 시도해 본다.
참조: https://strapi.io/documentation/3.0.0-beta.x/getting-started/quick-start.html
이른바 Strapi
Strapi는 헤드가 없는 CMS로서 다음과 같은 특징이 있습니다.
지아이허브에는 소스https://github.com/strapi/strapi가 있다.
관리 패널과 API를 쉽게 사용자화할 수 있습니다.
임의의 클라이언트(React, Vue, Anglar 등), 모바일 애플리케이션, IoT의 API를 사용할 수 있습니다.
플러그인이 있어 즉시 인증 시스템과 내용 관리를 할 수 있다.
빠른 시작 시도
설정
기본 설정이 가능하면
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 사용자를 만들고 시작하십시오.
컨텐트 유형 필드 작성
내용 유형:'투고'와 유사한 유형입니다.
필드:유사 열.
컨텐트 유형
다음은 여러 이미지를 게시할 필드입니다.
1. 필드 유형 Media를 선택합니다.
2. Name에 필드 이름을 입력합니다.
3. Type에서 Multiple media를 선택합니다.
4. 고급 설정(Prevate, Required, Unique)을 적절하게 설정합니다.
5. 마침을 클릭합니다.
이렇게 하면 여러 파일에 해당하는 이미지(미디어) 필드가 만들어집니다.
항목 만들기 및 이미지 업로드
위 이미지의 [만화 이미지] 영역에서 이미지를 편집할 수 있습니다(영역 태그는 변경할 수 있습니다).
파일을 업로드하는 방법은 드래그 앤 드롭 또는 파일 선택입니다.여러 개를 동시에 업로드할 수 있습니다.
이미지를 업로드하면 다음과 같습니다.
[다른 태그 열기]를 클릭하면 확대 미리보기와 같은 이미지를 다른 태그에서 열 수 있습니다.
그림을 다시 배열하는 기능이 없는 것 같습니다.
이미지를 업로드한 후 항목을 저장하고 만들면 내용 유형의 페이지에 항목이 표시됩니다.
항목 목록에 축소판 그림(작음)을 표시합니다.
축소판 그림을 클릭하여 확대합니다.
플러그 인
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에서 플러그인은 작은 독립된 하위 응용 프로그램으로 전용 모델과 컨트롤러 등 특유의 상업 논리를 가지고 있다.
기존 플러그인
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
Reference
이 문제에 관하여(오픈 소스 Headless CMS "Strapi"사용 편의성 조사), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mmmmk/items/c3acb93ba1d246e137a6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)