快切是一个figma插件,主要功能为图片上传至cdn同时提供压缩功能。但是插件本身仅提供了收集图片数据功能,需要在如下页面配置接口地址。
同时由于服务器资源有限,如果需要压缩功能,接口需要使用者自己提供,本仓库为对应的后端接口代码示例
请注意本仓库为后端代码,但是figma app限制,接口必须为https,本示例代码可运行 npm run cert 获取开发模式下的自签名证书,提供本地调试用,生产环境部署时,请自行配置https
快切配置的api可以不使用本仓库示例代码,只需要你填入的api地址满足如下请求响应格式即可
请求curl格式如下
curl --location --request POST '<后端接口地址>' \
--form 'compress="1"' \
--form 'image=@"/Users/1562887048670086153-2.png"'
其中compress 1为压缩 compress 0为不压缩
接口返回参数 如下
{
"success": true,
"message": "",
"results": {
"url": "https://img1.dxycdn.com/2022/0124/569/2317034470746338253-7.png"
}
}
修改 app/api/image.ts中的如下代码
// 这里是自己定义的图床接口,如果是cdn服务,一般是需要一些认证操作的
const url = "<你的图床接口>";
$ npm i
$ npm run dev
$ open http://localhost:7001/