{"id":1342,"date":"2026-04-17T11:44:25","date_gmt":"2026-04-17T04:44:25","guid":{"rendered":"https:\/\/xensear.vn\/blog\/?p=1342"},"modified":"2026-04-17T11:44:25","modified_gmt":"2026-04-17T04:44:25","slug":"webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk","status":"publish","type":"post","link":"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/","title":{"rendered":"T\u1ed1i \u01afu Hi\u1ec7u Su\u1ea5t WebAR V\u1edbi B\u1ea3n C\u1eadp Nh\u1eadt Xense AR SDK M\u1edbi"},"content":{"rendered":"<div class=\"xense-article-wrapper\" style=\"font-family: helvetica, arial, sans-serif; color: #282828; line-height: 1.6; font-size: 18pt;\">\n<div class=\"xense-ai-box\" style=\"background-color: #f9f9fc; padding: 25px; border-radius: 8px; border-left: 5px solid #0d0c54; margin-bottom: 35px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);\">\n<p style=\"margin-top: 0;\"><span style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; text-transform: uppercase;\">T\u00d3M T\u1eaeT: B\u1ea2N C\u1eacP NH\u1eacT AR SDK T\u1eea XENSE<\/span><\/p>\n<ul style=\"margin-bottom: 0;\">\n<li style=\"color: #fcb316; font-size: 18pt; margin-bottom: 12px;\"><span style=\"font-family: helvetica, arial, sans-serif; color: #282828; font-size: 18pt; line-height: 1.6;\"><b style=\"color: #0d0c54;\">H\u1ed7 tr\u1ee3 h\u1ec7 sinh th\u00e1i WebAR:<\/b> <b style=\"color: #0d0c54;\">AR SDK<\/b> c\u1ee7a Xense hi\u1ec7n \u0111\u00e3 t\u01b0\u01a1ng th\u00edch v\u1edbi th\u01b0 vi\u1ec7n Three.js, gi\u00fap l\u1eadp tr\u00ecnh vi\u00ean tri\u1ec3n khai tr\u1ea3i nghi\u1ec7m AR tr\u00ean tr\u00ecnh duy\u1ec7t web di \u0111\u1ed9ng (Zero-Install).<\/span><\/li>\n<li style=\"color: #fcb316; font-size: 18pt; margin-bottom: 12px;\"><span style=\"font-family: helvetica, arial, sans-serif; color: #282828; font-size: 18pt; line-height: 1.6;\"><b style=\"color: #0d0c54;\">Ph\u00e2n t\u00e1ch module x\u1eed l\u00fd:<\/b> Xense SDK \u0111\u1ea3m nhi\u1ec7m module Computer Vision (qu\u00e9t kh\u00f4ng gian, theo d\u00f5i t\u1ecda \u0111\u1ed9), trong khi Three.js \u0111\u00f3ng vai tr\u00f2 Rendering Engine \u0111\u1ec3 k\u1ebft xu\u1ea5t \u0111\u1ed3 h\u1ecda 3D.<\/span><\/li>\n<li style=\"color: #fcb316; font-size: 18pt; margin-bottom: 0;\"><span style=\"font-family: helvetica, arial, sans-serif; color: #282828; font-size: 18pt; line-height: 1.6;\"><b style=\"color: #0d0c54;\">Qu\u1ea3n l\u00fd t\u1eadp trung tr\u00ean Dashboard:<\/b> C\u00e1c thao t\u00e1c t\u1eeb xin c\u1ea5p quy\u1ec1n API Key \u0111\u1ebfn l\u01b0u tr\u1eef b\u1ea3n \u0111\u1ed3 kh\u00f4ng gian (Spatial Mesh) \u0111\u01b0\u1ee3c chu\u1ea9n h\u00f3a th\u00f4ng qua h\u1ec7 th\u1ed1ng CMS c\u1ee7a Xense.<\/span><\/li>\n<\/ul>\n<\/div>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">L\u00e0m ra m\u1ed9t \u1ee9ng d\u1ee5ng AR (th\u1ef1c t\u1ebf t\u0103ng c\u01b0\u1eddng) th\u01b0\u1eddng \u0111\u00f2i h\u1ecfi kh\u1ed1i l\u01b0\u1ee3ng x\u1eed l\u00fd ph\u1ea7n c\u1ee9ng l\u1edbn. Vi\u1ec7c y\u00eau c\u1ea7u ng\u01b0\u1eddi d\u00f9ng t\u1ea3i m\u1ed9t Native App ri\u00eang bi\u1ec7t ch\u1ec9 \u0111\u1ec3 tr\u1ea3i nghi\u1ec7m t\u00ednh n\u0103ng AR c\u00f3 th\u1ec3 d\u1eabn \u0111\u1ebfn t\u1ef7 l\u1ec7 tho\u00e1t cao. Do \u0111\u00f3, WebAR \u0111ang tr\u1edf th\u00e0nh m\u1ed9t gi\u1ea3i ph\u00e1p thay th\u1ebf thi\u1ebft th\u1ef1c. Nh\u1eb1m h\u1ed7 tr\u1ee3 th\u00e1o g\u1ee1 r\u00e0o c\u1ea3n k\u1ef9 thu\u1eadt cho Web Developers, <a href=\"https:\/\/xensear.vn\/blog\/xense-ar-la-gi\/\">Xense AR<\/a> cung c\u1ea5p b\u1ea3n c\u1eadp nh\u1eadt <a href=\"https:\/\/www.ar.rocks\/glossary\/ar-sd\" target=\"_blank\" rel=\"noopener\"><b style=\"color: #0d0c54;\">AR SDK<\/b><\/a>, cho ph\u00e9p t\u00edch h\u1ee3p tr\u1ef1c ti\u1ebfp v\u1edbi th\u01b0 vi\u1ec7n \u0111\u1ed3 h\u1ecda m\u00e3 ngu\u1ed3n m\u1edf Three.js.<\/p>\n<div class=\"xense-tech-term\" style=\"background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 25px; margin: 30px 0; border-left: 6px solid #0d0c54;\">\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; font-weight: bold; margin-top: 0; margin-bottom: 10px;\">\ud83d\udd0d T\u1eeb v\u1ef1ng Tech: WebAR l\u00e0 g\u00ec?<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin: 0;\">WebAR (Web-based Augmented Reality) l\u00e0 c\u00f4ng ngh\u1ec7 cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng tr\u1ea3i nghi\u1ec7m Th\u1ef1c t\u1ebf t\u0103ng c\u01b0\u1eddng th\u00f4ng qua tr\u00ecnh duy\u1ec7t web di \u0111\u1ed9ng (nh\u01b0 Safari, Chrome) m\u00e0 kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t th\u00eam \u1ee9ng d\u1ee5ng n\u00e0o. Vi\u1ec7c s\u1eed d\u1ee5ng <b style=\"color: #0d0c54;\">AR SDK<\/b> k\u1ebft h\u1ee3p Three.js l\u00e0 m\u1ed9t trong nh\u1eefng gi\u1ea3i ph\u00e1p n\u1ec1n t\u1ea3ng \u0111\u1ec3 hi\u1ec7n th\u1ef1c h\u00f3a ki\u1ebfn tr\u00fac n\u00e0y.<\/p>\n<\/div>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1350 aligncenter\" src=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-717x400.jpg\" alt=\"\" width=\"853\" height=\"476\" srcset=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-717x400.jpg 717w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-1400x781.jpg 1400w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-768x429.jpg 768w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-1536x857.jpg 1536w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-co-gi-moi-2048x1143.jpg 2048w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/h2>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-box-title\">M\u1ee5c l\u1ee5c<\/div>\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/#1_Kien_truc_phan_tach_Xense_AR_SDK_va_Threejs_hoat_dong_ra_sao\" >1. Ki\u1ebfn tr\u00fac ph\u00e2n t\u00e1ch: Xense AR SDK v\u00e0 Three.js ho\u1ea1t \u0111\u1ed9ng ra sao?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/#2_Cac_Use-case_thuc_te_danh_cho_App_Developers\" >2. C\u00e1c Use-case th\u1ef1c t\u1ebf d\u00e0nh cho App Developers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/#3_Trien_khai_du_an_qua_Xense_Dashboard\" >3. Tri\u1ec3n khai d\u1ef1 \u00e1n qua Xense Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/#4_FAQ_Cau_hoi_thuong_gap_khi_tich_hop_AR_SDK\" >4. FAQ: C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p khi t\u00edch h\u1ee3p AR SDK<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/xensear.vn\/blog\/webar-phien-ban-cap-nhat-moi-nhat-xensear-sdk\/#Ket_luan\" >K\u1ebft lu\u1eadn<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; margin-top: 35px; margin-bottom: 20px; border-bottom: 2px solid #fcb316; padding-bottom: 10px;\"><span class=\"ez-toc-section\" id=\"1_Kien_truc_phan_tach_Xense_AR_SDK_va_Threejs_hoat_dong_ra_sao\"><\/span>1. Ki\u1ebfn tr\u00fac ph\u00e2n t\u00e1ch: Xense AR SDK v\u00e0 Three.js ho\u1ea1t \u0111\u1ed9ng ra sao?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">Trong ph\u00e1t tri\u1ec3n WebAR, m\u1ed9t \u1ee9ng d\u1ee5ng c\u1ea7n x\u1eed l\u00fd hai t\u00e1c v\u1ee5 \u0111\u1ed9c l\u1eadp: nh\u1eadn di\u1ec7n m\u00f4i tr\u01b0\u1eddng v\u1eadt l\u00fd v\u00e0 k\u1ebft xu\u1ea5t v\u1eadt th\u1ec3 \u1ea3o. Vi\u1ec7c \u0111\u1ec3 m\u1ed9t framework g\u00e1nh c\u1ea3 hai th\u01b0\u1eddng g\u00e2y qu\u00e1 t\u1ea3i cho tr\u00ecnh duy\u1ec7t. C\u1ea5u tr\u00fac k\u1ebft h\u1ee3p gi\u1eefa Xense v\u00e0 Three.js gi\u00fap t\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh x\u1eed l\u00fd n\u00e0y:<\/p>\n<ul style=\"list-style: none; padding-left: 20px; margin-bottom: 30px;\">\n<li style=\"margin-bottom: 15px; position: relative;\"><span style=\"color: #fcb316; font-size: 20pt; position: absolute; left: -25px;\">\u2726<\/span><br \/>\n<span style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\"><b style=\"color: #0d0c54;\">Xense AR SDK (Module Tracking &amp; Localization):<\/b> SDK th\u1ef1c hi\u1ec7n truy c\u1eadp h\u1ec7 th\u1ed1ng camera, ch\u1ea1y c\u00e1c thu\u1eadt to\u00e1n SLAM \u0111\u1ec3 nh\u1eadn di\u1ec7n m\u1eb7t ph\u1eb3ng (Plane Tracking) ho\u1eb7c \u0111\u1ed1i chi\u1ebfu h\u1ea1 t\u1ea7ng VPS \u0111\u1ec3 \u0111\u1ecbnh v\u1ecb. SDK t\u1eadp trung x\u1eed l\u00fd d\u1eef li\u1ec7u \u0111\u1ea7u v\u00e0o v\u00e0 li\u00ean t\u1ee5c tr\u1ea3 v\u1ec1 t\u1ecda \u0111\u1ed9 6DoF (6 b\u1eadc t\u1ef1 do) v\u1edbi \u0111\u1ed9 tr\u1ec5 th\u1ea5p.<\/span><\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1347 aligncenter\" src=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-717x400.webp\" alt=\"AR SDK cho doanh nghi\u1ec7p\" width=\"857\" height=\"478\" srcset=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-717x400.webp 717w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-1400x781.webp 1400w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-768x429.webp 768w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-1536x857.webp 1536w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/AR-SDK-cho-doanh-nghiep-2048x1143.webp 2048w\" sizes=\"auto, (max-width: 857px) 100vw, 857px\" \/><\/li>\n<li style=\"margin-bottom: 15px; position: relative;\"><span style=\"color: #fcb316; font-size: 20pt; position: absolute; left: -25px;\">\u2726<\/span><br \/>\n<span style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\"><b style=\"color: #0d0c54;\">Three.js (Rendering Engine):<\/b> D\u1ef1a tr\u00ean ma tr\u1eadn t\u1ecda \u0111\u1ed9 t\u1eeb SDK, Three.js \u0111\u1ea3m nh\u1eadn vi\u1ec7c t\u00ednh to\u00e1n \u00e1nh s\u00e1ng, \u0111\u1ed5 b\u00f3ng (Shadow mapping) v\u00e0 render c\u00e1c m\u00f4 h\u00ecnh 3D (GLTF\/GLB) v\u00e0o lu\u1ed3ng video th\u1ef1c t\u1ebf.<\/span><\/li>\n<\/ul>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">Ki\u1ebfn tr\u00fac ph\u00e2n t\u00e1ch n\u00e0y gi\u00fap l\u1eadp tr\u00ecnh vi\u00ean gi\u1ea3m thi\u1ec3u vi\u1ec7c t\u1ef1 x\u00e2y d\u1ef1ng c\u00e1c thu\u1eadt to\u00e1n th\u1ecb gi\u00e1c m\u00e1y t\u00ednh, t\u1eeb \u0111\u00f3 c\u00f3 th\u1ec3 t\u1eadp trung ngu\u1ed3n l\u1ef1c v\u00e0o UI\/UX v\u00e0 logic t\u01b0\u01a1ng t\u00e1c th\u00f4ng qua API c\u1ee7a <b style=\"color: #0d0c54;\">AR SDK<\/b>.<\/p>\n<h2 style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; margin-top: 35px; margin-bottom: 20px; border-bottom: 2px solid #fcb316; padding-bottom: 10px;\"><span class=\"ez-toc-section\" id=\"2_Cac_Use-case_thuc_te_danh_cho_App_Developers\"><\/span>2. C\u00e1c Use-case th\u1ef1c t\u1ebf d\u00e0nh cho App Developers<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">Kh\u1ea3 n\u0103ng t\u01b0\u01a1ng th\u00edch n\u00e0y \u0111\u00e1p \u1ee9ng \u0111\u01b0\u1ee3c nhi\u1ec1u k\u1ecbch b\u1ea3n \u1ee9ng d\u1ee5ng mang t\u00ednh th\u01b0\u01a1ng m\u1ea1i, h\u1ed7 tr\u1ee3 r\u00fat ng\u1eafn th\u1eddi gian ph\u00e1t tri\u1ec3n:<\/p>\n<div class=\"box-vr-pro\" style=\"background-color: #f4f4f8; border-radius: 10px; padding: 25px; margin: 30px 0; border-left: 8px solid #fcb316;\">\n<ul style=\"list-style: none; padding-left: 0; margin-bottom: 0;\">\n<li style=\"margin-bottom: 15px; border-bottom: 1px dashed #cccccc; padding-bottom: 15px;\"><span style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\"><b style=\"color: #0d0c54;\">\ud83d\udecd\ufe0f Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed:<\/b> Kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 \u0111\u1eb7t th\u1eed m\u1ed9t m\u00f4 h\u00ecnh s\u1ea3n ph\u1ea9m 3D t\u1ef7 l\u1ec7 1:1 v\u00e0o kh\u00f4ng gian th\u1ef1c t\u1ebf qua tr\u00ecnh duy\u1ec7t. L\u1eadp tr\u00ecnh vi\u00ean s\u1eed d\u1ee5ng <b style=\"color: #0d0c54;\">AR SDK<\/b> \u0111\u1ec3 \u0111\u1ecbnh v\u1ecb m\u1eb7t s\u00e0n v\u00e0 Three.js \u0111\u1ec3 render m\u00f4 h\u00ecnh.<\/span><\/li>\n<li style=\"margin-bottom: 15px; border-bottom: 1px dashed #cccccc; padding-bottom: 15px;\"><span style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\"><b style=\"color: #0d0c54;\">\ud83c\udfe5 D\u1eabn \u0111\u01b0\u1eddng trong nh\u00e0:<\/b> B\u1eb1ng c\u00e1ch truy xu\u1ea5t d\u1eef li\u1ec7u Private Mesh t\u1eeb Xense Dashboard, Developers c\u00f3 th\u1ec3 ph\u00e1t tri\u1ec3n WebApp d\u1eabn \u0111\u01b0\u1eddng. SDK qu\u00e9t kh\u00f4ng gian \u0111\u1ec3 \u0111\u1ed1i chi\u1ebfu v\u1edbi VPS, Three.js render c\u00e1c ch\u1ec9 d\u1eabn \u0111i\u1ec1u h\u01b0\u1edbng theo th\u1eddi gian th\u1ef1c.<\/span><\/li>\n<li style=\"margin-bottom: 0;\"><span style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\"><b style=\"color: #0d0c54;\">\ud83c\udf81 Marketing t\u01b0\u01a1ng t\u00e1c (AR Gamification):<\/b> \u1ee8ng d\u1ee5ng cho c\u00e1c chi\u1ebfn d\u1ecbch O2O t\u1ea1i \u0111i\u1ec3m b\u00e1n. Three.js s\u1ebd x\u1eed l\u00fd c\u00e1c t\u01b0\u01a1ng t\u00e1c v\u1eadt l\u00fd v\u00e0 hi\u1ec7u \u1ee9ng h\u1ea1t d\u1ef1a tr\u00ean d\u1eef li\u1ec7u l\u01b0\u1edbi kh\u00f4ng gian (mesh) do SDK cung c\u1ea5p.<\/span><\/li>\n<\/ul>\n<\/div>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1348 aligncenter\" src=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-717x400.webp\" alt=\"Ph\u1ea7n m\u1ec1m AR SDK\" width=\"846\" height=\"472\" srcset=\"https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-717x400.webp 717w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-1400x781.webp 1400w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-768x429.webp 768w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-1536x857.webp 1536w, https:\/\/xensear.vn\/blog\/wp-content\/uploads\/2026\/04\/Phan-mem-AR-SDK-2048x1143.webp 2048w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/h2>\n<h2 style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; margin-top: 35px; margin-bottom: 20px; border-bottom: 2px solid #fcb316; padding-bottom: 10px;\"><span class=\"ez-toc-section\" id=\"3_Trien_khai_du_an_qua_Xense_Dashboard\"><\/span>3. Tri\u1ec3n khai d\u1ef1 \u00e1n qua Xense Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">Nh\u1eb1m duy tr\u00ec t\u00ednh \u1ed5n \u0111\u1ecbnh v\u00e0 kh\u1ea3 n\u0103ng qu\u1ea3n l\u00fd t\u00e0i nguy\u00ean (Scalability) cho h\u1ec7 th\u1ed1ng, Xense AR cung c\u1ea5p quy tr\u00ecnh qu\u1ea3n tr\u1ecb d\u1ef1 \u00e1n t\u1eadp trung qua Dashboard:<\/p>\n<div style=\"background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px; margin: 25px 0;\">\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; font-weight: bold; margin-top: 0; margin-bottom: 10px;\">B\u01b0\u1edbc 1: Khai b\u00e1o \u0111\u1ecbnh danh &amp; C\u1ea5p ph\u00e1t API Key<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin-top: 0; margin-bottom: 15px;\">Developers ti\u1ebfn h\u00e0nh khai b\u00e1o Bundle ID (iOS) \/ Package Name (Android) ho\u1eb7c Web Domain tr\u00ean Dashboard. H\u1ec7 th\u1ed1ng s\u1ebd sinh ra m\u1ed9t <b style=\"color: #0d0c54;\">API Key<\/b>. Key n\u00e0y d\u00f9ng \u0111\u1ec3 x\u00e1c th\u1ef1c thi\u1ebft b\u1ecb \u0111\u1ea7u cu\u1ed1i, c\u1ea5p quy\u1ec1n truy c\u1eadp d\u1eef li\u1ec7u v\u00e0 qu\u1ea3n l\u00fd gi\u1edbi h\u1ea1n b\u0103ng th\u00f4ng (QPS &#8211; Queries Per Second).<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; font-weight: bold; margin-top: 20px; margin-bottom: 10px;\">B\u01b0\u1edbc 2: C\u1ea5u h\u00ecnh D\u1eef li\u1ec7u Kh\u00f4ng gian (Spatial Mesh)<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin-top: 0; margin-bottom: 15px;\">D\u1ef1 \u00e1n c\u00f3 th\u1ec3 tham chi\u1ebfu \u0111\u1ebfn <b style=\"color: #0d0c54;\">Public Mesh<\/b> (h\u1ea1 t\u1ea7ng kh\u00f4ng gian chia s\u1ebb) ho\u1eb7c <b style=\"color: #0d0c54;\">Private Mesh<\/b> (d\u1eef li\u1ec7u do Dev t\u1ef1 thu th\u1eadp). C\u00e1c file n\u00e0y \u0111\u01b0\u1ee3c h\u1ec7 th\u1ed1ng x\u1eed l\u00fd th\u00f4ng qua c\u00f4ng ngh\u1ec7 t\u00e1i t\u1ea1o CLAP c\u1ee7a Xense tr\u01b0\u1edbc khi s\u1eb5n s\u00e0ng k\u1ebft n\u1ed1i.<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; font-weight: bold; margin-top: 20px; margin-bottom: 10px;\">B\u01b0\u1edbc 3: T\u00edch h\u1ee3p Code &amp; Publish<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin-top: 0; margin-bottom: 0;\">Kh\u1edfi t\u1ea1o Scene c\u1ee7a Three.js trong m\u00f4i tr\u01b0\u1eddng l\u1eadp tr\u00ecnh v\u00e0 g\u1ecdi c\u00e1c module c\u1ee7a <b style=\"color: #0d0c54;\">AR SDK<\/b> th\u00f4ng qua API Key. \u0110\u1ed3ng th\u1eddi, c\u00f4ng c\u1ee5 <b style=\"color: #0d0c54;\">Xense Creator Tool<\/b> h\u1ed7 tr\u1ee3 giao di\u1ec7n GUI \u0111\u1ec3 c\u1ea5u h\u00ecnh c\u00e1c Asset 3D tr\u01b0\u1edbc khi \u0111\u01b0a l\u00ean m\u00f4i tr\u01b0\u1eddng th\u1ef1c t\u1ebf.<\/p>\n<\/div>\n<div class=\"xense-alert-box\" style=\"background-color: #fffdf5; border-radius: 6px; padding: 20px; margin: 30px 0; border-left: 6px solid #fcb316;\">\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; font-weight: bold; margin-top: 0; margin-bottom: 10px;\">\ud83d\udca1 C\u1ea3nh b\u00e1o T\u1ed1i \u01b0u Hi\u1ec7u su\u1ea5t (Performance Optimization):<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin: 0;\">M\u00f4i tr\u01b0\u1eddng WebView ho\u1eb7c Mobile Browser c\u00f3 gi\u1edbi h\u1ea1n t\u00e0i nguy\u00ean kh\u1eaft khe. Khi s\u1eed d\u1ee5ng GLTFLoader c\u1ee7a Three.js, n\u00ean t\u1ed1i \u01b0u h\u00f3a l\u01b0\u1edbi \u0111a gi\u00e1c (Polygon limit) v\u00e0 xem x\u00e9t s\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng n\u00e9n nh\u01b0 Draco. Vi\u1ec7c ki\u1ec3m so\u00e1t s\u1ed1 l\u01b0\u1ee3ng polygon m\u1ed7i Scene s\u1ebd gi\u00fap duy tr\u00ec FPS \u1ed5n \u0111\u1ecbnh v\u00e0 h\u1ea1n ch\u1ebf t\u00ecnh tr\u1ea1ng qu\u00e1 nhi\u1ec7t \u1edf thi\u1ebft b\u1ecb ng\u01b0\u1eddi d\u00f9ng.<\/p>\n<\/div>\n<h2 style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; margin-top: 35px; margin-bottom: 20px; border-bottom: 2px solid #fcb316; padding-bottom: 10px;\"><span class=\"ez-toc-section\" id=\"4_FAQ_Cau_hoi_thuong_gap_khi_tich_hop_AR_SDK\"><\/span>4. FAQ: C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p khi t\u00edch h\u1ee3p AR SDK<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"xense-faq-box\" style=\"background-color: #ffffff; padding: 25px; border-radius: 12px; border: 1px solid #e9ecef; border-top: 5px solid #0d0c54; margin-top: 30px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.03);\">\n<div style=\"margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #cccccc;\">\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; margin-top: 0; margin-bottom: 10px;\"><b style=\"color: #0d0c54;\">Q: T\u00f4i c\u00f3 c\u1ea7n chuy\u00ean m\u00f4n s\u00e2u v\u1ec1 Computer Vision \u0111\u1ec3 s\u1eed d\u1ee5ng SDK n\u00e0y kh\u00f4ng?<\/b><\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin: 0;\">A: Kh\u00f4ng b\u1eaft bu\u1ed9c. SDK \u0111\u00e3 \u0111\u00f3ng g\u00f3i c\u00e1c x\u1eed l\u00fd logic camera v\u00e0 kh\u00f4ng gian. L\u1eadp tr\u00ecnh vi\u00ean ch\u1ee7 y\u1ebfu thao t\u00e1c v\u1edbi c\u00e1c API tr\u1ea3 v\u1ec1 t\u1ecda \u0111\u1ed9 \u0111\u1ec3 render n\u1ed9i dung b\u1eb1ng Three.js.<\/p>\n<\/div>\n<div style=\"margin-bottom: 0;\">\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #0d0c54; margin-top: 0; margin-bottom: 10px;\"><b style=\"color: #0d0c54;\">Q: Tr\u1ea3i nghi\u1ec7m WebAR x\u00e2y d\u1ef1ng b\u1eb1ng SDK n\u00e0y c\u00f3 y\u00eau c\u1ea7u plugin b\u1ed5 sung tr\u00ean tr\u00ecnh duy\u1ec7t kh\u00f4ng?<\/b><\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify; margin: 0;\">A: Hi\u1ec7n t\u1ea1i, c\u1ea5u tr\u00fac n\u00e0y t\u01b0\u01a1ng th\u00edch v\u1edbi ti\u00eau chu\u1ea9n WebGL tr\u00ean h\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t di \u0111\u1ed9ng ph\u1ed5 bi\u1ebfn (nh\u01b0 Safari tr\u00ean iOS v\u00e0 Chrome tr\u00ean Android) m\u00e0 kh\u00f4ng y\u00eau c\u1ea7u c\u00e0i \u0111\u1eb7t th\u00eam plugin.<\/p>\n<\/div>\n<\/div>\n<h2 style=\"font-family: helvetica, arial, sans-serif; font-size: 20pt; font-weight: bold; color: #0d0c54; line-height: 1.6; margin-top: 35px; margin-bottom: 15px;\"><span class=\"ez-toc-section\" id=\"Ket_luan\"><\/span>K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; color: #282828; line-height: 1.6; text-align: justify;\">B\u1ea3n <b style=\"color: #0d0c54;\">AR SDK<\/b> t\u1eeb Xense cung c\u1ea5p th\u00eam m\u1ed9t c\u00f4ng c\u1ee5 h\u1ed7 tr\u1ee3 cho c\u00e1c d\u1ef1 \u00e1n Spatial Computing tr\u00ean n\u1ec1n t\u1ea3ng Web. S\u1ef1 ph\u00e2n chia lu\u1ed3ng x\u1eed l\u00fd gi\u1eefa vi\u1ec7c tracking kh\u00f4ng gian v\u00e0 render \u0111\u1ed3 h\u1ecda b\u1eb1ng Three.js, k\u1ebft h\u1ee3p c\u00f9ng quy tr\u00ecnh qu\u1ea3n tr\u1ecb t\u00e0i nguy\u00ean qua Dashboard, mang l\u1ea1i m\u1ed9t framework c\u00f3 t\u00ednh th\u1ef1c ti\u1ec5n cao \u0111\u1ec3 c\u00e1c Developers ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng AR.<\/p>\n<p style=\"font-family: helvetica, arial, sans-serif; font-size: 18pt; text-align: center; margin-top: 40px; margin-bottom: 35px; line-height: 1.6;\"><a style=\"color: #0d0c54; font-weight: bold; text-decoration: underline; text-decoration-color: #fcb316; text-decoration-thickness: 2px;\" href=\"https:\/\/www.xensear.vn\/docs\/en\">\ud83d\udc49 Truy c\u1eadp Xense Docs \u0111\u1ec3 tham kh\u1ea3o t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt v\u00e0 API Key.<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kh\u00e1m ph\u00e1 b\u1ea3n c\u1eadp nh\u1eadt AR SDK t\u1eeb Xense t\u00edch h\u1ee3p s\u00e2u th\u01b0 vi\u1ec7n Three.js. Gi\u1ea3i ph\u00e1p gi\u00fap Developers x\u00e2y d\u1ef1ng tr\u1ea3i nghi\u1ec7m WebAR m\u01b0\u1ee3t m\u00e0. <\/p>\n","protected":false},"author":1,"featured_media":1376,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-1342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cong-nghe"],"_links":{"self":[{"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/posts\/1342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/comments?post=1342"}],"version-history":[{"count":6,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/posts\/1342\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/posts\/1342\/revisions\/1352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/media\/1376"}],"wp:attachment":[{"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/media?parent=1342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/categories?post=1342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xensear.vn\/blog\/wp-json\/wp\/v2\/tags?post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}