{"id":26770,"date":"2025-08-18T09:09:58","date_gmt":"2025-08-18T09:09:58","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=26770"},"modified":"2025-08-18T09:09:58","modified_gmt":"2025-08-18T09:09:58","slug":"langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","title":{"rendered":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript"},"content":{"rendered":"<h3><strong>Encoding<\/strong><\/h3>\n<p><span class=\"suggestion_paragraphs result__para__1\" data-para=\"result__para__1\">Encoding merupakan langkah mengubah file, isi, data, atau informasi dari satu format ke format lain dengan menggunakan kode. <\/span><span class=\"suggestion_paragraphs result__para__2\" data-para=\"result__para__2\">Kode ini berbentuk simbol, tanda, atau huruf yang berfungsi untuk mewakili sesuatu. <\/span><span class=\"suggestion_paragraphs result__para__3\" data-para=\"result__para__3\"> Tujuan utama dari Encoding yaitu untuk memastikan data dapat diakses atau diterima dengan aman, sehingga end-user dapat membacanya dan memanfaatkan informasi tersebut.<\/span><\/p>\n<h3>Decoding<\/h3>\n<p><span class=\"suggestion_paragraphs result__para__5\" data-para=\"result__para__5\">Decoding adalah proses membuka akses ke konten, file, data, atau informasi yang sebelumnya telah melalui tahap Encode. <\/span><span class=\"suggestion_paragraphs result__para__6\" data-para=\"result__para__6\">Dalam Javascript, Anda dapat memanfaatkan Base64 untuk melakukan Encode dan Decode Strings.<\/span><\/p>\n<p><span class=\"suggestion_paragraphs result__para__7\" data-para=\"result__para__7\">Di dalam tutorial kali ini, kami akan membahas tentang proses Encode dan Decode tersebut. <\/span><span class=\"suggestion_paragraphs result__para__8\" data-para=\"result__para__8\">Untuk alat yang digunakan, kita akan memakai Developer Console yang terdapat di browser pilihan Anda, dan dalam hal ini kami menggunakan Chrome sebagai contoh.<\/span><\/p>\n<h3>Encoding &amp; Decoding Strings dengan Base64<\/h3>\n<p>Terdapat 2 fungsi pada Javascript, yaitu <strong>btoa()<\/strong> dan <strong>atob()<\/strong>, kedua ini adalah Base64 helper functions sebagai part penting dalam spesifikasi HTML dan tersedia di seluruh browser modern.<\/p>\n<p>btoa() mengambil string dan encode ke Base64.<\/p>\n<p>Misalnya, kamu memiliki string \u201cHi!\u201d, dan ingin di Encode ke Base64. Pada Developer Console, masukkan String dan Encode, sehingga akan seperti:<\/p>\n<div class=\"elementor-element elementor-element-20bcd998 e-flex e-con-boxed e-con e-parent e-lazyloaded\" data-id=\"20bcd998\" data-element_type=\"container\">\n<div class=\"e-con-inner\">\n<div class=\"elementor-element elementor-element-2258c186 e-con-full e-flex e-con e-child\" data-id=\"2258c186\" data-element_type=\"container\">\n<div class=\"elementor-element elementor-element-27dada8c elementor-widget__width-initial elementor-widget elementor-widget-theme-post-content\" data-id=\"27dada8c\" data-element_type=\"widget\" data-widget_type=\"theme-post-content.default\">\n<pre>\/\/ String\r\nvar decodedStringBtoA = 'Hi!';\r\n\r\n\/\/ Encode String\r\nvar encodedStringBtoA = btoa(decodedStringBtoA);\r\n\r\nconsole.log(encodedStringBtoA);<\/pre>\n<p>Kemudian akan keluar output:<\/p>\n<p>SGkh<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-45048 size-full\" src=\"https:\/\/dwblog-ecdf.kxcdn.com\/wp-content\/uploads\/2022\/08\/sgkh.png\" alt=\"sgkh - cara encode dan decode\" width=\"556\" height=\"112\" \/><\/p>\n<p>Sedangkan fungsi atob() akan mengambil string dan decode dari Base64.<\/p>\n<p>Misalnya seperti tadi, hasil Encodingnya adalah <strong>\u201cSGkh\u201d<\/strong>, maka kamu bisa melakukan Decode dari Base64. Pada Developer Console, masukkan String dan Decode, sehingga akan seperti:<\/p>\n<pre>\/\/ String\r\nvar encodedStringAtoB = 'SGkh';\r\n\r\n\/\/ Decode String\r\nvar decodedStringAtoB = atob(encodedStringAtoB);\r\n\r\nconsole.log(decodedStringAtoB);\r\n\r\n\r\n<\/pre>\n<p>Kemudian akan keluar output:<\/p>\n<p>Hi!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-45049 size-full\" src=\"https:\/\/dwblog-ecdf.kxcdn.com\/wp-content\/uploads\/2022\/08\/hi.png\" alt=\"hi - cara encode dan decode\" width=\"388\" height=\"118\" \/><\/p>\n<p>Hasil Encode nya hanya beberapa huruf, karena huruf dari karakter asli juga hanya 3 huruf, untuk mendapatkan hasil Encoding dengan banyak huruf maka perlu banyak karakter yang di Encode.<\/p>\n<h3>Kesimpulan<\/h3>\n<p><span class=\"suggestion_paragraphs result__para__0\" data-para=\"result__para__0\">Dengan memanfaatkan fitur Developer Console, Anda memiliki kemampuan untuk Encode dan Decode String dengan format Base64, serta mengembalikannya lagi ke bentuk semula. <\/span><span class=\"suggestion_paragraphs result__para__1\" data-para=\"result__para__1\">Itulah uraian singkat kali ini. <\/span><span class=\"suggestion_paragraphs result__para__2\" data-para=\"result__para__2\"> Jika Anda ingin memperluas cakrawala pengetahuan, jangan ragu untuk menjelajahi blog Hosteko. <\/span><span class=\"suggestion_paragraphs result__para__3\" data-para=\"result__para__3\"> Kami menyuguhkan beragam artikel yang dirancang khusus untuk memperkaya pemahaman Anda. <\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;26770&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (1 vote)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Langkah Cepat Encode dan Decode String dengan Base64 di Javascript&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (1 vote)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Encoding Encoding merupakan langkah mengubah file, isi, data, atau informasi dari satu format ke format lain dengan menggunakan kode. Kode ini berbentuk simbol, tanda, atau huruf yang berfungsi untuk mewakili sesuatu. Tujuan utama dari Encoding yaitu untuk memastikan data dapat diakses atau diterima dengan aman, sehingga end-user dapat membacanya dan memanfaatkan informasi tersebut. Decoding Decoding [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":26771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[12315,12317,12316],"class_list":["post-26770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-decoding-dan-encoding","tag-developer-console","tag-javacript"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png",1366,768,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Encoding Encoding merupakan langkah mengubah file, isi, data, atau informasi dari satu format ke format lain dengan menggunakan kode. Kode ini berbentuk simbol, tanda, atau huruf yang berfungsi untuk mewakili sesuatu. Tujuan utama dari Encoding yaitu untuk memastikan data dapat diakses atau diterima dengan aman, sehingga end-user dapat membacanya dan memanfaatkan informasi tersebut. Decoding Decoding [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-18T09:09:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fitri Ana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fitri Ana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\"},\"author\":{\"name\":\"Fitri Ana\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\"},\"headline\":\"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript\",\"datePublished\":\"2025-08-18T09:09:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\"},\"wordCount\":314,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png\",\"keywords\":[\"decoding dan encoding\",\"Developer Console\",\"javacript\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\",\"url\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\",\"name\":\"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png\",\"datePublished\":\"2025-08-18T09:09:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\",\"name\":\"Fitri Ana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"caption\":\"Fitri Ana\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","og_locale":"en_US","og_type":"article","og_title":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog","og_description":"Encoding Encoding merupakan langkah mengubah file, isi, data, atau informasi dari satu format ke format lain dengan menggunakan kode. Kode ini berbentuk simbol, tanda, atau huruf yang berfungsi untuk mewakili sesuatu. Tujuan utama dari Encoding yaitu untuk memastikan data dapat diakses atau diterima dengan aman, sehingga end-user dapat membacanya dan memanfaatkan informasi tersebut. Decoding Decoding [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","og_site_name":"Hosteko Blog","article_published_time":"2025-08-18T09:09:58+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206-1024x576.png","type":"image\/png"}],"author":"Fitri Ana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fitri Ana","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript"},"author":{"name":"Fitri Ana","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0"},"headline":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript","datePublished":"2025-08-18T09:09:58+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript"},"wordCount":314,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png","keywords":["decoding dan encoding","Developer Console","javacript"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","url":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript","name":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png","datePublished":"2025-08-18T09:09:58+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/langkah-langkah-encode-dan-decode-string-dengan-base64-di-javascript#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Langkah Cepat Encode dan Decode String dengan Base64 di Javascript"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0","name":"Fitri Ana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","caption":"Fitri Ana"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul206.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=26770"}],"version-history":[{"count":2,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26770\/revisions"}],"predecessor-version":[{"id":26773,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26770\/revisions\/26773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/26771"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=26770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=26770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=26770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}