你被邀请来影响我们的新SDK
点击这里查看 github 讨论
云层 URL - Gen SDK
关于
Cloudinary URL-Gen SDK允许您快速而轻松地将您的应用程序与Cloudinary集成. 努力地优化和改造你的云资产.
此 SDK 也可以与 流行前端框架。 。 。 .
其他文件
这个Readme提供了基本的安装和使用信息. 关于完整的文件,见 URL- Gen SDK 指南 编辑 URL- Gen 参考。 。 。 .
注:在使用url-gen库时,将安装一个额外的转换-构建器-sdk库作为依赖. 这个库处理URL的变换生成部分,因此所有变换动作都从这个库导入. 因此,您可以从@cloudinary/url-gen(如文档所示)导入所有变换,也可以直接从变换-构建器-sdk库导入,例如:
import {scale} from '@cloudinary/transformation-builder-sdk/actions/resize';
您可以在 转换构建器参考。 。 。 .
目录
关键特性
版本支持
记着!
这个SDK是跨平台的,但只有Node.js版本值得一提
| SDK 版本 | 节点.js 14 | 节点.js 16 |
|---|---|---|
| 1.x 运算 | 五、结 论 | 五、结 论 |
安装
使用您最喜欢的软件包管理器( yarn, npm) 安装
npm install @cloudinary/url-gen
yarn add @cloudinary/url-gen
使用量
设置
// Import the Cloudinary class
import {Cloudinary} from '@cloudinary/url-gen';
// Create your instance
const cld = new Cloudinary({
cloud: {
cloudName: 'demo'
},
url: {
secure: true // force https, set to false to force http
}
});
资产转化和优化
// Create a new instance if you haven't (see above for the details)
const cld = new Cloudinary({/*...*/})
// Let's create a new image
const myImage = cld.image('sample');
// Import the resize transformation and apply it to myImage
import {Resize} from '@cloudinary/url-gen/actions/resize';
// Resize the image to 100x100
myImage.resize(Resize.scale().width(100).height(100));
// When we're done, we can apply all our changes and create a URL.
const myURL = myImage.toURL();
// https://res.cloudinary.com/demo/image/upload/c_scale,w_100,h_100/sample
console.log(myURL);
生成图像和视频 URL
库支持图像和视频上的转换. 请按以下规定使用适当的方法:
- Use `cld.image()` to generate image URLs and transformations
- Use `cld.video()` to generate video URLs and transformations
两者 image() 财务报告和审定财务报表 video() 允许您使用的方法 toURL() 生成最终的已转换的资产 URL.
文件上传
此 SDK 不提供文件上传功能, 但是有 从客户端上传的几种方法。 。 。 .
转接
@cloudinary/url-gen 以未传送的 ES6 代码运出.
@cloudinary/url-gen 围绕捆绑的大小优化, 因此我们不转录我们的分布式模块,
我们让浏览器决定支持什么, 以及应用什么转写, 给你,用户.
用 Jest 进行测试
如前所言,我们在航运 @cloudinary/url-gen 有了ES6代码, 因为这提供了巨大的震动树的潜力.
测试时还需要一些调整.
开玩笑的 配置,你需要添加这些行 让贝贝尔转录我们的代码.
{
"transform": {
"node_modules/@cloudinary/url-gen": "babel-jest",
"node_modules/@cloudinary/transformation-builder-sdk": "babel-jest"
},
"transformIgnorePatterns": ["/node_modules/(?!(@cloudinary/url-gen|@cloudinary/transformation-builder-sdk))"]
}
确保安装 bayl- jest :
npm install babel-jest
你还需要确保你有一个 babel.config.js 文档(而非 .babelrc),以及该
它的配置是适当的 转接码,
例如数字 :
module.exports = {
"presets": [
"@babel/preset-env"
]
};
捐款
- 克隆此寄存器
- 创建叉
- 做你的改变
- 本地测试
npm run test - 本地构建项目
npm run build - 按您的更改
- 等待维护者的检讨
获得帮助
如果遇到问题或有问题,可以:
- 打开 Github 问题 (与SDK有关的问题)
- 开罚单 (与您的账户有关的问题)
在此可找到额外资源:
关于云层
Cloudinary是一个强大的媒体API,用于网站和移动应用,Cloudinary使开发者能够高效地管理,转换,优化,并通过多个CDN传送图像和视频. 观众最终会享受到回应性和个人化的视觉媒体体验.
额外资源
- 反应 SDK
- 角质 SDK
- 带有前端框架的使用
- 云化转换和REST API 参考文献:综合参考文献,包括所有SDK的语法和示例.
- 媒体jams.dev: 由 Cloudinary 开发者编写和为 Cloudinary 开发者编写的 Bite- size- use- case 教程
- 德夫贾姆斯: Cloudinary开发商在YouTube上的播客.
- 云霄学院:免费自定进度的课程,由教官牵头的虚拟课程,以及现场课程.
- 代码探索者和特性演示文稿:一个一站式商店,供所有代码探索者使用,邮递员收藏,以及文件中发现的特性演示.
- 云层路线图:你有机会跟随,投票,或者建议接下来的Cloudinary应该发展什么.
- 云龙脸书社区:向其他云源开发者学习并提供帮助.
- 云层账户注册:自由云账户注册.
- 云层网站
许可证
根据麻省理工学院的许可被释放.