云态反应 SDK
关于
Cloudinary React SDK允许您快速而轻松地将您的应用程序与Cloudinary集成. 努力地优化和改造你的云资产.
说明
这个Readme提供了基本的安装和使用信息. 关于完整的文件,见 反应 SDK 指南。 。 。 .
目录
关键特性
版本支持
| SDK 版本 | 反应 16 | 反应 17 | 反应 18 |
|---|---|---|---|
| 1. 0.0上调( u) | 五、结 论 | 五、结 论 | 五、结 论 |
安装
使用您最喜欢的软件包管理器( yarn, npm) 安装
npm i @cloudinary/url-gen @cloudinary/react --save
或者说
yarn add @cloudinary/url-gen @cloudinary/react --save
使用量
设置
import React from 'react';
import { AdvancedImage } from '@cloudinary/react'
import { Cloudinary } from '@cloudinary/url-gen';
资产转化和优化
import { AdvancedImage } from '@cloudinary/react'
import { Cloudinary } from '@cloudinary/url-gen';
const myCld = new Cloudinary({
cloud: {
cloudName: "demo",
},
});
let img = myCld.image('sample');
const App = () => {
return <AdvancedImage cldImg={img}/>
};
生成图像和视频 HTML 标记
- Use <AdvancedImage> to generate image tags
- Use <AdvancedVideo> to generate video tags
高级插件特性
- 见完整文件
我们建议在使用我们的插件以取得最佳效果时采用以下顺序:
import { CloudinaryImage } from "@cloudinary/url-gen";
import {
lazyload,
responsive,
accessibility,
placeholder
} from "@cloudinary/react";
cloudinaryImage = new CloudinaryImage("sample", { cloudName: "demo" });
const App = () => {
return <AdvancedImage cldImg={img} plugins={[lazyload(),responsive(), accessibility(), placeholder()]} />;
};
您可以略去任何插件, 但上面的顺序应该保留 .
文件上传
此 SDK 不提供文件上传功能, 但是有 从客户端上传的几种方法。 。 。 .
捐款
- 确保在当地进行测试(
npm run test(中文(简体) ) - 打开公关,确保Travis测试合格
获得帮助
如果遇到问题或有问题,可以:
- 打开 Github 问题 (与SDK有关的问题)
- 开罚单 (与您的账户有关的问题)
关于云层
Cloudinary是一个强大的媒体API,用于网站和移动应用,Cloudinary使开发者能够高效地管理,转换,优化,并通过多个CDN传送图像和视频. 观众最终会享受到回应性和个人化的视觉媒体体验.
额外资源
- 云化转换和REST API 参考文献:综合参考文献,包括所有SDK的语法和示例.
- 媒体jams.dev: 由 Cloudinary 开发者编写和为 Cloudinary 开发者编写的 Bite- size- use- case 教程
- 德夫贾姆斯: Cloudinary开发商在YouTube上的播客.
- 云霄学院:免费自定进度的课程,由教官牵头的虚拟课程,以及现场课程.
- 代码探索者和特性演示文稿:一个一站式商店,供所有代码探索者使用,邮递员收藏,以及文件中发现的特性演示.
- 云层路线图:你有机会跟随,投票,或者建议接下来的Cloudinary应该发展什么.
- 云龙脸书社区:向其他云源开发者学习并提供帮助.
- 云层账户注册:自由云账户注册.
- 云层网站: 了解Cloudinary的产品,合作伙伴,客户,定价,等等.
许可证
根据麻省理工学院的许可被释放.