Anotasi Dokumen PDF menggunakan REST API di Node.js

Sebagai pengembang Node.js, Anda dapat dengan mudah membuat anotasi dokumen PDF Anda secara terprogram di cloud. Anda dapat menambahkan gambar, komentar, catatan, atau jenis komentar eksternal lainnya ke dokumen sebagai anotasi. Pada artikel ini, Anda akan mempelajari cara membuat anotasi dokumen PDF menggunakan REST API di Node.js.

Topik-topik berikut akan dibahas dalam artikel ini:

API REST Anotasi Dokumen dan SDK Node.js

Untuk menganotasi dokumen PDF, saya akan menggunakan Node.js SDK dari GroupDocs.Annotation Cloud API. Ini memungkinkan Anda membuat alat anotasi dokumen secara terprogram secara online. Anda dapat menambahkan anotasi, overlay tanda air, penggantian teks, redaksi, dan markup teks ke format dokumen yang didukung. Ini juga menyediakan SDK .NET, Java, PHP, Ruby, dan Python sebagai anggota keluarga anotasi dokumen untuk Cloud API.

Anda dapat menginstal GroupDocs.Annotation Cloud ke aplikasi Node.js Anda menggunakan perintah berikut di konsol:

npm install groupdocs-annotation-cloud

Dapatkan ID Klien dan Rahasia Klien Anda dari dashboard sebelum Anda mulai mengikuti langkah-langkah dan contoh kode yang tersedia. Setelah Anda memiliki ID dan rahasia Anda, tambahkan kode seperti yang ditunjukkan di bawah ini:

global.clientId = "659fe7da-715b-4744-a0f7-cf469a392b73"; // Get ClientId and ClientSecret from https://dashboard.groupdocs.cloud
global.clientSecret = "b377c36cfa28fa69960ebac6b6e36421"; // Get ClientId and ClientSecret from https://dashboard.groupdocs.cloud
global.myStorage = "";

const configuration = new groupdocs_annotation_cloud.Configuration(clientId, clientSecret);
configuration.apiBaseUrl = "https://api.groupdocs.cloud";

Anotasi Dokumen PDF menggunakan REST API di Node.js

Anda dapat membuat anotasi dokumen PDF Anda di cloud dengan mengikuti langkah-langkah sederhana yang diberikan di bawah ini:

  1. Unggah file PDF ke Cloud
  2. Anotasi Dokumen PDF menggunakan Node.js
  3. Unduh file beranotasi

Unggah Dokumen

Pertama, unggah file PDF ke Cloud menggunakan contoh kode berikut:

// inisialisasi api
var fileApi = new groupdocs_annotation_cloud.FileApi(configuration);

// Buka file di IOStream dari local/disc.
var resourcesFolder = 'C:\\Files\\sample.pdf';
// membaca berkas
fs.readFile(resourcesFolder, (err, fileStream) => {
  // buat permintaan unggah file
  var request = new groupdocs_annotation_cloud.UploadFileRequest("sample.pdf", fileStream, myStorage);
  // unggah data
  fileApi.uploadFile(request)
});

Hasilnya, file PDF yang diunggah akan tersedia di bagian file dasbor Anda di cloud.

Anotasi Dokumen PDF menggunakan Node.js

Anda dapat menambahkan banyak anotasi ke dokumen PDF secara terprogram dengan mengikuti langkah-langkah yang disebutkan di bawah ini:

  • Buat instance dari AnnotateApi
  • Buat instance pertama dari AnnotationInfo
  • Tetapkan properti anotasi untuk contoh pertama misalnya posisi, jenis, teks, dll.
  • Buat instance kedua dari AnnotationInfo
  • Tetapkan properti anotasi untuk contoh kedua misalnya posisi, jenis, teks, dll.
  • Buat instance ketiga dari AnnotationInfo
  • Tetapkan properti anotasi untuk contoh ketiga misalnya posisi, jenis, teks, dll.
  • Buat instance keempat dari AnnotationInfo
  • Tetapkan properti anotasi untuk contoh keempat misalnya posisi, jenis, teks, dll.
  • Buat instance FileInfo dan atur jalur file input
  • Buat instance dari AnnotateOptions
  • Tetapkan FileInfo dan instance anotasi yang ditentukan ke AnnotateOptions
  • Tetapkan jalur file keluaran
  • Buat permintaan dengan memanggil metode AnnotateRequest dengan AnnotateOptions
  • Dapatkan hasil dengan memanggil metode AnnotateApi.annotate() dengan AnnotateRequest

Contoh kode berikut menunjukkan cara membuat anotasi dokumen PDF dengan banyak anotasi menggunakan REST API di Node.js.

// inisialisasi api
let membubuhi keteranganApi = groupdocs_annotation_cloud.AnnotateApi.fromKeys(clientId, clientSecret);

// anotasi jarak
let a1 = new groupdocs_annotation_cloud.AnnotationInfo();
a1.annotationPosition = new groupdocs_annotation_cloud.Point();
a1.annotationPosition.x = 1;
a1.annotationPosition.y = 1;
a1.box = new groupdocs_annotation_cloud.Rectangle();
a1.box.x = 100
a1.box.y = 100
a1.box.width = 200
a1.box.height = 100
a1.pageNumber = 0
a1.penColor = 1201033
a1.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a1.penWidth = 3
a1.opacity = 1
a1.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Distance;
a1.text = "This is anotasi jarak";
a1.creatorName = "Anonym A.";

// anotasi daerah
let a2 = new groupdocs_annotation_cloud.AnnotationInfo();
a2.annotationPosition = new groupdocs_annotation_cloud.Point();
a2.annotationPosition.x = 1;
a2.annotationPosition.y = 1;
a2.box = new groupdocs_annotation_cloud.Rectangle();
a2.box.x = 80
a2.box.y = 400
a2.box.width = 200
a2.box.height = 100
a2.penColor = 1201033;
a2.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a2.pageNumber = 0;
a2.penWidth = 3;
a2.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Area;
a2.text = "This is anotasi daerah";
a2.creatorName = "Anonym A.";

// anotasi bidang teks
let a3 = new groupdocs_annotation_cloud.AnnotationInfo();
a3.annotationPosition = new groupdocs_annotation_cloud.Point();
a3.annotationPosition.x = 100;
a3.annotationPosition.y = 100;
a3.box = new groupdocs_annotation_cloud.Rectangle();
a3.box.x = 450
a3.box.y = 150
a3.box.width = 100
a3.box.height = 30
a3.pageNumber = 0;
a3.fontColor = 65535;
a3.fontSize = 16;
a3.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.TextField;
a3.text = "Text field text";
a3.creatorName = "Anonym A.";

// anotasi elips
let a4 = new groupdocs_annotation_cloud.AnnotationInfo();
a4.annotationPosition = new groupdocs_annotation_cloud.Point();
a4.annotationPosition.x = 1;
a4.annotationPosition.y = 1;
a4.box = new groupdocs_annotation_cloud.Rectangle();
a4.box.x = 350;
a4.box.y = 350;
a4.box.width = 200;
a4.box.height = 100;
a4.pageNumber = 0;
a4.penColor = 1201033;
a4.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a4.penWidth = 4;
a4.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Ellipse;
a4.text = "This is anotasi elips";
a4.creatorName = "Anonym A.";

let fileInfo = new groupdocs_annotation_cloud.FileInfo();
fileInfo.filePath = "sample.pdf";
let options = new groupdocs_annotation_cloud.AnnotateOptions();
options.fileInfo = fileInfo;
options.annotations = [a1, a2, a3, a4];
options.outputPath = "Output/output.pdf";

// membuat permintaan anotasi
let request = new groupdocs_annotation_cloud.AnnotateRequest(options);
// membubuhi keterangan
let result = await membubuhi keteranganApi.membubuhi keterangan(request);

console.log("Multiple Annotations added: " + result.href);
Anotasi Dokumen PDF menggunakan REST API di Node.js

Anotasi Dokumen PDF menggunakan REST API di Node.js

Anda dapat membaca selengkapnya tentang jenis anotasi yang didukung di bagian menambahkan anotasi dalam dokumentasi.

Unduh File Beranotasi

Contoh kode di atas akan menyimpan file PDF beranotasi di cloud. Anda dapat mengunduhnya menggunakan contoh kode berikut:

// membangun FileApi
var fileApi = new groupdocs_annotation_cloud.FileApi(configuration);

// buat permintaan file unduhan
let request = new groupdocs_annotation_cloud.DownloadFileRequest("Output/output.pdf", myStorage);
// Unduh berkas
let response = await fileApi.downloadFile(request);

// simpan file di direktori kerja
fs.writeFile("C:\\Files\\output.pdf", response, "binary", function (err) { });
console.log(response);

Tambahkan Anotasi Gambar menggunakan Node.js

Anda dapat menambahkan anotasi gambar dalam dokumen PDF Anda secara terprogram dengan mengikuti langkah-langkah berikut:

  • Buat instance dari AnnotateApi
  • Buat instance dari AnnotationInfo
  • Tentukan persegi panjang dan atur posisi, tinggi, dan lebarnya
  • Atur properti anotasi misalnya posisi, teks, tinggi, lebar, dll.
  • Setel jenis anotasi sebagai Gambar
  • Buat instance FileInfo dan atur jalur file input
  • Buat instance dari AnnotateOptions
  • Tetapkan FileInfo dan anotasi ke AnnotateOptions
  • Tetapkan jalur file keluaran
  • Buat permintaan dengan memanggil metode AnnotateRequest dengan AnnotateOptions
  • Dapatkan hasil dengan memanggil metode AnnotateApi.annotate() dengan AnnotateRequest

Contoh kode berikut menunjukkan cara menambahkan anotasi gambar dalam dokumen PDF menggunakan REST API di Node.js. Silakan ikuti langkah-langkah yang disebutkan sebelumnya untuk mengunggah dan mengunduh file.

// inisialisasi api
let membubuhi keteranganApi = groupdocs_annotation_cloud.AnnotateApi.fromKeys(clientId, clientSecret);

// anotasi gambar
let a1 = new groupdocs_annotation_cloud.AnnotationInfo();
a1.annotationPosition = new groupdocs_annotation_cloud.Point();
a1.annotationPosition.x = 1;
a1.annotationPosition.y = 1;
a1.box = new groupdocs_annotation_cloud.Rectangle();
a1.box.x = 300;
a1.box.y = 160;
a1.box.width = 200;
a1.box.height = 40;
a1.pageNumber = 0;
a1.penColor = 1201033;
a1.penStyle = groupdocs_annotation_cloud.AnnotationInfo.PenStyleEnum.Solid;
a1.penWidth = 1;
a1.type = groupdocs_annotation_cloud.AnnotationInfo.TypeEnum.Image;
a1.text = "This is anotasi gambar";
a1.creatorName = "Anonym A.";
a1.imagePath = "JohnSmith.png";

// jalur file masukan
let fileInfo = new groupdocs_annotation_cloud.FileInfo();
fileInfo.filePath = "sample.pdf";

// menentukan opsi anotasi
let options = new groupdocs_annotation_cloud.AnnotateOptions();
options.fileInfo = fileInfo;
options.annotations = [a1];
options.outputPath = "Output/output.pdf";

// membuat permintaan anotasi
let request = new groupdocs_annotation_cloud.AnnotateRequest(options);
// membubuhi keterangan
let result = await membubuhi keteranganApi.membubuhi keterangan(request);

console.log("Image Annotation added: " + result.href);
Tambahkan Anotasi Gambar menggunakan Node.js

Tambahkan Anotasi Gambar menggunakan Node.js

Coba Daring

Silakan coba alat anotasi PDF online gratis berikut, yang dikembangkan menggunakan API di atas. https://products.groupdocs.app/annotation/pdf

Kesimpulan

Dalam artikel ini, Anda telah mempelajari cara menambahkan banyak anotasi ke dokumen PDF di cloud. Anda juga telah mempelajari cara menambahkan anotasi gambar ke dokumen PDF secara terprogram. Selain itu, Anda telah mempelajari cara mengunggah file PDF secara terprogram di cloud dan kemudian mengunduh file beranotasi dari cloud. Anda dapat mempelajari lebih lanjut tentang GroupDocs.Annotation Cloud API menggunakan dokumentasi. Kami juga menyediakan bagian Referensi API yang memungkinkan Anda memvisualisasikan dan berinteraksi dengan API kami secara langsung melalui browser. Jika ada ambiguitas, jangan ragu untuk menghubungi kami di forum.

Lihat juga