Last updated: Mar-20-2024
This quick start lets you get an end-to-end implementation up and running using the Dart SDK in 5 minutes or less.
Prerequisites
1. Set up and configure the SDK
Install the package
Install the @cloudinary_url_gen
package by adding Cloudinary as a dependency in your pubspec.yaml file.
Configure Cloudinary
Important
When writing your own applications, follow your organization's policy on storing secrets and don't expose your API secret. Within your main.dart
file, use your API environment variable to configure your credentials (replace cloudinary://my_key:my_secret@my_cloud_name
below with your environment variable value):
main.dart
2. Upload an image
Copy and paste this into main.dart
:
main.dart (continued)
3. Transform and deliver the image
Displaying the full image URL based on the specified transformation parameters:
Copy and paste the following code, under the configuration code:
main.dart (continued)
Note
If you followed the steps to upload the docs/models
asset, you might want to use that public ID instead of cld-sample
. If you're using an image with a public ID other than cld-sample
, make sure to update your code for the remainder of this quick start with the public ID of the image you're delivering.4. Run your code
Run the code to see the transformed image.
View the completed code
This code is available on GitHub.
Ready to learn more?
- Understand the architecture of the Dart SDK and get a more detailed overview of the libraries.
- Find out more about transforming images and videos using
@cloudinary_url_gen
. - View a comprehensive listing of all available transformations with syntax details and examples in the transformation reference.
✖️