币游国际平台
菜单类

JavaScript迁移指南

最新更新日期:Oct-31-2023

导 言

云化avaScript最新SDK设计提供比JavaScriptSDK遗留经验简单和增强开发者经验本指南解释如何从JavaScript代码迁移云芯库类JavaScriptSDKs-url-gen库里

s-url-gen库关键改进

  • 新建基于动作语法设计,使建楼交付URL和变换更加逻辑化和可发现性
    • 编译归定交付URL时,每个动作(包括任何动作)修饰词表示不同的构件(除以 '/'),例如:/c_scale,w_400/f_auto/q_auto/,而不是/c_scale,f_auto,q_auto,w_400/.
  • 新建自填列表选项和参数并仅确保支持选项和参数可并用
  • 小包大小-你只需要导入想用的东西

迁移到js-url-gen库前需要知道的事情

基于动作语法s-url-gen库可能导致URL组成不同于由云芯图书馆

例举 :

  • URL生成云核心库
    https://res.www.agrosoland.com/demo/image/upload/c_scale,f_auto,q_auto,w_400/sample.jpg
  • URL生成js-url-gen库
    https://res.www.agrosoland.com/demo/image/upload/c_scale,w_400/f_auto/q_auto/sample.jpg


即使是交付媒体文件外观和行为完全相同,对 URLs的修改也可能产生下列影响:

  • 可见一次性增量变换计数
  • 可见新衍生资产存储用量一次性增加
  • URL使用加载变换参数时,你可以看到一次性加载使用量增加
  • CDN缓存可能需要用新衍生资产热
  • if严格变换允许您的产品环境(控制台安全页设置中),你需要允许新变换
  • 需要变换生成热切举长视频例子,你需要通过最新的SDK重生这些视频热切参数解析显式方法论

减少所有上述作用,我们建议使用createCloudinaryLegacyURL方法变换URLs, 特别是如果应用提供大数变换资产保持变换结构, URLs保持原样 。

上头createCloudinaryLegacyURL函数只支持变换和配置参数帮助迁移HTML标签、响应性、占位符、透明视频或jQuery功能

所有新变换URL添加应用时, 我们建议使用SDK最新版本提供的新基于动作语法

全文档使用s-url-gen库见JavaScriptSDK指南.

上页:

关键考量

上头云芯库与库大相径庭@cloudinary/url-gen库架构使用量取决于当前使用量云芯库里

可同时使用云芯并@cloudinary/url-gen同时应用中包,所以,尽管由于捆绑大小增加,长期不推荐,但从整合入手可以启动@cloudinary/url-gen输入应用并缓慢逐片迁移功能,直到你能够删除全部云芯功能性

指南中的指令假设JavaScript使用模块化环境

安装

安装@cloudinary/url-gen包使用量 :

移动云实例配置

JavaScriptSDK遗留词使用后,您可能正在配置云名和其他配置参数云化实例化等量云对象@cloudinary/url-gen.

举个例子,这个云芯代码 :

相似于此@cloudinary/url-gen代码 :

移动资产实例配置

也可以设置配置参数图像塔格或URLJavaScriptSDK v1方法类似设置参数@cloudinary/url-gen.

例举设置云名URL中 :

相似设置云化Name中云化图:

注解
使用 云性实例配置免增配置参数

移动交付URLs

使用云芯JSON语法中具体规定配置和变换参数,例如:

使用@cloudinary/url-gen中,您可以使用createCloudinaryLegacyURL函数以同JSON传递并返回同URL,然后用该URL作为图像标签源码配置参数,例如云名函数调用中应包含此功能,因为这只是帮助者函数构建交付URL

面向对象,例如图层,TextLayer (),FetchLayer ()并Transformation()中输入相关类@cloudinary/url-gen/backwards.

注意
有大数资产时推荐使用 createCloudinaryLegacyURL方法论使用新SDK变换语法替换现有变换时,可发现URL生成方式稍有不同看吧 迁移到js-url-gen库前需要知道的事情,这些修改对变换URL的影响

面向所有新云式交付URL,你应开始使用@cloudinary/url-gen语法为:

产生URL为:

变换演技

移动响应功能

使用时响应功能主动提供云芯中,使用最新JaavaScriptSDK时必须完全替换此代码

为此,你需要安装@cloudinary/html包自frontend-frameworks:

并使用响应性插件插件HTMLimageLayer:

相关题目

反馈发送

评分本页 :