本当に難しいですね...strapiって何ですか?どうして必要なの?
入社9ヶ月後、REACT/NEST JSを勉強すると、データを送ってきて、噴き出して、テストしたいものが増えていきます.しかし、データは限られており、テストには不足しています.
そのため、データベースを直接作成するには学ぶべきことがたくさんあります.張哥モンゴルDBノードjsサーバ環境の構築...反応とタイプスクリプト、next、フロントエンドフレームワーク、ライブラリに満ちていて、学ぶべきことが山積みになっている場合...それを学ぶのは本当に難しいです.(まして...🙈)
だからapiだけ使う方法はないかな….考えるとstrapiが現れる...

🚀 飛び立つStrapi

💞 Strapiとは?

Bootstrap+API略称Strapi.StrapiはNodejs Webフレームワークの1つで、Koaに基づいて実現され、全カスタマイズを実現できる開発者優先のオープンソース無タイトルCMSである.

Medial Headless CMSとは?

言いにくいですね.CMSはコンテンツ管理システムの弱者であり、コンテンツ管理サービスのみを提供する.既存のCMSは、ビューとコンテンツを結合していますが、Headless CMSは、私が望むテクノロジーアーキテクチャをサイトとして構成できます.

❗Strapiのメリット

快速開発

高度に拡張可能で、オープンソース生態系が活発

15認証プロバイダ

など、他にも難解な言葉がたくさんあります.これからよく勉强します.ほほほ

💞 Strapi install

npx create-strapi-app@latest direactory-name --quickstart
yarn create strapi-app direactory-name --quickstart

実行時:

yarn run develop

💞 Strapiの使用方法

インストール後、http://localhost:1337/adminはめったに表示されません.
中に入るとこんなページが見えます

Content Manager:データ種別を表示します.

Content-Type Builder:データを直接挿入するカテゴリ

Media Library:画像アップロードリスト

💞 Strapi + Cloudnary

Hastrapiバージョンを変更してしばらく設定していなかったので大変でした….
https://strapi.io/blog/add-cloudinary-support-to-your-strapi-applicationここを見てついていけばいいのに、

❗すべてのデータを読み込む

ここからhttp://localhost:1337/api/eventsをロードすると、

このようにデータを入力します.だからデータを処理して、きれいな形に加工して使います.データ加工の方法

ハードコーディングを使用してpageに直接解凍する方法.

axiosリクエスト後、ブロッカーを使用してページをブロックして転送できます.

要求http://localhost:1337/api/eventsの場合、画像のフォーマット情報は含まれない.ㅠㅠなので調べてみましたが、クエリーを追加して送信する必要があります.

`http://localhost:1337/api/events?populate=*`

このようにお願いするだけで、すべての情報がうまく届きます!受講時のバージョンは今とずいぶん変わっていて、3ヶ月前に聞いた時は大変でしたが、2月にstrapiサイトで更新したので、もっと楽になりました

❗データ要求のフィルタリング

これもバージョンが変わるにつれて変わります!
ボールスロットの例

const qs = require('qs');
const query = qs.stringify({
  filters: {
    username: {
      $eq: 'John',
    },
  },
}, {
  encodeValuesOnly: true,
});
await request(`/api/users?${query}`);
// GET /api/users?filters[username][$eq]=John

名前付き情報を検索している場合は、

http://localhost:1337/api/events?filters[name][$eq]=Throwback Thursdays with DJ Manny Duke

そう頼むべきだ.
クエリー・パラメータ(共通)

Throwback Thursdays with DJ Manny Duke:同じ

$eq:含む

$contains:含まない

$notContains:起動

$startsWith:-終了

詳細=>strapi filterサイト
あ、でも本当に改編されたようです.
出典:The Pink Pong社の技術ブログ-strapiは1年で完全版を歌うことができる。