Strapi-API服务器 超详细配置使用攻略

简介

Strapi就是一个API的管理系统,通过Strapi我们可以直接以网页的形式去定义自己的API、包括设置模型、权限等功能。有了Strapi我们无需编写代码便可开发出功能强大的API。

创建项目

Strapi项目的创建和React项目类似,它也为我们提供了一个工具,可以快速的创建项目。首先进入到要存放项目的目录然后执行一下命令:

npm

npx create-strapi-app@latest my-project --quickstart

yarn

yarn create strapi-app my-project --quickstart

Strapi-API服务器 超详细配置使用攻略_第1张图片

 

API服务器仅仅会运行在本地服务器中,所以账号什么的其实没那么重要,随意注册一个即可。注册完成后,点击Let’s start即可进入到项目页面。

配置语言

在命令行中通过ctrl+c停止项目的运行,如果ctrl+c不能正常关闭服务器的话,你还需要在任务管理器中找到node.js的进程并将其结束。然后,在项目的根目录中找到/src/admin/admin.example.js。接着,在当前目录中对该文件进行复制名重命名为admin.js并修改其中代码:

export default {
  config: {
    locales: [
      'zh-Hans',
    ],
  },
  bootstrap(app) {
    console.log(app);
  },
};

然后在命令行中,进入项目目录执行如下命令npm run buildyarn build,重新对项目就构建。执行完毕后调用npm start developyarn develop启动项目。

再次进入项目后,点击管理界面的做下角,你的用户名的地方且选中Profile选项来进入配置页面:

Strapi-API服务器 超详细配置使用攻略_第2张图片

 

添加内容类型

点击创建一个新的Content Type进入到定义界面

Strapi-API服务器 超详细配置使用攻略_第3张图片

 

在弹出的窗口中设置类型的名称,由于是学生信息所以命名为student,注意编写单数即可,Strapi会自动生成复数。填写后点击Continue。

接下来会进入到字段的定义界面,该界面用来定义一个类型中需要包含哪些数据

 Strapi-API服务器 超详细配置使用攻略_第4张图片

添加完成后,点击右上角的Save按钮保存操作,点击save后服务器会自动重启,稍等即可。

添加数据

创建类型后,点击左上角的Content Manager来向系统中添加学生信息:

选中student,然后点击添加条目,尝试添加几条数据

Strapi-API服务器 超详细配置使用攻略_第5张图片

Strapi-API服务器 超详细配置使用攻略_第6张图片

保存后,点击发布按钮,数据才能正常访问,也可以在内容类型中设置自动发布。添加完成后列表中有如下的学生信息:

Strapi-API服务器 超详细配置使用攻略_第7张图片

添加内容类型实际上相当于数据库的建表,添加数据相当于向数据库中插入数据,我们的操作在Strapi中实际上也会转换为对数据库的操作。

设置API权限

数据设置完了,我们还需要开发API的访问权限,分别点击settings –> roles –> public

Strapi-API服务器 超详细配置使用攻略_第8张图片

 

设置完权限就可以启动测试啦

你可能感兴趣的:(javascript,javascript,前端,vue.js)