{"id":5406,"date":"2026-07-28T08:00:42","date_gmt":"2026-07-28T15:00:42","guid":{"rendered":"https:\/\/www.cloudacm.com\/?p=5406"},"modified":"2026-07-28T00:18:17","modified_gmt":"2026-07-28T07:18:17","slug":"nextion-integration","status":"publish","type":"post","link":"https:\/\/www.cloudacm.com\/?p=5406","title":{"rendered":"Nextion Integration"},"content":{"rendered":"<p>This post will expand on the CYD post here, (<a href=\"https:\/\/www.cloudacm.com\/?p=5386\">https:\/\/www.cloudacm.com\/?p=5386<\/a>). Instead of using the all encompassing CYD platform, a Nextion display will be used. Much of the code used in the CYD will be used here with some minor adjustments.<\/p>\n<p>The hardware used here is the Nextion HSD035383B4 which connects to a ESP32-C3 module. In addition, a SPI micro-SD module was attached to provide data logging.<\/p>\n<p><a href=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5407\" src=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD-1024x718.png\" alt=\"\" width=\"640\" height=\"449\" srcset=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD-1024x718.png 1024w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD-300x210.png 300w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD-768x538.png 768w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD-385x270.png 385w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion_ESP32-C3_microSD.png 1430w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a>The code for the ESP32 module can be found here, <a href=\"https:\/\/github.com\/cloudacm\/ESP32-C3-Nextion-microSD\">https:\/\/github.com\/cloudacm\/ESP32-C3-Nextion-microSD<\/a><\/p>\n<p>The Nextion display uses proprietary software and serial formatting. This will require a Windows system with the Nextion Editor software installed.<\/p>\n<p><a href=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5408\" src=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor-1024x793.png\" alt=\"\" width=\"640\" height=\"496\" srcset=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor-1024x793.png 1024w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor-300x232.png 300w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor-768x595.png 768w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor-349x270.png 349w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/NextionEditor.png 1193w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>This post (<a href=\"https:\/\/nextion.tech\/2021\/05\/31\/the-sunday-blog-developing-and-debugging-how-can-i-step-by-step\/\">https:\/\/nextion.tech\/2021\/05\/31\/the-sunday-blog-developing-and-debugging-how-can-i-step-by-step\/<\/a>) provided the basis of the demo provided here. The real challenge was getting the font sizing and positioning to match what had been done on the CYD.<\/p>\n<p><a href=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5409\" src=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-1024x576.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-1024x576.jpg 1024w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-300x169.jpg 300w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-768x432.jpg 768w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-1536x864.jpg 1536w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development-480x270.jpg 480w, https:\/\/www.cloudacm.com\/wp-content\/uploads\/2026\/07\/Nextion-Development.jpg 2016w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>The display offers some offset in development where much of the workload is handled by the editor. Programming the display can be done serially or by uploading the compiled flash file to a micro-SD card attached directly to the display.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post will expand on the CYD post here, (https:\/\/www.cloudacm.com\/?p=5386). Instead of using the all encompassing CYD platform, a Nextion display will be used. Much of the code used in the CYD will be used here with some minor adjustments. The hardware used here is the Nextion HSD035383B4 which connects to a ESP32-C3 module. In addition, a SPI micro-SD module was attached to provide data logging. The code for the ESP32 module can be found here, https:\/\/github.com\/cloudacm\/ESP32-C3-Nextion-microSD The Nextion display&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/www.cloudacm.com\/?p=5406\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5406","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/posts\/5406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5406"}],"version-history":[{"count":3,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/posts\/5406\/revisions"}],"predecessor-version":[{"id":5411,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=\/wp\/v2\/posts\/5406\/revisions\/5411"}],"wp:attachment":[{"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudacm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}