Sharing Top Content from the Angular-sphere.

Build An Image Manager With NativeScript, Node.js, And The Minio Object Storage Cloud

  • There are many solutions, for example you could store the files in your database as binary data, or you could store the files on the same server as your web application.
  • However, there are better options, for example, you could use an object storage solution to store files uploaded from your mobile application.
  • We’re going to see how to leverage Minio to store images that have been uploaded from an Android and iOS mobile application built with NativeScript and Angular.
  • The nativescript-toast plugin can be installed by executing the following: – – For more information on using Toast notifications, not discussed in this tutorial, check out a previous tutorial I wrote on the topic called, Display Toast Notifications in a NativeScript Angular Application.
  • component.ts file and include the following: – – All application logic for this example will happen in the above.

Learn how to build an image manager in NativeScript where you can upload your media to a Minio object storage cloud via a Node.js RESTful API.

When building a mobile application, there are often scenarios where you need to storage files remotely and when I say files, I don’t mean database data. For example, maybe you want to develop an image manager or photo storage solution like what Facebook and Instagram offer? There are many solutions, for example you could store the files in your database as binary data, or you could store the files on the same server as your web application. However, there are better options, for example, you could use an object storage solution to store files uploaded from your mobile application. Popular object storage solutions include AWS S3 as well as the open source alternative Minio.

We’re going to see how to leverage Minio to store images that have been uploaded from an Android and iOS mobile application built with NativeScript and Angular.

Going into this you need to understand that we won’t be communicating directly to Minio via our mobile application. The Minio JavaScript client requires both an access key and secret key, both of which should never be stored in a client facing application. If someone were to reverse engineer your application and get these keys, your data would then be compromised. This means that we’ll be using NativeScript to communicate with a Node.js server that communicates with Minio.

Above is an animated image that explains the goal of our application. We’ll have a basic…

Build An Image Manager With NativeScript, Node.js, And The Minio Object Storage Cloud

Comments are closed, but trackbacks and pingbacks are open.