新手入坑：strapi官网教程的简单示例学习

已于 2022-06-23 17:13:33 修改
阅读量1.2w 收藏 28
点赞数 4
分类专栏： nodejs strapi 文章标签： nodejs cms api
于 2021-04-09 00:02:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36812165/article/details/115533628
版权

关于strapi

前端仔，来，看这里，用strapi，定制你的api。一个字，香。

安装

在这里插入图片描述

npm i strapi@beta -g
strapi new str-project

可能会比较慢

开始

npm run develop

运行完会新打开一个登录页，填入信息即可。
在这里插入图片描述
开局一个工作台
在这里插入图片描述

简单实现自己的api demo

还是官网的demo简单直接，下面是个人翻译

步骤1安装，步骤2的创建管理员账户都已经实现，下面从步骤3开始

3：创建一个叫 restaurant 的内容类型

点击左侧边栏额外功能-内容类型新建页，新建一个内容类型
在这里插入图片描述

  • 点击新建内容类型<
最低0.47元/天 解锁文章
font-size
关注
  • 4
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
strapi-documentation-chinese:strapi.io 官方文档 中文翻译
05-16
官方文档中文版 - 猫哥译
strapi-auth0-example:使用Auth0和Strapi的简单身份验证示例
05-25
React认证流程 因为Auth0从v3.4.5开始在Strapi中而被归档： ://forum.strapi.io/t/new-release-strapi-v3-4-5/2446 基本的React应用程序，显示了如何使用JSON Web Tokens对用户进行身份验证。 本示例使用Strapi添加Auth0身份验证。 有关更多信息，请查看 。 设置 1-克隆存储库。 git clone git@github.com:heziode/strapi-auth0-example.git 2 —转到login-react示例文件夹并安装前端应用程序依赖项。 cd login-react/react-login-front-end-app npm install 3 —启动前端应用服务器。 npm start 4-启动Strapi API： cd strapi-auth0-
Strapi入门记--01创建项目，账户，测试表，测试接口
tangdou369098655的博客
04-21 855
Strapi 是什么 中文文档地址 Strapi 是一个开源的无头 CMS，开发人员可以自由选择他们喜欢的工具和框架，并允许编辑使用他们的应用程序的管理面板来管理和分发他们的内容。基于一个插件系统，Strapi 是一个灵活的 CMS 管理面板和 API 是可扩展的，并且每个部分都是可定制的，以匹配很多使用场景。Strapi 还有一个内置的用户系统，可以详细管理管理员和最终用户可以访问的内容。 前提：确保电脑已安装 Node.js 和 npm 1.安装，创建新项目 npx create-strapi-app
StrApi基本使用
最新发布
weixin_68658847的博客
05-31 1560
StrApi基本使用
strapi安装教程，并使用nginx部署到本地
weixin_55776562的博客
05-29 553
它使用JavaScript编写,基于Node.js运行,并提供了一个直观的管理界面,可以通过API轻松管理内容。2.窗口提示我们选择“quickstart(快速安装)”或者“Custom(自定义安装)”我们这次选择的是mysql 的数据库，所以我们选择“Custom”2.执行命令，启动项目,为了安全，开发时使用“npm run develop”，项目上线时使用“npm run start”小结：创建项目中会出现各种问题，总结一下就是多试几次。一、使用Strapi创建项目。项目启动后，默认访问地址为,
【strapi】如何在strapi数据库使用populate & filters查看与筛选信息 教程
weixin_46250314的博客
04-24 1025
为什么要学习数据库的信息筛选？当我们的应用需要对数据库的数据进行筛选的时候，一般有两种情况，一种是在数据库发送过来之前就筛选好信息，发送过来的就是处理后的信息；另一种是让数据库把所有信息都发过来再进行处理。对于前者来说，提前在数据库端处理好信息，可以精简化所需信息，减少应用的整体宽带，特别是当在线用户特别多的时候，数据库可能面临特别大的负担，这样的优化就非常有必要了最后，如果看了本文还有许多疑惑的，我这里推荐一个视频和教程,个人认为讲的比较好，可以先看完视频再去看文章，因为文章就是对视频内容的解析。
Strapi——基础
热门推荐
The One Who's at the Front
07-11 1万+
介绍 Strapi是一种灵活的、开放源码的无头CMS，开发者可以自由选择自己喜欢的工具和框架，编辑器也可以轻松地管理和分发内容。通过使管理面板和API可扩展通过插件系统，Strapi使世界上最大的公司加速内容交付，同时建立美丽的数字体验。 用一句话来概括：免费开源的Nodejs无头CMS内容管理框架,建立在自定义api。 特点 自定义内容结构 轻松的内容管理 开发人员友好的API 角色和权限 Strapi具有内置的用户系统，可让您管理谁可以访问什么。 构建项目 简单构建电商网站。 准
图文并茂strapi 4.5.5自定义搭建指南以及数据库字段名接口返回mapping分析
tangdou369098655的博客
01-08 2629
strapi是什么？基于Nodejs的开源免费CMS框架。为什么选择它？基于nodejs,100％JavaScript，上手迅速可轻松创建功能强大且可自定义的API，可以使用任何喜欢的数据库
strapi系列--如何建表并在原有官方自动生成的api基础上扩展接口，定制化自己的业务逻辑
tangdou369098655的博客
06-25 1353
在实际开发过程中，项目中有些需求需要我们定制化自己的业务逻辑，那么我们该如何处理这个需求呢？本文以图文并茂的形式，基于原有官方自动生成的api，定制一个我们自己的业务逻辑接口。如果想要了解更多，请访问我的这篇文章图文并茂strapi 4.5.5自定义搭建指南以及数据库字段名接口返回mapping分析，详细讲解了每个步骤的含义，以及创建流程我们先在前端界面创建我们存储几条数据，然后配置接口进行访问测试，接下来我们进行接口测试 API: http://localhost:1337/api/terms-inf
Strapi 之API详述
fanyao4144的博客
03-21 1000
使用Strapi提供的API，我们可以访问模型的数据，并使用字段来指定要获取的特定属性。例如，如果只想获取标题和作者属性，可以在API请求中使用Fields指定这些属性，而不是获取模型中的所有属性。然后，我们可以将“作者”模型与“文章”模型关联起来，并在API响应中返回相关的作者数据。在Strapi中创建模型时，我们可以为模型添加多个字段，每个字段代表模型中的一个属性，例如标题、内容、作者等。在上面的示例中，我们将title和created_at指定为要获取的属性，因此API响应将只包含这两个属性的数据。
保姆级教程，创建启动你的第一个strapi v4.1.8应用，使用mysql数据库
m173net的博客
06-10 1990
保姆式教程，创建启动你的第一个strapi v4.1.8应用，使用mysql数据库
strapi-template-blog:用于为博客预先配置的创建Strapi项目的模板
03-18
模板博客 一个Strapi模板，用于创建为博客应用程序预先配置的Strapi项目。 用法 # Using Yarn yarn create strapi-app my-app-name --template https://github.com/strapi/strapi-template-blog # Or using NPM npx create-strapi-app my-app-name --template https://github.com/strapi/strapi-template-blog 初学者 以下入门者使用此模板：
i：开源Node.js Headless CMS可以轻松构建可定制的API
01-30
API创建变得简单，安全和快速。 最先进的开源无头CMS，可轻松构建强大的API。 Strapi是一个免费的开源无头CMS，可在任何需要的地方提供您的内容。 保持对数据的控制。 使用Strapi，您可以知道数据的存储位置，并且始终可以完全控制。 自托管。 您可以按照自己的方式托管和扩展Strapi项目。 您可以选择所需的任何托管平台：AWS，Render，Netlify，Heroku，VPS或专用服务器。 您可以随增长而扩展，100％独立。 数据库不可知。 您可以选择自己喜欢的数据库。 Strapi适用于SQL和NoSQL数据库：MongoDB，PostgreSQL，MySQL，MariaDB和SQLite。 可定制的。 您可以通过完全自定义API，路由或插件来完全满足您的需求，从而快速构建自己的逻辑。 入门 或执行以下步骤： :hourglass_not_done: 安装 使用此快速入门命令安装Strapi，以立即创建Strapi项目： （使用yarn安装Strapi项目（推荐）。 。） yarn create strapi-app my-project --qui
trapi-plugin-ckeditor5：用增强的CKEditor 5版本替换Strapi默认的WYSIWYG编辑器
02-12
Strapi CKEditor5插件 用增强HTML 替换默认的 markdown WYSIWYG编辑器。 样品文章。 产品特点 与经典编辑器相比具有更多功能 丰富内容的丰富功能集 可选的编辑器定制 自动将插入的图像上传到媒体库（由于 ） 媒体库按钮可将存储的图像直接插入编辑器 :fire: 将用户界面自动翻译为Strapi语言 :fire: 如何尝试 查看 ，您可以在其中测试大多数功能。 如何安装 转到您的Strapi项目文件夹并执行 npm i strapi-plugin-ckeditor5 别忘了重建Strapi npm run strapi build 如何自定义编辑器（可选） 如果要更改编辑器的外观或删除未使用的按钮，可以添加自定义CKEditor配置以覆盖默认设置： 转到您的Strapi文件夹 将空的配置文件node_modules/strapi-plugin-ckeditor5
前端-strapi
02-14
前端-strapi
strapi-unit-test-example:Strapi单元测试示例
05-13
用Strapi jest集成/功能测试示例。 有关详细信息，请参见主。 理论 相关文章 -Strapi官方文档 由Mateusz Wojczal 由Mateusz Wojczal 测试状态CI / CD： （单击徽章以查看结果） 运行测试 npm run test或yarn ...
gatsby-strapi-example:教程的简单Gatsby和Strapi示例
05-14
**Gatsby 和 Strapi 教程示例** Gatsby 是一个基于 React 的开源框架，用于构建超快速的静态网站和应用程序。它利用了现代 web 技术，如 GraphQL，提供了一个强大的开发体验，用于生成静态内容，从而实现更快的加载...
strapi-examples:使用Strapi的示例列表
05-25
寻找示例以了解Strapi的工作原理？ 您来对地方了！例子-电子商务应用routes controllers models services relations auth - “ ”源代码。 gatsby static website content API -基本的React App，可与第三方登录...
kubernetes 菜鸟_Kubernetes 新手教程：实战构建一个网站容器
06-01
好的，我可以为您解答。首先，您需要先了解一些基础知识，比如 Docker 和 Kubernetes。 Docker 是一个容器化平台，可以将应用程序及其依赖打包成一个独立的容器，从而实现应用程序的快速部署和迁移。Kubernetes 是一个容器编排平台，可以用于自动化部署、扩展和管理容器化应用程序。 接下来，我将为您介绍如何使用 Kubernetes 构建一个网站容器。 1. 创建一个 Docker 镜像 首先，您需要创建一个 Docker 镜像，将您的网站应用程序打包成一个容器。您可以使用 Dockerfile 定义容器中的环境和依赖项。例如，以下是一个简单的 Dockerfile 示例： ``` FROM nginx:latest COPY . /usr/share/nginx/html ``` 这个 Dockerfile 使用最新的 nginx 镜像，并将当前目录中的文件复制到容器的 /usr/share/nginx/html 目录中。 在 Dockerfile 所在的目录中，运行以下命令以构建 Docker 镜像： ``` docker build -t my-website . ``` 这个命令会将 Dockerfile 中定义的容器环境和依赖项打包成一个镜像，并将其命名为 my-website。 2. 部署 Kubernetes 应用程序 接下来，您需要使用 Kubernetes 部署您的应用程序。在 Kubernetes 中，您可以使用 Deployment 对象定义应用程序的部署和扩展策略。 以下是一个简单的 Deployment 示例： ``` apiVersion: apps/v1 kind: Deployment metadata: name: my-website spec: replicas: 3 selector: matchLabels: app: my-website template: metadata: labels: app: my-website spec: containers: - name: my-website image: my-website ports: - containerPort: 80 ``` 这个 Deployment 定义了一个名为 my-website 的应用程序，它包含 3 个副本，并使用 my-website 镜像。容器暴露了端口 80，以便外部用户可以访问应用程序。 在 Kubernetes 中，您可以使用 kubectl 命令行工具部署应用程序。在部署之前，请确保已经连接到 Kubernetes 集群。 以下是一个部署应用程序的示例命令： ``` kubectl apply -f deployment.yaml ``` 这个命令将使用 deployment.yaml 文件中定义的 Deployment 对象来部署应用程序。 3. 暴露服务 最后，您需要将应用程序暴露给外部用户。在 Kubernetes 中，您可以使用 Service 对象来实现这一点。 以下是一个简单的 Service 示例： ``` apiVersion: v1 kind: Service metadata: name: my-website spec: selector: app: my-website ports: - name: http port: 80 targetPort: 80 type: LoadBalancer ``` 这个 Service 定义了一个名为 my-website 的服务，它将流量路由到与标签 app=my-website 匹配的 Pod 中。服务暴露了端口 80，并使用负载均衡器将流量分配给不同的 Pod。 在 Kubernetes 中，您可以使用 kubectl 命令行工具创建服务。以下是一个创建服务的示例命令： ``` kubectl apply -f service.yaml ``` 这个命令将使用 service.yaml 文件中定义的 Service 对象来创建服务。 现在，您已经成功地使用 Kubernetes 构建了一个网站容器，并将其暴露给外部用户。如果您想了解更多关于 Kubernetes 的内容，可以查看 Kubernetes 的官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值