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