基于Electron的Raspberry Pi设备WiFi初始配置方案问询

问题1：通过Electron界面显示WiFi热点并完成配置 #

• 核心逻辑：Electron主进程调用系统命令扫描WiFi，将结果传递给渲染进程展示；用户输入密码后，主进程执行命令写入WiFi配置。
• 关键实现步骤：
  1. 扫描WiFi热点：利用Ubuntu Server默认的NetworkManager工具，在Electron主进程中执行命令获取热点列表：

     const { exec } = require('child_process');
     function scanWiFi() {
       return new Promise((resolve, reject) => {
         exec('nmcli dev wifi list', (error, stdout) => {
           if (error) reject(error);
           // 解析命令输出，提取有效SSID并去重
           const ssids = stdout.split('\n')
                              .slice(1)
                              .map(line => line.trim().split(/\s+/)[0])
                              .filter(ssid => ssid && ssid !== '--');
           resolve([...new Set(ssids)]);
         });
       });
     }
     

  2. 渲染进程展示交互：通过Electron的IPC机制将SSID列表传给渲染进程，用HTML/CSS构建选择界面，让用户输入目标WiFi密码。
  3. 完成WiFi配置：用户提交后，主进程执行连接命令：

     function connectWiFi(ssid, password) {
       return new Promise((resolve, reject) => {
         exec(`nmcli dev wifi connect "${ssid}" password "${password}"`, (error, stdout) => {
           if (error) reject(error);
           resolve(stdout);
         });
       });
     }
     

  4. 权限处理：确保Electron进程有权限执行nmcli，可在启动脚本中添加sudo，或给运行用户配置该命令的免密权限。

问题2：自建WiFi热点实现移动端配置 #

• 核心逻辑：树莓派启动时自动创建WiFi热点，用户用手机连接后，通过网页/APP将目标WiFi信息发送给设备，设备切换网络后关闭热点。
• 关键实现步骤：
  1. 配置自动启动热点：在/etc/NetworkManager/system-connections/下新建hotspot.nmconnection配置文件：

     [connection]
     id=hotspot
     type=wifi
     autoconnect=true
     
     [wifi]
     mode=ap
     ssid=YourDevice-Setup
     band=bg
     
     [wifi-security]
     key-mgmt=wpa-psk
     psk=12345678
     
     [ipv4]
     method=shared
     

     执行sudo systemctl restart NetworkManager使配置生效，确保设备启动时自动开启热点。
  2. 搭建本地配置服务：在Electron主进程中启动HTTP服务，监听热点网段的默认IP（通常为10.42.0.1）：

     const express = require('express');
     const app = express();
     app.use(express.json());
     
     app.post('/setup-wifi', (req, res) => {
       const { ssid, password } = req.body;
       connectWiFi(ssid, password)
         .then(() => {
           res.send({ success: true });
           // 连接成功后关闭热点
           exec('nmcli connection down hotspot');
         })
         .catch(err => {
           res.send({ success: false, error: err.message });
         });
     });
     
     app.listen(8080, '10.42.0.1', () => {
       console.log('Setup server running on http://10.42.0.1:8080');
     });
     

  3. 移动端交互：用户连接热点后，打开手机浏览器访问上述地址，输入目标WiFi的SSID和密码提交；也可开发移动端APP，自动识别热点并完成配置。
  4. 网络切换：设备成功连接目标WiFi后，自动关闭热点，完成初始配置流程。

内容的提问来源于stack exchange，提问作者Eric Uldall