简介
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
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 build
或yarn build
,重新对项目就构建。执行完毕后调用npm start develop
或yarn develop
启动项目。
再次进入项目后,点击管理界面的做下角,你的用户名的地方且选中Profile选项来进入配置页面:
添加内容类型
点击创建一个新的Content Type进入到定义界面
在弹出的窗口中设置类型的名称,由于是学生信息所以命名为student,注意编写单数即可,Strapi会自动生成复数。填写后点击Continue。
接下来会进入到字段的定义界面,该界面用来定义一个类型中需要包含哪些数据
添加完成后,点击右上角的Save按钮保存操作,点击save后服务器会自动重启,稍等即可。
添加数据
创建类型后,点击左上角的Content Manager来向系统中添加学生信息:
选中student,然后点击添加条目,尝试添加几条数据
保存后,点击发布按钮,数据才能正常访问,也可以在内容类型中设置自动发布。添加完成后列表中有如下的学生信息:
添加内容类型实际上相当于数据库的建表,添加数据相当于向数据库中插入数据,我们的操作在Strapi中实际上也会转换为对数据库的操作。
设置API权限
数据设置完了,我们还需要开发API的访问权限,分别点击settings –> roles –> public
设置完权限就可以启动测试啦