Hello, in the book build web servers with esp, the section 2.5 the websocket web server, that control Multiple outputs. If I want to put password where should I modified and also to put another slide button, thx you.
3 Answers
Hi.
To learn how to add authentication, check project 4.2.
To add another button, you need to create another card on the HTML file with a new id, depending on the GPIO you want to control. The following is for GPIO 12, you need to change the number to match the GPIO you want to control.
<div class="card">
<p class="card-title"><i class="fas fa-lightbulb"></i> GPIO 12</p>
<label class="switch">
<input type="checkbox" onchange="toggleCheckbox(this)" id="12">
<span class="slider"></span>
</label>
<p class="state">State: <span id="12s"></span></p>
</div>
On the Arduino sketch, you must add the GPIO you want to control to the outputGPIOs array.
int outputGPIOs[NUM_OUTPUTS] = {2, 4, 12, 14};
I hope this helps.
Regards,
Sara