高效管理图像和视频等媒体资产对于 web 应用程序至关重要，cloudinary 提供了一个出色的解决方案来无缝处理这些资产。在这篇文章中，我们将逐步介绍 cloudinary 在 node.js 项目中的集成过程。
什么是云？
cloudinary 是一种基于云的媒体管理服务，允许开发人员以 web 友好的格式轻松存储、转换和交付图像和视频。凭借自动图像优化、响应式转换和通过 cdn 进行内容交付等功能，cloudinary 已成为许多开发人员的首选。
探索 cloudinary 定价
先决条件
开始之前，请确保您已：
网奇企业网站管理系统CWMS2.0 英文版
下载
CWMS 2.0功能介绍：一、 员工考勤系统，国内首创CWMS2.0的企业员工在线考勤系统。二、 自定义URL Rewrite重写，友好的搜索引擎 URL优化。三、 代码与模板分离技术，支持超过5种类型的模板类型。包括：文章、图文、产品、单页、留言板。四、 购物车功能，CWMS2.0集成国内主流支付接口。如：淘宝、易趣、快钱等。完全可媲美专业网上商城系统。五、 多语言自动切换 中英文的说明。六、
- 您的系统上安装了 node.js
- 基本的 node.js 应用程序设置
- 一个cloudinary帐户（如果您没有，可以在这里注册）
第1步：安装cloudinary sdk
npm install cloudinary
第2步：配置cloudinary
const cloudinary = require('cloudinary').v2;
cloudinary.config({
cloud_name: 'your_cloud_name',
api_key: 'your_api_key',
api_secret: 'your_api_secret',
});
module.exports = cloudinary;
第三步：设置环境变量
cloud_name=your-cloud-name api_key=your-api-key api_secret=your-api-secret
npm install dotenv
require('dotenv').config();
cloudinary.config({
cloud_name: process.env.cloud_name,
api_key: process.env.api_key,
api_secret: process.env.api_secret,
});
第4步：将图像上传到cloudinary
const cloudinary = require('./config');
async function uploadimage(imagepath) {
try {
const result = await cloudinary.uploader.upload(imagepath, {
folder: 'samples', // optional: specify the folder to store images
});
console.log('image uploaded successfully:', result.url);
return result.url;
} catch (error) {
console.error('error uploading image:', error);
}
}
// example usage
uploadimage('path/to/your/image.jpg');
第 5 步：使用 cloudinary 转换图像
const transformedimageurl = cloudinary.url('sample.jpg', {
width: 400,
height: 300,
crop: 'fill',
});
console.log('transformed image url:', transformedimageurl);
第 6 步：在应用程序中处理文件上传
npm install multer
const multer = require('multer');
const upload = multer({ dest: 'uploads/' }); // temporary folder for uploaded files
app.post('/upload', upload.single('image'), async (req, res) => {
try {
const imagepath = req.file.path;
const imageurl = await uploadimage(imagepath);
res.json({ imageurl });
} catch (error) {
res.status(500).json({ error: 'failed to upload image' });
}
});
第 7 步：优化和交付媒体资产
const optimizedImageUrl = cloudinary.url('sample.jpg', {
fetch_format: 'auto',
quality: 'auto',
});
console.log('Optimized Image URL:', optimizedImageUrl);
结论
将 cloudinary 集成到您的 node.js 项目中非常简单，并且打开了媒体管理功能的世界。无论您处理图像还是视频，cloudinary 强大的 api 都可以让您轻松高效地优化、转换和交付资产。
编码愉快！
