在Arduino IDE中安裝ESP32 Filesystem Uploader

https://randomnerdtutorials.com/install-esp32-filesystem-uploader-arduino-ide/

 

 

 

將SPIFFS與ESP32板一塊兒使用特別有用：

• 使用設置建立配置文件；
• 永久保存數據；
• 建立文件以保存少許數據，而不是使用microSD卡；
• 保存HTML和CSS文件以創建Web服務器;
• 保存圖像，圖形和圖標；
• 以及更多。

在咱們的大多數Web服務器項目中，咱們都直接在Arduino草圖上以String的形式編寫了Web服務器的HTML代碼。藉助SPIFFS，您能夠在單獨的文件中編寫HTML和CSS並將其保存在ESP32文件系統中。查看如下教程，瞭解如何使用存儲在ESP32文件系統中的文件構建Web服務器：

• 使用SPIFFS（SPI Flash文件系統）的ESP32 Web服務器

安裝Arduino ESP32文件系統上傳器

您能夠經過本身在Arduino IDE上編寫代碼來建立，保存文件並將文件寫入ESP32文件系統。這不是頗有用，由於您必須在Arduino草圖中鍵入文件的內容。

幸運的是，有一個用於Arduino IDE的插件，您能夠使用它從計算機中的文件夾直接將文件上傳到ESP32文件系統。這使得使用文件確實很是容易和簡單。讓咱們安裝它。

首先，確保您安裝了最新的Arduino IDE，而且具備Arduino IDE的ESP32插件。若是不這樣作，請按照如下教程之一安裝附件：

• Windows，Mac和Linux 說明–在Arduino IDE中安裝ESP32開發板

請按照如下步驟安裝文件系統上載器：

1）進入發佈頁面，單擊ESP32FS-1.0.zip文件下載。

2）轉到Arduino IDE目錄，而後打開「工具」文件夾。

3）將下載的.zip文件夾解壓縮到Tools文件夾。您應該具備相似的文件夾結構：

<home_dir> / Arduino- <version> / tools / ESP32FS / tool / esp32fs.jar

 

4）最後，從新啓動Arduino IDE。

要檢查插件是否已成功安裝，請打開Arduino IDE。選擇您的ESP32開發板，轉到「工具」，而後檢查是否具備「 ESP32 Sketch Data Upload 」選項。

使用文件系統上傳器上傳文件

要將文件上傳到ESP32文件系統，請遵循如下指示。

1）建立一個Arduino草圖並保存。出於演示目的，您能夠保存一個空的草圖。

2）而後，打開草圖文件夾。您能夠轉到草圖>顯示草圖文件夾。保存草圖的文件夾應打開。

3）在該文件夾內，建立一個名爲data的新文件夾。

4）在data 文件夾中，您應將要保存的文件放入ESP32文件系統中。例如，建立一個.txt文件，其中包含一些名爲test_example的文本。

5）而後，要上傳文件，請在Arduino IDE中，轉到Tools  > ESP32 Sketch Data Upload。

注意：在某些ESP32開發板上，您在上傳文件時須要按住ESP32板上的「 BOOT 」按鈕。當您看到「 Connecting…….____……」消息時，您須要按ESP32板載的「 BOOT 」按鈕。

當您看到「 SPIFFS Image Uploaded 」消息時，文件已成功上傳到ESP32文件系統。

測試上傳器

如今，讓咱們來檢查文件是否確實保存到ESP32文件系統中。只需將如下代碼上傳到您的ESP32開發板。

/*********
  Rui Santos
  Complete project details at https://randomnerdtutorials.com  
*********/

#include "SPIFFS.h"
 
void setup() {
  Serial.begin(115200);
  
  if(!SPIFFS.begin(true)){
    Serial.println("An Error has occurred while mounting SPIFFS");
    return;
  }
  
  File file = SPIFFS.open("/test_example.txt");
  if(!file){
    Serial.println("Failed to open file for reading");
    return;
  }
  
  Serial.println("File Content:");
  while(file.available()){
    Serial.write(file.read());
  }
  file.close();
}
 
void loop() {

}

　　

上傳後，以115200的波特率打開Serial Monitor。按ESP32的「 ENABLE 」按鈕。它應該在串行監視器上打印.txt文件的內容。

您已使用插件成功將文件上傳到ESP32文件系統。

包起來

使用文件系統上載器插件是將文件上傳到ESP32文件系統的最簡單方法之一。檢查如下項目，瞭解如何使用存儲在文件系統上的HTML和CSS文件 構建Web服務器：使用SPIFFS（SPI Flash文件系統）的ESP32 Web Server。