DataV：Buat, pratinjau, dan publikasikan aplikasi visualisasi

Kata Sandi

1. Di kotak dialog Publish, aktifkan Password.

2. Di kotak input Password, masukkan kata sandi verifikasi Anda.

   Kata sandi harus minimal 6 karakter dan memenuhi ketiga kondisi berikut:

   • Termasuk setidaknya satu huruf besar A-Z.

   • Termasuk setidaknya satu huruf kecil a-z.

   • Termasuk setidaknya satu angka 0-9.

   Setelah kata sandi berhasil diatur, sistem akan menampilkan Access control is configured.

3. Opsional: Konfigurasikan Verification Validity Period.

   Penting

   Anda hanya dapat mengonfigurasi Verification Validity Period setelah berhasil menyetel kata sandi atau mengaktifkan verifikasi Token.

   • Pilih Verification Validity Period untuk menetapkan periode berlaku untuk kata sandi, maksimal hingga 32 jam. Setelah pengunjung memasukkan kata sandi dengan benar dan berhasil mengakses aplikasi visualisasi untuk pertama kalinya, mereka dapat mengakses aplikasi visualisasi tanpa memasukkan kata sandi lagi dalam periode berlaku yang ditetapkan.

   • Hapus centang Verification Validity Period untuk meminta memasukkan kata sandi setiap kali mengakses.

   Setelah kata sandi berhasil diatur, pengunjung harus memasukkan kata sandi untuk mengakses tautan berbagi.

Token

Anda dapat mengintegrasikan izin akses aplikasi visualisasi dengan sistem izin Anda melalui verifikasi Token.

Di kotak dialog Publish, aktifkan saklar Token untuk mengaktifkan verifikasi Token. Setelah verifikasi Token diaktifkan, Anda dapat melakukan operasi berikut:

• Dapatkan kode verifikasi Token.

  Setelah mengaktifkan saklar Token, DataV akan menghasilkan Token. Catat Token ini karena akan digunakan nanti.

• (Opsional) Konfigurasikan Verification Validity Period.

  • Pilih Verification Validity Period untuk menyesuaikan periode berlaku verifikasi Token, maksimal hingga 32 jam. Setelah pengunjung menyelesaikan verifikasi Token dan berhasil mengakses aplikasi visualisasi untuk pertama kalinya, mereka dapat mengakses aplikasi tanpa verifikasi ulang selama periode berlaku yang ditetapkan.

  • Hapus centang Verification Validity Period untuk meminta verifikasi setiap kali mengakses.

Setelah verifikasi Token diaktifkan, ketika Anda membuka halaman berbagi aplikasi visualisasi lagi, Anda akan menerima pesan Access Denied, yang menunjukkan bahwa akses Anda telah ditolak. Untuk membuka halaman tersebut, Anda perlu menyelesaikan langkah-langkah berikut.

1. Publikasikan aplikasi visualisasi dan catat kode aplikasi visualisasi (segmen terakhir URL).

2. Gabungkan kode dengan waktu saat ini (dalam milidetik), dipisahkan oleh | (VERTICAL LINE).

3. Gunakan Token dengan HMAC-SHA256 base64 untuk mengenkripsi kode verifikasi Token yang diperoleh pada langkah sebelumnya.

4. Nama waktu dan tanda tangan terenkripsi sebagai _datav_time dan _datav_signature, masing-masing.

5. Letakkan mereka secara berurutan di querystring dari URL.

   Penting

   Jika Anda perlu meneruskan parameter menggunakan metode GET di URL aplikasi visualisasi Anda, demi alasan keamanan, kami sarankan menggunakan verifikasi tanda tangan parameter Token yang disediakan oleh DataV. Untuk informasi lebih lanjut, lihat Verifikasi tanda tangan parameter Token halaman berbagi DataV.

   Berikut ini contoh kode sampel:

   • PHP:

     <?php
       $token = "kBwoX9rFX9v4zbOT0Gjd_wr65DZ****";
       $screenID = "03d1b68faeb09671046d1ef43f58****";
       $time = time()*1000;
       $stringToSign = $screenID.'|'.$time;
       $signature = urlencode(base64_encode(hash_hmac('sha256', $stringToSign, $token, true)));
       $url = "http://datav.aliyuncs.com/share/".$screenID."?_datav_time=".$time."&_datav_signature=".$signature;
     ?>
     <iframe width=100% height=100% src="<?=$url?>"/>

   • Node.js:

     const crypto = require('crypto');
     var token = "Ev97wOUSAtJusc3Vsd9O2ngr_vfV****";
     var screenID ="14c5448c00ecde02b065c231d165****";
     var time = Date.now();
     var stringToSign = screenID +'|'+ time;
     var signature = crypto.createHmac('sha256', token).update(stringToSign).digest().toString('base64');
     var url="http://datav.aliyuncs.com/share/"+ screenID +"?_datav_time="+time+"&_datav_signature="+ encodeURIComponent(signature);

   • Java:

     package com.company;
     import java.security.*;
     import java.util.Date;
     import javax.crypto.*;
     import javax.crypto.spec.SecretKeySpec;
     import org.apache.commons.codec.binary.Base64;
     import java.net.URLEncoder;
     public class TokenTest {
         public static String getSignedUrl(String screenID, String token){
             Date date = new Date();
             Long time = date.getTime();
             String stringToSign = screenID + "|" + time;
             String signature = HMACSHA256(stringToSign.getBytes(), token.getBytes());
             String url = "http://datav.aliyuncs.com/share/"+ screenID +"?_datav_time="+time+"&_datav_signature="+ signature;
             return url;
         }
         /**
          *  Gunakan implementasi digest asli Java untuk enkripsi SHA256.
          * @param str Pesan yang dienkripsi.
          * @return
          */
         public static String HMACSHA256(byte[] data, byte[] key)
         {
             try  {
                 SecretKeySpec signingKey = new SecretKeySpec(key, "HmacSHA256");
                 Mac mac = Mac.getInstance("HmacSHA256");
                 mac.init(signingKey);
                 return URLEncoder.encode(byte2Base64(mac.doFinal(data)));
             } catch (NoSuchAlgorithmException e) {
                 e.printStackTrace();
             } catch (InvalidKeyException e) {
                 e.printStackTrace();
             }
             return null;
         }
         private static String byte2Base64(byte[] bytes){
             return Base64.encodeBase64String(bytes);
         }
         public static void main(String[] args) throws Exception {
             System.out.println(getSignedUrl("screenId", "token"));
         }
     }

   • C#:

     using System;
     using System.Security.Cryptography;
     using System.Text.RegularExpressions;
     using System.Collections.Generic;
     using System.Linq;
     using System.Web;
     using System.Text;
     
     namespace datavToken
     {
         class Program
         {
             static void Main(string[] args)
             {
                 var dic = new Dictionary<string, string>();  // Parameter kustom.
                 dic.Add("datav_sign_no", "123998");         // Awalan datav_sign_, perlu ditandatangani.
                 dic.Add("datav_sign_lo", "kk");
                 dic.Add("datav_sign_ao", "xx");
     
                 dic.Add("name", "123");   // Tidak perlu ditandatangani.
                 // Awalan halaman berbagi, ID berbagi layar, token, kamus parameter kustom.
                 Console.WriteLine(GenerateUrl("https://datav.aliyun.com/share/", "ca74bea5e45503070d607795e0****", "66DsL2qjrXRHluSJScv_flOUhn****", dic));
             }
             private static string GenerateUrl(string datavBase, string screenId, string token, Dictionary<string, string> customeParams)
             {
                 string pattern = @"^datav_sign_.*";
                 string timestamp = GetTimeStamp();
     
                 // Pengurutan parameter.
                 Dictionary<string, string>.KeyCollection keyCol = customeParams.Keys;
                 List<string> signKeys = new List<string>();
     
                 foreach (var item in keyCol.ToList())
                 {
                     if (Regex.IsMatch(item, pattern))
                     {
                         signKeys.Add(item);
                     }
                 }
     
                 // Urutkan berdasarkan kunci.
                 signKeys = signKeys.OrderBy(k => k).ToList();
     
                 string paramsSignStr = signKeys.Aggregate("", (total, key) =>
                 {
                     if (total != "")
                     {
                         total += "&";
                     }
                     total += key + "=" + customeParams[key];
                     return total;
                 });
                 //Tidak ada autentikasi parameter
                 string signStr = screenId + "|" + timestamp;
                 //Ada autentikasi parameter
                 //string signStr = screenId + "|" + timestamp + "|" + paramsSignStr;
                 
     
                 var encoding = new System.Text.ASCIIEncoding();
                 byte[] keyByte = encoding.GetBytes(token);
                 byte[] messageBytes = encoding.GetBytes(signStr);
                 string signature;
                 using (var hmacsha256 = new HMACSHA256(keyByte))
                 {
                     byte[] hashmessage = hmacsha256.ComputeHash(messageBytes);
                     signature = Convert.ToBase64String(hashmessage);
                 }
     
     
                 var paramDic = new Dictionary<string, string>();
                 paramDic.Add("_datav_time", timestamp);
                 paramDic.Add("_datav_signature", signature);
     
                 foreach (var item in customeParams)
                 {
                     paramDic.Add(item.Key, item.Value);
                 }
                 return datavBase + screenId + "?" + ParseToString(paramDic);
             }
             public static string GetTimeStamp()
             {
                 TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0);
                 return Convert.ToInt64(ts.TotalMilliseconds).ToString();
             }
             static public string ParseToString(IDictionary<string, string> parameters)
             {
                 IDictionary<string, string> sortedParams = new SortedDictionary<string, string>(parameters);
                 IEnumerator<KeyValuePair<string, string>> dem = sortedParams.GetEnumerator();
     
                 StringBuilder query = new StringBuilder("");
                 while (dem.MoveNext())
                 {
                     string key = dem.Current.Key;
                     string value = dem.Current.Value;
                     if (!string.IsNullOrEmpty(key) && !string.IsNullOrEmpty(value))
                     {
                         query.Append(key).Append("=").Append(HttpUtility.UrlEncode(value)).Append("&");
                     }
                 }
                 string content = query.ToString().Substring(0, query.Length - 1);
     
                 return content;
             }
         }
     }

Daftar Putih Alamat IP

Setelah mengaktifkan daftar putih IP, aplikasi visualisasi yang diterbitkan hanya dapat diakses dari alamat IP dalam rentang daftar putih yang telah ditentukan.

1. Di kotak dialog Publish, aktifkan Daftar Putih IP.

2. Di kotak input IP Address Whitelist, masukkan alamat IP Anda dan pisahkan entri daftar putih yang berbeda dengan koma.

   Setelah daftar putih IP berhasil dikonfigurasi, akses ke halaman aplikasi visualisasi melalui IP non-daftar putih akan ditolak ketika Anda mencoba membuka tautan berbagi aplikasi visualisasi.