Cara Menciptakan D0wnl0ad File Di Nativescript Dengan J4vascript

Pada pembahasan kali ini aku ingin menyebarkan cara menciptakan d0wnl0ad file di nativescript. Cara membuatnya cukup mudah, disini kita memerlukan dua buah module untuk membuatnya, adalah module file-system dan http. Untuk module file-system disini akan berfungsi untuk menyimpan file yang diambil oleh module http ke lokal memori kamu.

Pada praktiknya ini aku memakai nativescript 4.x, tapi cara ini masih sanggup di pakai untuk kau yang masih memakai nativescript 3.x, soalnya dulu sintak ini aku buat di nativescript 3. Paling bila kau ingin menggunakannya di nativescript 3 akan ada sedikit perubahan, misalnya pada bab sintak obrolan alert, silahkan dicoba saja :)

XML VIEW
Langkah pertama buat tombol sederhana untuk mentriger fungsi d0wnl0adnya, kemudian biar terlihat dinamis link filenya sekalian di sematkan pada tombol itu sendiri, berikut sintaknya :

 <Button text="Download File" url="http://ex.com/haha.pdf" tap="d0wnl0adFile" /> 

Pada atribut "url" diatas kau sanggup juga isi dengan variabel biar semakin dinamis. Lalu atribut "tap" diatas merupakan atribut listener, diakan otomatis tertriger ketika tombol di tekan.

JAVASCRIPT CONTROLLER
Langkah selanjutnya, pada sisi JS kita akan menciptakan sebuah fungsi sederhana dengan nama "d0wnl0adFile", berikut sintaknya :

 const fs = require('file-system'); const http = require("http");  exports.d0wnl0ad = function (args) {     let data = args.object;      var androidDownloadsPath = android.os.Environment.getExternalStoragePublicDirectory(android.os.Environment.DIRECTORY_DOWNLOADS).toString();      let url = data.get("url");     let filename = url.substring(url.lastIndexOf('/') + 1);     let saveLocation = fs.path.join(androidDownloadsPath, filename);      http.getFile(url, saveLocation).then(function (file) {         alert("Successfully d0wnl0aded").then(() => { });     }).catch(function (error) {         alert("error occurred!").then(() => { });     }); }; 

Source : https://gist.github.com/dyazincahya/8d4fce09f5249565147d85fe4ef6ee0c

KETERANGAN

Pertama, kau load terlebih dahulu module yang kau butuhkan dengan cara mengetikan :

 const fs = require('file-system'); const http = require("http"); 

Kedua, untuk mengambil data url yang disematkan pada atribut "url" caranya mudah, kau cukup ketikan sintak ibarat :

 let data = args.object; let url = data.get("url"); 

Ketga, pada pola ini aku menyimpan file yang sudah di d0wnl0ad ke folder "d0wnl0ad" yang terdapat di memori kamu. Lalu untuk mengakses folder d0wnl0ad itu sendiri kau sanggup memakai sintak :

 var androidDownloadsPath = android.os.Environment.getExternalStoragePublicDirectory(android.os.Environment.DIRECTORY_DOWNLOADS).toString(); 

Keempat, untuk mendapat nama file yang terdapat pada url, kau sanggup memakai sintak :

 let filename = url.substring(url.lastIndexOf('/') + 1); 

Kemudian untuk sisanya kau sanggup baca sendiri pada sintak diatas.

SETTING PERMISSION
Oh iya hampir saja lupa, untuk praktiknya, kau jangan lupa untuk mengatur permmisionnya terlebih dahulu biar file sanggup tersimpan ke lokal memori, cara sederhananya kau tinggal sematkan sintak ini ke MY_Project/app/App_Resources/Android/scr/main/AndroidManifest.xml

 <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 

Letakan sintak diatas sempurna didalam tag <manifest...> sematkan disini </manifest>.

Jika cara diatas belum berhasil, kau sanggup memakai proteksi plugin nativescript-permmision (https://github.com/nathanaela/nativescript-permissions).

Mungkin pembahasannya aku cukupkan hingga disini dulu, bila ada yang masih resah sanggup tanyakan saja dikolom komentar. Semoga bermanfaat yah :)

Sumber http://www.kang-cahya.com

Share this post

Berlangganan update artikel terbaru via email: