Etusivu Tutki Apua
Kirjaudu sisään
titi
/
ESP32_OSC_IMU
Tarkkaile 1
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 27571b60a0
Branchit Tagit
ESP32_OSC_IMU
/
lib
/
AutoConnect
/
docs
/
menu.html

menu.html 40 KB
Historia Raaka

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217 
  1. 

  2. <!doctype html>
    3. 

  3. <html lang="en" class="no-js">
    4. 

  4.   <head>
    5. 

  5.     
    6. 

  6.       <meta charset="utf-8">
    7. 

  7.       <meta name="viewport" content="width=device-width,initial-scale=1">
    8. 

  8.       
    9. 

  9.         <meta name="description" content="ESP8266/ESP32 WLAN configuration at run time with web interface">
    10. 

  10.       
    11. 

  11.       
    12. 

  12.       
    13. 

  13.         <link rel="canonical" href="https://Hieromon.github.io/AutoConnect/menu.html">
    14. 

  14.       
    15. 

  15.       
    16. 

  16.         <meta name="author" content="Hieromon Ikasamo">
    17. 

  17.       
    18. 

  18.       <link rel="shortcut icon" href="assets/images/favicon.png">
    19. 

  19.       <meta name="generator" content="mkdocs-1.1.2, mkdocs-material-6.1.6">
    20. 

  20.     
    21. 

  21.     
    22. 

  22.       
    23. 

  23.         <title>AutoConnect menu - AutoConnect for ESP8266/ESP32</title>
    24. 

  24.       
    25. 

  25.     
    26. 

  26.     
    27. 

  27.       <link rel="stylesheet" href="assets/stylesheets/main.6910b76c.min.css">
    28. 

  28.       
    29. 

  29.         
    30. 

  30.         <link rel="stylesheet" href="assets/stylesheets/palette.196e0c26.min.css">
    31. 

  31.         
    32. 

  32.           
    33. 

  33.           
    34. 

  34.           <meta name="theme-color" content="#4051b5">
    35. 

  35.         
    36. 

  36.       
    37. 

  37.     
    38. 

  38.     
    39. 

  39.     
    40. 

  40.       
    41. 

  41.         
    42. 

  42.         <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
    43. 

  43.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&display=fallback">
    44. 

  44.         <style>body,input{font-family:"Roboto",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono",SFMono-Regular,Consolas,Menlo,monospace}</style>
    45. 

  45.       
    46. 

  46.     
    47. 

  47.     
    48. 

  48.     
    49. 

  49.       <link rel="stylesheet" href="css/paragraph.css">
    50. 

  50.     
    51. 

  51.       <link rel="stylesheet" href="css/extra.css">
    52. 

  52.     
    53. 

  53.       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
    54. 

  54.     
    55. 

  55.     
    56. 

  56.       
    57. 

  57.         
    58. 

  58. <script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","UA-116150854-1","auto"),ga("set","anonymizeIp",!0),ga("send","pageview"),document.addEventListener("DOMContentLoaded",function(){document.forms.search&&document.forms.search.query.addEventListener("blur",function(){if(this.value){var e=document.location.pathname;ga("send","pageview",e+"?q="+this.value)}})}),document.addEventListener("DOMContentSwitch",function(){ga("send","pageview",document.location.pathname)})</script>
    59. 

  59. <script async src="https://www.google-analytics.com/analytics.js"></script>
    60. 

  60.       
    61. 

  61.     
    62. 

  62.     
    63. 

  63.   </head>
    64. 

  64.   
    65. 

  65.   
    66. 

  66.     
    67. 

  67.     
    68. 

  68.     
    69. 

  69.     
    70. 

  70.     
    71. 

  71.     <body dir="ltr" data-md-color-scheme="" data-md-color-primary="indigo" data-md-color-accent="indigo">
    72. 

  72.       
    73. 

  73.   
    74. 

  74.     <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    75. 

  75.     <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    76. 

  76.     <label class="md-overlay" for="__drawer"></label>
    77. 

  77.     <div data-md-component="skip">
    78. 

  78.       
    79. 

  79.         
    80. 

  80.         <a href="#where-the-from" class="md-skip">
    81. 

  81.           Skip to content
    82. 

  82.         </a>
    83. 

  83.       
    84. 

  84.     </div>
    85. 

  85.     <div data-md-component="announce">
    86. 

  86.       
    87. 

  87.     </div>
    88. 

  88.     
    89. 

  89.       
    90. 

  90. 

  91. <header class="md-header" data-md-component="header">
    92. 

  92.   <nav class="md-header-nav md-grid" aria-label="Header">
    93. 

  93.     <a href="https://Hieromon.github.io/AutoConnect/" title="AutoConnect for ESP8266/ESP32" class="md-header-nav__button md-logo" aria-label="AutoConnect for ESP8266/ESP32">
    94. 

  94.       
    95. 

  95.   <img src="images/arduino-logo.svg" alt="logo">
    96. 

  96. 

  97.     </a>
    98. 

  98.     <label class="md-header-nav__button md-icon" for="__drawer">
    99. 

  99.       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
    100. 

  100.     </label>
    101. 

  101.     <div class="md-header-nav__title" data-md-component="header-title">
    102. 

  102.       
    103. 

  103.         <div class="md-header-nav__ellipsis">
    104. 

  104.           <span class="md-header-nav__topic md-ellipsis">
    105. 

  105.             AutoConnect for ESP8266/ESP32
    106. 

  106.           </span>
    107. 

  107.           <span class="md-header-nav__topic md-ellipsis">
    108. 

  108.             
    109. 

  109.               AutoConnect menu
    110. 

  110.             
    111. 

  111.           </span>
    112. 

  112.         </div>
    113. 

  113.       
    114. 

  114.     </div>
    115. 

  115.     
    116. 

  116.       <label class="md-header-nav__button md-icon" for="__search">
    117. 

  117.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0116 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 019.5 16 6.5 6.5 0 013 9.5 6.5 6.5 0 019.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
    118. 

  118.       </label>
    119. 

  119.       
    120. 

  120. <div class="md-search" data-md-component="search" role="dialog">
    121. 

  121.   <label class="md-search__overlay" for="__search"></label>
    122. 

  122.   <div class="md-search__inner" role="search">
    123. 

  123.     <form class="md-search__form" name="search">
    124. 

  124.       <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" data-md-state="active" required>
    125. 

  125.       <label class="md-search__icon md-icon" for="__search">
    126. 

  126.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0116 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 019.5 16 6.5 6.5 0 013 9.5 6.5 6.5 0 019.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
    127. 

  127.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
    128. 

  128.       </label>
    129. 

  129.       <button type="reset" class="md-search__icon md-icon" aria-label="Clear" data-md-component="search-reset" tabindex="-1">
    130. 

  130.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
    131. 

  131.       </button>
    132. 

  132.     </form>
    133. 

  133.     <div class="md-search__output">
    134. 

  134.       <div class="md-search__scrollwrap" data-md-scrollfix>
    135. 

  135.         <div class="md-search-result" data-md-component="search-result">
    136. 

  136.           <div class="md-search-result__meta">
    137. 

  137.             Initializing search
    138. 

  138.           </div>
    139. 

  139.           <ol class="md-search-result__list"></ol>
    140. 

  140.         </div>
    141. 

  141.       </div>
    142. 

  142.     </div>
    143. 

  143.   </div>
    144. 

  144. </div>
    145. 

  145.     
    146. 

  146.     
    147. 

  147.       <div class="md-header-nav__source">
    148. 

  148.         
    149. 

  149. <a href="https://github.com/Hieromon/AutoConnect" title="Go to repository" class="md-source">
    150. 

  150.   <div class="md-source__icon md-icon">
    151. 

  151.     
    152. 

  152.     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05L244 40.45a28.87 28.87 0 00-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 01-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 000 40.81l195.61 195.6a28.86 28.86 0 0040.8 0l194.69-194.69a28.86 28.86 0 000-40.81z"/></svg>
    153. 

  153.   </div>
    154. 

  154.   <div class="md-source__repository">
    155. 

  155.     Hieromon/AutoConnect
    156. 

  156.   </div>
    157. 

  157. </a>
    158. 

  158.       </div>
    159. 

  159.     
    160. 

  160.   </nav>
    161. 

  161. </header>
    162. 

  162.     
    163. 

  163.     <div class="md-container" data-md-component="container">
    164. 

  164.       
    165. 

  165.       
    166. 

  166.         
    167. 

  167.       
    168. 

  168.       <main class="md-main" data-md-component="main">
    169. 

  169.         <div class="md-main__inner md-grid">
    170. 

  170.           
    171. 

  171.             
    172. 

  172.               <div class="md-sidebar md-sidebar--primary" data-md-component="navigation">
    173. 

  173.                 <div class="md-sidebar__scrollwrap">
    174. 

  174.                   <div class="md-sidebar__inner">
    175. 

  175.                     
    176. 

  176. 

  177. <nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
    178. 

  178.   <label class="md-nav__title" for="__drawer">
    179. 

  179.     <a href="https://Hieromon.github.io/AutoConnect/" title="AutoConnect for ESP8266/ESP32" class="md-nav__button md-logo" aria-label="AutoConnect for ESP8266/ESP32">
    180. 

  180.       
    181. 

  181.   <img src="images/arduino-logo.svg" alt="logo">
    182. 

  182. 

  183.     </a>
    184. 

  184.     AutoConnect for ESP8266/ESP32
    185. 

  185.   </label>
    186. 

  186.   
    187. 

  187.     <div class="md-nav__source">
    188. 

  188.       
    189. 

  189. <a href="https://github.com/Hieromon/AutoConnect" title="Go to repository" class="md-source">
    190. 

  190.   <div class="md-source__icon md-icon">
    191. 

  191.     
    192. 

  192.     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05L244 40.45a28.87 28.87 0 00-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 01-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 000 40.81l195.61 195.6a28.86 28.86 0 0040.8 0l194.69-194.69a28.86 28.86 0 000-40.81z"/></svg>
    193. 

  193.   </div>
    194. 

  194.   <div class="md-source__repository">
    195. 

  195.     Hieromon/AutoConnect
    196. 

  196.   </div>
    197. 

  197. </a>
    198. 

  198.     </div>
    199. 

  199.   
    200. 

  200.   <ul class="md-nav__list" data-md-scrollfix>
    201. 

  201.     
    202. 

  202.       
    203. 

  203.       
    204. 

  204.       
    205. 

  205. 

  206. 

  207.   <li class="md-nav__item">
    208. 

  208.     <a href="index.html" class="md-nav__link">
    209. 

  209.       Overview
    210. 

  210.     </a>
    211. 

  211.   </li>
    212. 

  212. 

  213.     
    214. 

  214.       
    215. 

  215.       
    216. 

  216.       
    217. 

  217. 

  218. 

  219.   <li class="md-nav__item">
    220. 

  220.     <a href="gettingstarted.html" class="md-nav__link">
    221. 

  221.       Getting started
    222. 

  222.     </a>
    223. 

  223.   </li>
    224. 

  224. 

  225.     
    226. 

  226.       
    227. 

  227.       
    228. 

  228.       
    229. 

  229. 

  230.   
    231. 

  231. 

  232. 

  233.   <li class="md-nav__item md-nav__item--active">
    234. 

  234.     
    235. 

  235.     <input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
    236. 

  236.     
    237. 

  237.     
    238. 

  238.       <label class="md-nav__link md-nav__link--active" for="__toc">
    239. 

  239.         AutoConnect menu
    240. 

  240.         <span class="md-nav__icon md-icon"></span>
    241. 

  241.       </label>
    242. 

  242.     
    243. 

  243.     <a href="menu.html" class="md-nav__link md-nav__link--active">
    244. 

  244.       AutoConnect menu
    245. 

  245.     </a>
    246. 

  246.     
    247. 

  247.       
    248. 

  248. <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
    249. 

  249.   
    250. 

  250.   
    251. 

  251.   
    252. 

  252.     <label class="md-nav__title" for="__toc">
    253. 

  253.       <span class="md-nav__icon md-icon"></span>
    254. 

  254.       Table of contents
    255. 

  255.     </label>
    256. 

  256.     <ul class="md-nav__list" data-md-scrollfix>
    257. 

  257.       
    258. 

  258.         <li class="md-nav__item">
    259. 

  259.   <a href="#where-the-from" class="md-nav__link">
    260. 

  260.      Where the from
    261. 

  261.   </a>
    262. 

  262.   
    263. 

  263. </li>
    264. 

  264.       
    265. 

  265.         <li class="md-nav__item">
    266. 

  266.   <a href="#right-on-top" class="md-nav__link">
    267. 

  267.      Right on top
    268. 

  268.   </a>
    269. 

  269.   
    270. 

  270. </li>
    271. 

  271.       
    272. 

  272.         <li class="md-nav__item">
    273. 

  273.   <a href="#configure-new-ap" class="md-nav__link">
    274. 

  274.      Configure new AP
    275. 

  275.   </a>
    276. 

  276.   
    277. 

  277. </li>
    278. 

  278.       
    279. 

  279.         <li class="md-nav__item">
    280. 

  280.   <a href="#open-ssids" class="md-nav__link">
    281. 

  281.      Open SSIDs
    282. 

  282.   </a>
    283. 

  283.   
    284. 

  284. </li>
    285. 

  285.       
    286. 

  286.         <li class="md-nav__item">
    287. 

  287.   <a href="#disconnect" class="md-nav__link">
    288. 

  288.      Disconnect
    289. 

  289.   </a>
    290. 

  290.   
    291. 

  291. </li>
    292. 

  292.       
    293. 

  293.         <li class="md-nav__item">
    294. 

  294.   <a href="#reset" class="md-nav__link">
    295. 

  295.      Reset...
    296. 

  296.   </a>
    297. 

  297.   
    298. 

  298. </li>
    299. 

  299.       
    300. 

  300.         <li class="md-nav__item">
    301. 

  301.   <a href="#custom-menu-items" class="md-nav__link">
    302. 

  302.      Custom menu items
    303. 

  303.   </a>
    304. 

  304.   
    305. 

  305. </li>
    306. 

  306.       
    307. 

  307.         <li class="md-nav__item">
    308. 

  308.   <a href="#update" class="md-nav__link">
    309. 

  309.      Update
    310. 

  310.   </a>
    311. 

  311.   
    312. 

  312. </li>
    313. 

  313.       
    314. 

  314.         <li class="md-nav__item">
    315. 

  315.   <a href="#home" class="md-nav__link">
    316. 

  316.      HOME
    317. 

  317.   </a>
    318. 

  318.   
    319. 

  319. </li>
    320. 

  320.       
    321. 

  321.         <li class="md-nav__item">
    322. 

  322.   <a href="#applying-the-active-menu-items" class="md-nav__link">
    323. 

  323.      Applying the active menu items
    324. 

  324.   </a>
    325. 

  325.   
    326. 

  326. </li>
    327. 

  327.       
    328. 

  328.         <li class="md-nav__item">
    329. 

  329.   <a href="#attaching-to-autoconnect-menu" class="md-nav__link">
    330. 

  330.      Attaching to AutoConnect menu
    331. 

  331.   </a>
    332. 

  332.   
    333. 

  333. </li>
    334. 

  334.       
    335. 

  335.     </ul>
    336. 

  336.   
    337. 

  337. </nav>
    338. 

  338.     
    339. 

  339.   </li>
    340. 

  340. 

  341.     
    342. 

  342.       
    343. 

  343.       
    344. 

  344.       
    345. 

  345. 

  346. 

  347.   <li class="md-nav__item">
    348. 

  348.     <a href="basicusage.html" class="md-nav__link">
    349. 

  349.       Basic usage
    350. 

  350.     </a>
    351. 

  351.   </li>
    352. 

  352. 

  353.     
    354. 

  354.       
    355. 

  355.       
    356. 

  356.       
    357. 

  357. 

  358. 

  359.   <li class="md-nav__item md-nav__item--nested">
    360. 

  360.     
    361. 

  361.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-5" type="checkbox" id="nav-5" >
    362. 

  362.     <label class="md-nav__link" for="nav-5">
    363. 

  363.       Advanced usage
    364. 

  364.       <span class="md-nav__icon md-icon"></span>
    365. 

  365.     </label>
    366. 

  366.     <nav class="md-nav" aria-label="Advanced usage" data-md-level="1">
    367. 

  367.       <label class="md-nav__title" for="nav-5">
    368. 

  368.         <span class="md-nav__icon md-icon"></span>
    369. 

  369.         Advanced usage
    370. 

  370.       </label>
    371. 

  371.       <ul class="md-nav__list" data-md-scrollfix>
    372. 

  372.         
    373. 

  373.         
    374. 

  374.           
    375. 

  375.           
    376. 

  376.           
    377. 

  377. 

  378. 

  379.   <li class="md-nav__item">
    380. 

  380.     <a href="advancedusage.html" class="md-nav__link">
    381. 

  381.       Advanced usage
    382. 

  382.     </a>
    383. 

  383.   </li>
    384. 

  384. 

  385.         
    386. 

  386.           
    387. 

  387.           
    388. 

  388.           
    389. 

  389. 

  390. 

  391.   <li class="md-nav__item">
    392. 

  392.     <a href="adconnection.html" class="md-nav__link">
    393. 

  393.       AutoConnect WiFi connection control
    394. 

  394.     </a>
    395. 

  395.   </li>
    396. 

  396. 

  397.         
    398. 

  398.           
    399. 

  399.           
    400. 

  400.           
    401. 

  401. 

  402. 

  403.   <li class="md-nav__item">
    404. 

  404.     <a href="adcpcontrol.html" class="md-nav__link">
    405. 

  405.       Captive portal control
    406. 

  406.     </a>
    407. 

  407.   </li>
    408. 

  408. 

  409.         
    410. 

  410.           
    411. 

  411.           
    412. 

  412.           
    413. 

  413. 

  414. 

  415.   <li class="md-nav__item">
    416. 

  416.     <a href="adnetwork.html" class="md-nav__link">
    417. 

  417.       Settings and controls for network and WiFi
    418. 

  418.     </a>
    419. 

  419.   </li>
    420. 

  420. 

  421.         
    422. 

  422.           
    423. 

  423.           
    424. 

  424.           
    425. 

  425. 

  426. 

  427.   <li class="md-nav__item">
    428. 

  428.     <a href="adauthentication.html" class="md-nav__link">
    429. 

  429.       Authentication settings
    430. 

  430.     </a>
    431. 

  431.   </li>
    432. 

  432. 

  433.         
    434. 

  434.           
    435. 

  435.           
    436. 

  436.           
    437. 

  437. 

  438. 

  439.   <li class="md-nav__item">
    440. 

  440.     <a href="adcredential.html" class="md-nav__link">
    441. 

  441.       Credential accesses
    442. 

  442.     </a>
    443. 

  443.   </li>
    444. 

  444. 

  445.         
    446. 

  446.           
    447. 

  447.           
    448. 

  448.           
    449. 

  449. 

  450. 

  451.   <li class="md-nav__item">
    452. 

  452.     <a href="adexterior.html" class="md-nav__link">
    453. 

  453.       Customizing page appearance
    454. 

  454.     </a>
    455. 

  455.   </li>
    456. 

  456. 

  457.         
    458. 

  458.           
    459. 

  459.           
    460. 

  460.           
    461. 

  461. 

  462. 

  463.   <li class="md-nav__item">
    464. 

  464.     <a href="adothers.html" class="md-nav__link">
    465. 

  465.       Other operation settings and controls
    466. 

  466.     </a>
    467. 

  467.   </li>
    468. 

  468. 

  469.         
    470. 

  470.       </ul>
    471. 

  471.     </nav>
    472. 

  472.   </li>
    473. 

  473. 

  474.     
    475. 

  475.       
    476. 

  476.       
    477. 

  477.       
    478. 

  478. 

  479. 

  480.   <li class="md-nav__item md-nav__item--nested">
    481. 

  481.     
    482. 

  482.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-6" type="checkbox" id="nav-6" >
    483. 

  483.     <label class="md-nav__link" for="nav-6">
    484. 

  484.       Custom Web pages
    485. 

  485.       <span class="md-nav__icon md-icon"></span>
    486. 

  486.     </label>
    487. 

  487.     <nav class="md-nav" aria-label="Custom Web pages" data-md-level="1">
    488. 

  488.       <label class="md-nav__title" for="nav-6">
    489. 

  489.         <span class="md-nav__icon md-icon"></span>
    490. 

  490.         Custom Web pages
    491. 

  491.       </label>
    492. 

  492.       <ul class="md-nav__list" data-md-scrollfix>
    493. 

  493.         
    494. 

  494.         
    495. 

  495.           
    496. 

  496.           
    497. 

  497.           
    498. 

  498. 

  499. 

  500.   <li class="md-nav__item">
    501. 

  501.     <a href="acintro.html" class="md-nav__link">
    502. 

  502.       Custom Web pages with AutoConnect
    503. 

  503.     </a>
    504. 

  504.   </li>
    505. 

  505. 

  506.         
    507. 

  507.           
    508. 

  508.           
    509. 

  509.           
    510. 

  510. 

  511. 

  512.   <li class="md-nav__item">
    513. 

  513.     <a href="acelements.html" class="md-nav__link">
    514. 

  514.       AutoConnectElements
    515. 

  515.     </a>
    516. 

  516.   </li>
    517. 

  517. 

  518.         
    519. 

  519.           
    520. 

  520.           
    521. 

  521.           
    522. 

  522. 

  523. 

  524.   <li class="md-nav__item">
    525. 

  525.     <a href="acjson.html" class="md-nav__link">
    526. 

  526.       Custom Web pages with JSON
    527. 

  527.     </a>
    528. 

  528.   </li>
    529. 

  529. 

  530.         
    531. 

  531.           
    532. 

  532.           
    533. 

  533.           
    534. 

  534. 

  535. 

  536.   <li class="md-nav__item">
    537. 

  537.     <a href="achandling.html" class="md-nav__link">
    538. 

  538.       Handling the custom Web pages
    539. 

  539.     </a>
    540. 

  540.   </li>
    541. 

  541. 

  542.         
    543. 

  543.       </ul>
    544. 

  544.     </nav>
    545. 

  545.   </li>
    546. 

  546. 

  547.     
    548. 

  548.       
    549. 

  549.       
    550. 

  550.       
    551. 

  551. 

  552. 

  553.   <li class="md-nav__item md-nav__item--nested">
    554. 

  554.     
    555. 

  555.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-7" type="checkbox" id="nav-7" >
    556. 

  556.     <label class="md-nav__link" for="nav-7">
    557. 

  557.       OTA Updates
    558. 

  558.       <span class="md-nav__icon md-icon"></span>
    559. 

  559.     </label>
    560. 

  560.     <nav class="md-nav" aria-label="OTA Updates" data-md-level="1">
    561. 

  561.       <label class="md-nav__title" for="nav-7">
    562. 

  562.         <span class="md-nav__icon md-icon"></span>
    563. 

  563.         OTA Updates
    564. 

  564.       </label>
    565. 

  565.       <ul class="md-nav__list" data-md-scrollfix>
    566. 

  566.         
    567. 

  567.         
    568. 

  568.           
    569. 

  569.           
    570. 

  570.           
    571. 

  571. 

  572. 

  573.   <li class="md-nav__item">
    574. 

  574.     <a href="otaupdate.html" class="md-nav__link">
    575. 

  575.       OTA Updates
    576. 

  576.     </a>
    577. 

  577.   </li>
    578. 

  578. 

  579.         
    580. 

  580.           
    581. 

  581.           
    582. 

  582.           
    583. 

  583. 

  584. 

  585.   <li class="md-nav__item">
    586. 

  586.     <a href="otabrowser.html" class="md-nav__link">
    587. 

  587.       Using Web Browser
    588. 

  588.     </a>
    589. 

  589.   </li>
    590. 

  590. 

  591.         
    592. 

  592.           
    593. 

  593.           
    594. 

  594.           
    595. 

  595. 

  596. 

  597.   <li class="md-nav__item">
    598. 

  598.     <a href="otaserver.html" class="md-nav__link">
    599. 

  599.       Using Update Server
    600. 

  600.     </a>
    601. 

  601.   </li>
    602. 

  602. 

  603.         
    604. 

  604.       </ul>
    605. 

  605.     </nav>
    606. 

  606.   </li>
    607. 

  607. 

  608.     
    609. 

  609.       
    610. 

  610.       
    611. 

  611.       
    612. 

  612. 

  613. 

  614.   <li class="md-nav__item md-nav__item--nested">
    615. 

  615.     
    616. 

  616.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-8" type="checkbox" id="nav-8" >
    617. 

  617.     <label class="md-nav__link" for="nav-8">
    618. 

  618.       Library APIs
    619. 

  619.       <span class="md-nav__icon md-icon"></span>
    620. 

  620.     </label>
    621. 

  621.     <nav class="md-nav" aria-label="Library APIs" data-md-level="1">
    622. 

  622.       <label class="md-nav__title" for="nav-8">
    623. 

  623.         <span class="md-nav__icon md-icon"></span>
    624. 

  624.         Library APIs
    625. 

  625.       </label>
    626. 

  626.       <ul class="md-nav__list" data-md-scrollfix>
    627. 

  627.         
    628. 

  628.         
    629. 

  629.           
    630. 

  630.           
    631. 

  631.           
    632. 

  632. 

  633. 

  634.   <li class="md-nav__item">
    635. 

  635.     <a href="api.html" class="md-nav__link">
    636. 

  636.       AutoConnect API
    637. 

  637.     </a>
    638. 

  638.   </li>
    639. 

  639. 

  640.         
    641. 

  641.           
    642. 

  642.           
    643. 

  643.           
    644. 

  644. 

  645. 

  646.   <li class="md-nav__item">
    647. 

  647.     <a href="apiaux.html" class="md-nav__link">
    648. 

  648.       AutoConnectAux API
    649. 

  649.     </a>
    650. 

  650.   </li>
    651. 

  651. 

  652.         
    653. 

  653.           
    654. 

  654.           
    655. 

  655.           
    656. 

  656. 

  657. 

  658.   <li class="md-nav__item">
    659. 

  659.     <a href="apiconfig.html" class="md-nav__link">
    660. 

  660.       AutoConnectConfig API
    661. 

  661.     </a>
    662. 

  662.   </li>
    663. 

  663. 

  664.         
    665. 

  665.           
    666. 

  666.           
    667. 

  667.           
    668. 

  668. 

  669. 

  670.   <li class="md-nav__item">
    671. 

  671.     <a href="apielements.html" class="md-nav__link">
    672. 

  672.       AutoConnectElements API
    673. 

  673.     </a>
    674. 

  674.   </li>
    675. 

  675. 

  676.         
    677. 

  677.           
    678. 

  678.           
    679. 

  679.           
    680. 

  680. 

  681. 

  682.   <li class="md-nav__item">
    683. 

  683.     <a href="apiupdate.html" class="md-nav__link">
    684. 

  684.       AutoConnectUpdate API
    685. 

  685.     </a>
    686. 

  686.   </li>
    687. 

  687. 

  688.         
    689. 

  689.           
    690. 

  690.           
    691. 

  691.           
    692. 

  692. 

  693. 

  694.   <li class="md-nav__item">
    695. 

  695.     <a href="apiextra.html" class="md-nav__link">
    696. 

  696.       Something extra
    697. 

  697.     </a>
    698. 

  698.   </li>
    699. 

  699. 

  700.         
    701. 

  701.       </ul>
    702. 

  702.     </nav>
    703. 

  703.   </li>
    704. 

  704. 

  705.     
    706. 

  706.       
    707. 

  707.       
    708. 

  708.       
    709. 

  709. 

  710. 

  711.   <li class="md-nav__item md-nav__item--nested">
    712. 

  712.     
    713. 

  713.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-9" type="checkbox" id="nav-9" >
    714. 

  714.     <label class="md-nav__link" for="nav-9">
    715. 

  715.       Examples
    716. 

  716.       <span class="md-nav__icon md-icon"></span>
    717. 

  717.     </label>
    718. 

  718.     <nav class="md-nav" aria-label="Examples" data-md-level="1">
    719. 

  719.       <label class="md-nav__title" for="nav-9">
    720. 

  720.         <span class="md-nav__icon md-icon"></span>
    721. 

  721.         Examples
    722. 

  722.       </label>
    723. 

  723.       <ul class="md-nav__list" data-md-scrollfix>
    724. 

  724.         
    725. 

  725.         
    726. 

  726.           
    727. 

  727.           
    728. 

  728.           
    729. 

  729. 

  730. 

  731.   <li class="md-nav__item">
    732. 

  732.     <a href="howtoembed.html" class="md-nav__link">
    733. 

  733.       How to embed
    734. 

  734.     </a>
    735. 

  735.   </li>
    736. 

  736. 

  737.         
    738. 

  738.           
    739. 

  739.           
    740. 

  740.           
    741. 

  741. 

  742. 

  743.   <li class="md-nav__item">
    744. 

  744.     <a href="datatips.html" class="md-nav__link">
    745. 

  745.       Tips for data conversion
    746. 

  746.     </a>
    747. 

  747.   </li>
    748. 

  748. 

  749.         
    750. 

  750.           
    751. 

  751.           
    752. 

  752.           
    753. 

  753. 

  754. 

  755.   <li class="md-nav__item">
    756. 

  756.     <a href="menuize.html" class="md-nav__link">
    757. 

  757.       Attach the menus
    758. 

  758.     </a>
    759. 

  759.   </li>
    760. 

  760. 

  761.         
    762. 

  762.           
    763. 

  763.           
    764. 

  764.           
    765. 

  765. 

  766. 

  767.   <li class="md-nav__item">
    768. 

  768.     <a href="wojson.html" class="md-nav__link">
    769. 

  769.       Custom Web pages w/o JSON
    770. 

  770.     </a>
    771. 

  771.   </li>
    772. 

  772. 

  773.         
    774. 

  774.       </ul>
    775. 

  775.     </nav>
    776. 

  776.   </li>
    777. 

  777. 

  778.     
    779. 

  779.       
    780. 

  780.       
    781. 

  781.       
    782. 

  782. 

  783. 

  784.   <li class="md-nav__item md-nav__item--nested">
    785. 

  785.     
    786. 

  786.     <input class="md-nav__toggle md-toggle" data-md-toggle="nav-10" type="checkbox" id="nav-10" >
    787. 

  787.     <label class="md-nav__link" for="nav-10">
    788. 

  788.       Appendix
    789. 

  789.       <span class="md-nav__icon md-icon"></span>
    790. 

  790.     </label>
    791. 

  791.     <nav class="md-nav" aria-label="Appendix" data-md-level="1">
    792. 

  792.       <label class="md-nav__title" for="nav-10">
    793. 

  793.         <span class="md-nav__icon md-icon"></span>
    794. 

  794.         Appendix
    795. 

  795.       </label>
    796. 

  796.       <ul class="md-nav__list" data-md-scrollfix>
    797. 

  797.         
    798. 

  798.         
    799. 

  799.           
    800. 

  800.           
    801. 

  801.           
    802. 

  802. 

  803. 

  804.   <li class="md-nav__item">
    805. 

  805.     <a href="lsbegin.html" class="md-nav__link">
    806. 

  806.       Inside AutoConnect::begin
    807. 

  807.     </a>
    808. 

  808.   </li>
    809. 

  809. 

  810.         
    811. 

  811.           
    812. 

  812.           
    813. 

  813.           
    814. 

  814. 

  815. 

  816.   <li class="md-nav__item">
    817. 

  817.     <a href="credit.html" class="md-nav__link">
    818. 

  818.       Saved credentials access
    819. 

  819.     </a>
    820. 

  820.   </li>
    821. 

  821. 

  822.         
    823. 

  823.           
    824. 

  824.           
    825. 

  825.           
    826. 

  826. 

  827. 

  828.   <li class="md-nav__item">
    829. 

  829.     <a href="acupload.html" class="md-nav__link">
    830. 

  830.       File upload handler
    831. 

  831.     </a>
    832. 

  832.   </li>
    833. 

  833. 

  834.         
    835. 

  835.           
    836. 

  836.           
    837. 

  837.           
    838. 

  838. 

  839. 

  840.   <li class="md-nav__item">
    841. 

  841.     <a href="colorized.html" class="md-nav__link">
    842. 

  842.       Custom colorized
    843. 

  843.     </a>
    844. 

  844.   </li>
    845. 

  845. 

  846.         
    847. 

  847.           
    848. 

  848.           
    849. 

  849.           
    850. 

  850. 

  851. 

  852.   <li class="md-nav__item">
    853. 

  853.     <a href="changelabel.html" class="md-nav__link">
    854. 

  854.       Change label text
    855. 

  855.     </a>
    856. 

  856.   </li>
    857. 

  857. 

  858.         
    859. 

  859.       </ul>
    860. 

  860.     </nav>
    861. 

  861.   </li>
    862. 

  862. 

  863.     
    864. 

  864.       
    865. 

  865.       
    866. 

  866.       
    867. 

  867. 

  868. 

  869.   <li class="md-nav__item">
    870. 

  870.     <a href="faq.html" class="md-nav__link">
    871. 

  871.       FAQ
    872. 

  872.     </a>
    873. 

  873.   </li>
    874. 

  874. 

  875.     
    876. 

  876.       
    877. 

  877.       
    878. 

  878.       
    879. 

  879. 

  880. 

  881.   <li class="md-nav__item">
    882. 

  882.     <a href="changelog.html" class="md-nav__link">
    883. 

  883.       Change log
    884. 

  884.     </a>
    885. 

  885.   </li>
    886. 

  886. 

  887.     
    888. 

  888.       
    889. 

  889.       
    890. 

  890.       
    891. 

  891. 

  892. 

  893.   <li class="md-nav__item">
    894. 

  894.     <a href="license.html" class="md-nav__link">
    895. 

  895.       License
    896. 

  896.     </a>
    897. 

  897.   </li>
    898. 

  898. 

  899.     
    900. 

  900.   </ul>
    901. 

  901. </nav>
    902. 

  902.                   </div>
    903. 

  903.                 </div>
    904. 

  904.               </div>
    905. 

  905.             
    906. 

  906.             
    907. 

  907.               <div class="md-sidebar md-sidebar--secondary" data-md-component="toc">
    908. 

  908.                 <div class="md-sidebar__scrollwrap">
    909. 

  909.                   <div class="md-sidebar__inner">
    910. 

  910.                     
    911. 

  911. <nav class="md-nav md-nav--secondary" aria-label="Table of contents">
    912. 

  912.   
    913. 

  913.   
    914. 

  914.   
    915. 

  915.     <label class="md-nav__title" for="__toc">
    916. 

  916.       <span class="md-nav__icon md-icon"></span>
    917. 

  917.       Table of contents
    918. 

  918.     </label>
    919. 

  919.     <ul class="md-nav__list" data-md-scrollfix>
    920. 

  920.       
    921. 

  921.         <li class="md-nav__item">
    922. 

  922.   <a href="#where-the-from" class="md-nav__link">
    923. 

  923.      Where the from
    924. 

  924.   </a>
    925. 

  925.   
    926. 

  926. </li>
    927. 

  927.       
    928. 

  928.         <li class="md-nav__item">
    929. 

  929.   <a href="#right-on-top" class="md-nav__link">
    930. 

  930.      Right on top
    931. 

  931.   </a>
    932. 

  932.   
    933. 

  933. </li>
    934. 

  934.       
    935. 

  935.         <li class="md-nav__item">
    936. 

  936.   <a href="#configure-new-ap" class="md-nav__link">
    937. 

  937.      Configure new AP
    938. 

  938.   </a>
    939. 

  939.   
    940. 

  940. </li>
    941. 

  941.       
    942. 

  942.         <li class="md-nav__item">
    943. 

  943.   <a href="#open-ssids" class="md-nav__link">
    944. 

  944.      Open SSIDs
    945. 

  945.   </a>
    946. 

  946.   
    947. 

  947. </li>
    948. 

  948.       
    949. 

  949.         <li class="md-nav__item">
    950. 

  950.   <a href="#disconnect" class="md-nav__link">
    951. 

  951.      Disconnect
    952. 

  952.   </a>
    953. 

  953.   
    954. 

  954. </li>
    955. 

  955.       
    956. 

  956.         <li class="md-nav__item">
    957. 

  957.   <a href="#reset" class="md-nav__link">
    958. 

  958.      Reset...
    959. 

  959.   </a>
    960. 

  960.   
    961. 

  961. </li>
    962. 

  962.       
    963. 

  963.         <li class="md-nav__item">
    964. 

  964.   <a href="#custom-menu-items" class="md-nav__link">
    965. 

  965.      Custom menu items
    966. 

  966.   </a>
    967. 

  967.   
    968. 

  968. </li>
    969. 

  969.       
    970. 

  970.         <li class="md-nav__item">
    971. 

  971.   <a href="#update" class="md-nav__link">
    972. 

  972.      Update
    973. 

  973.   </a>
    974. 

  974.   
    975. 

  975. </li>
    976. 

  976.       
    977. 

  977.         <li class="md-nav__item">
    978. 

  978.   <a href="#home" class="md-nav__link">
    979. 

  979.      HOME
    980. 

  980.   </a>
    981. 

  981.   
    982. 

  982. </li>
    983. 

  983.       
    984. 

  984.         <li class="md-nav__item">
    985. 

  985.   <a href="#applying-the-active-menu-items" class="md-nav__link">
    986. 

  986.      Applying the active menu items
    987. 

  987.   </a>
    988. 

  988.   
    989. 

  989. </li>
    990. 

  990.       
    991. 

  991.         <li class="md-nav__item">
    992. 

  992.   <a href="#attaching-to-autoconnect-menu" class="md-nav__link">
    993. 

  993.      Attaching to AutoConnect menu
    994. 

  994.   </a>
    995. 

  995.   
    996. 

  996. </li>
    997. 

  997.       
    998. 

  998.     </ul>
    999. 

  999.   
    1000. 

  1000. </nav>
    1001. 

  1001.                   </div>
    1002. 

  1002.                 </div>
    1003. 

  1003.               </div>
    1004. 

  1004.             
    1005. 

  1005.           
    1006. 

  1006.           <div class="md-content">
    1007. 

  1007.             <article class="md-content__inner md-typeset">
    1008. 

  1008.               
    1009. 

  1009.                 
    1010. 

  1010.                 
    1011. 

  1011.                   <h1>AutoConnect menu</h1>
    1012. 

  1012.                 
    1013. 

  1013.                 <div class="admonition info">
    1014. 

  1014. <p class="admonition-title">Luxbar</p>
    1015. 

  1015. <p>The AutoConnect menu is developed using the <a href="https://github.com/balzss/luxbar">LuxBar</a> which is licensed under the MIT License. See the <a href="license.html">License</a>.</p>
    1016. 

  1016. </div>
    1017. 

  1017. <h2 id="where-the-from"><i class="fa fa-external-link"></i> Where the from<a class="headerlink" href="#where-the-from" title="Permanent link">&para;</a></h2>
    1018. 

  1018. <p>The following screen will appear as the AutoConnect menu when you access to <strong>AutoConnect root URL</strong> via <code>http://{localIP}/_ac</code>. (eg. <code>http://172.217.28.1/_ac</code>) It is a top page of AutoConnect which shows the current WiFi connection statistics. To invoke the AutoConnect menu, you can tap <i class="fa fa-bars"></i> at right on top.</p>
    1019. 

  1019. <p><img src="images/ac.png" style="border-style:solid;border-width:1px;border-color:lightgrey;width:280px;" /></p>
    1020. 

  1020. <div class="admonition note">
    1021. 

  1021. <p class="admonition-title">AutoConnect root URL</p>
    1022. 

  1022. <p>It is assigned "<strong>/_ac</strong>" located on the <em>local IP address</em> of ESP8266/ESP32 module by default and can be changed with the Sketch. A local IP means Local IP at connection established or SoftAP's IP.</p>
    1023. 

  1023. </div>
    1024. 

  1024. <h2 id="right-on-top"><i class="fa fa-bars"></i> Right on top<a class="headerlink" href="#right-on-top" title="Permanent link">&para;</a></h2>
    1025. 

  1025. <p>Currently, AutoConnect supports six menus. Undermost menu as "HOME" returns to the home path of its sketch.</p>
    1026. 

  1026. <ul>
    1027. 

  1027. <li><strong>Configure new AP</strong>: Configure SSID and Password for new access point.</li>
    1028. 

  1028. <li><strong>Open SSIDs</strong>: Opens the past SSID which has been established connection from the flash.</li>
    1029. 

  1029. <li><strong>Disconnect</strong>: Disconnects current connection.</li>
    1030. 

  1030. <li><strong>Reset...</strong>: Rest the ESP8266/ESP32 module.</li>
    1031. 

  1031. <li><strong>Update</strong>: OTA updates. (Optional)</li>
    1032. 

  1032. <li><strong>HOME</strong>: Return to user home page.</li>
    1033. 

  1033. </ul>
    1034. 

  1034. <p><img src="images/menu.png" style="width:280px;" /></p>
    1035. 

  1035. <h2 id="configure-new-ap"><i class="fa fa-bars"></i> Configure new AP<a class="headerlink" href="#configure-new-ap" title="Permanent link">&para;</a></h2>
    1036. 

  1036. <p>It scans all available access points in the vicinity and display it further the WiFi signal strength and security indicator as <i class="fa fa-lock"></i> of the detected AP. Below that, the number of discovered hidden APs will be displayed. 
    1037. 

  1037. Enter SSID and Passphrase and tap "<strong>Apply</strong>" to start a WiFi connection. </p>
    1038. 

  1038. <p><img src="images/newap.png" style="border-style:solid;border-width:1px;border-color:lightgrey;width:280px;" /></p>
    1039. 

  1039. <p>If you want to configure with static IP, uncheck "<strong>Enable DHCP</strong>". Once the WiFi connection is established, the entered static IP<sup id="fnref:1"><a class="footnote-ref" href="#fn:1">1</a></sup> configuration will be stored to the credentials in the flash and restored to the station configuration via the <a href="#open-ssids">Open SSIDs</a> menu.</p>
    1040. 

  1040. <p><img src="images/newap_static.png" style="border-style:solid;border-width:1px;border-color:lightgrey;width:280px;" /></p>
    1041. 

  1041. <h2 id="open-ssids"><i class="fa fa-bars"></i> Open SSIDs<a class="headerlink" href="#open-ssids" title="Permanent link">&para;</a></h2>
    1042. 

  1042. <p>After WiFi connected, AutoConnect will automatically save the established SSID and password to the flash on the ESP module. <strong>Open SSIDs</strong> menu reads the saved SSID credentials and lists them as below. Listed items are clickable buttons and can initiate a connection to its access point.</p>
    1043. 

  1043. <p><img src="images/open.png" style="border-style:solid;border-width:1px;border-color:lightgrey;width:280px;" /></p>
    1044. 

  1044. <div class="admonition note">
    1045. 

  1045. <p class="admonition-title">Saved credentials data structure has changed</p>
    1046. 

  1046. <p>A structure of AutoConnect saved credentials has changed in v1.1.0 and was lost backward compatibility. Credentials saved by AutoConnect v1.0.3 (or earlier) will not display properly with AutoConnect v1.1.0. You need to erase the flash of the ESP module using the esptool before the Sketch uploading.
    1047. 

  1047. <div class="highlight" style="background: #272822"><pre style="line-height: 125%; margin: 0;"><span></span><code><span style="color: #f8f8f2">esptool</span> <span style="color: #f8f8f2">-c</span> <span style="color: #f8f8f2">esp8266</span> <span style="color: #f8f8f2">(or</span> <span style="color: #f8f8f2">esp32)</span> <span style="color: #f8f8f2">-p</span> <span style="color: #66d9ef">[COM_PORT]</span> <span style="color: #f8f8f2">erase_flash</span>
    1048. 

  1048. </code></pre></div></p>
    1049. 

  1049. </div>
    1050. 

  1050. <h2 id="disconnect"><i class="fa fa-bars"></i> Disconnect<a class="headerlink" href="#disconnect" title="Permanent link">&para;</a></h2>
    1051. 

  1051. <p>It disconnects ESP8266/ESP32 from the current connection. Also, ESP8266/ESP32 can be automatically reset after WiFi cutting by instructing with the Sketch using the <a href="api.html#autoreset">AutoConnect API</a>.</p>
    1052. 

  1052. <p>After tapping the <strong>Disconnect</strong>, you will not be able to reach the AutoConnect menu. Once disconnected, you will need to set the SSID again for connecting to the WLAN. </p>
    1053. 

  1053. <h2 id="reset"><i class="fa fa-bars"></i> Reset...<a class="headerlink" href="#reset" title="Permanent link">&para;</a></h2>
    1054. 

  1054. <p>Resetting the ESP8266/ESP32 module will initiate a reboot. When the module restarting, the <em>esp8266ap</em> or <em>esp32ap</em> access point will disappear from the WLAN and the ESP8266/ESP32 module will begin to reconnect a previous access point with WIFI_STA mode.</p>
    1055. 

  1055. <p><img src="images/resetting.png" style="width:280px;" /></p>
    1056. 

  1056. <div class="admonition warning">
    1057. 

  1057. <p class="admonition-title">Not every ESP8266 module will be rebooted normally</p>
    1058. 

  1058. <p>The Reset menu is using the <strong>ESP.reset()</strong> function for ESP8266. This is an almost hardware reset. In order to resume the Sketch normally, the <a href="https://github.com/esp8266/esp8266-wiki/wiki/Boot-Process#esp-boot-modes">state of GPIO0</a> is important. Since this depends on the circuit implementation for each module, not every module will be rebooted normally. See also <a href="faq.html#hang-up-after-reset">FAQ</a>.</p>
    1059. 

  1059. </div>
    1060. 

  1060. <h2 id="custom-menu-items"><i class="fa fa-bars"></i> Custom menu items<a class="headerlink" href="#custom-menu-items" title="Permanent link">&para;</a></h2>
    1061. 

  1061. <p>If the Sketch has custom Web pages, the AutoConnect menu lines them up with the AutoConnect's items. Details for <a href="acintro.html#custom-web-pages-in-autoconnectmenu">Custom Web pages in AutoConnect menu</a>.</p>
    1062. 

  1062. <h2 id="update"><i class="fa fa-bars"></i> Update<a class="headerlink" href="#update" title="Permanent link">&para;</a></h2>
    1063. 

  1063. <p>If you specify <a href="apiconfig.html#ota">AutoConnectConfig::ota</a> to import the OTA update feature into Sketch, an item will appear in the menu list as <strong>Update</strong>.</p>
    1064. 

  1064. <div class="admonition note">
    1065. 

  1065. <p class="admonition-title">The Update menu item will appear only AutoConnectOTA enabled</p>
    1066. 

  1066. <p>The Update item is displayed automatically in the menu only when <a href="apiconfig.html#ota">AutoConnectConfig::ota</a> is specified with <strong>AC_OTA_BUILTIN</strong> or <a href="otaserver.html#how-to-embed-autoconnectupdate-to-your-sketch">AutoConnectUpdate</a> is attached.</p>
    1067. 

  1067. </div>
    1068. 

  1068. <h2 id="home"><i class="fa fa-bars"></i> HOME<a class="headerlink" href="#home" title="Permanent link">&para;</a></h2>
    1069. 

  1069. <p>A <strong>HOME</strong> item at the bottom of the menu list is a link to the home path, and the default URI is <code>/</code> which is defined by <code>AUTOCONNECT_HOMEURI</code> in <strong>AutoConnectDefs.h</strong> header file.</p>
    1070. 

  1070. <div class="highlight" style="background: #272822"><pre style="line-height: 125%; margin: 0;"><span></span><code><span style="color: #75715e">#define AUTOCONNECT_HOMEURI     &quot;/&quot;</span>
    1071. 

  1071. </code></pre></div>
    1072. 

  1072. <p>Also, you can change the HOME path using the AutoConnect API. The <a href="api.html#home"><strong>AutoConnect::home</strong></a> function sets the URI as a link of the HOME item in the AutoConnect menu.</p>
    1073. 

  1073. <h2 id="applying-the-active-menu-items"><i class="fa fa-bars"></i> Applying the active menu items<a class="headerlink" href="#applying-the-active-menu-items" title="Permanent link">&para;</a></h2>
    1074. 

  1074. <p>Each of the above menu items can be configured with a Sketch. <a href="apiconfig.html#menuitems">AutoConnectConfig::menuItems</a> specifies the menu items that will be enabled at runtime. You can also adjust available menu items using <a href="api.html#enablemenu">AutoConnect::enableMenu</a> and <a href="api.html#disablemenu">AutoConnect::disableMenu</a> function. It is an alternative to <a href="apiconfig.html#menuitems">AutoConnectConfig::menuItems</a> and provides a shortcut to avoid using AutoConnectConfig.<br />
    1075. 

  1075. For example, by disabling the <a href="#configure-new-ap">Configure new AP</a> and <a href="#disconnect">Disconnect</a> item, you can prevent the configuration for unknown access points.</p>
    1076. 

  1076. <div class="highlight" style="background: #272822"><pre style="line-height: 125%; margin: 0;"><span></span><code><span style="color: #f8f8f2">AutoConnect</span> <span style="color: #f8f8f2">portal;</span>
    1077. 

  1077. <span style="color: #f8f8f2">AutoConnectConfig</span> <span style="color: #f8f8f2">config;</span>
    1078. 

  1078. 

  1079. <span style="color: #66d9ef">void</span> <span style="color: #a6e22e">setup</span><span style="color: #f8f8f2">()</span> <span style="color: #f8f8f2">{</span>
    1080. 

  1080.   <span style="color: #f8f8f2">config.menuItems</span> <span style="color: #f92672">=</span> <span style="color: #f8f8f2">AC_MENUITEM_OPENSSIDS</span> <span style="color: #f92672">|</span> <span style="color: #f8f8f2">AC_MENUITEM_RESET</span> <span style="color: #f92672">|</span> <span style="color: #f8f8f2">AC_MENUITEM_HOME;</span>
    1081. 

  1081.   <span style="color: #f8f8f2">portal.config(config);</span>
    1082. 

  1082. <span style="color: #f8f8f2">}</span>
    1083. 

  1083. </code></pre></div>
    1084. 

  1084. <p>The next is another way to achieve the same effect.</p>
    1085. 

  1085. <div class="highlight" style="background: #272822"><pre style="line-height: 125%; margin: 0;"><span></span><code><span style="color: #f8f8f2">AutoConnect</span> <span style="color: #f8f8f2">portal;</span>
    1086. 

  1086. 

  1087. <span style="color: #66d9ef">void</span> <span style="color: #a6e22e">setup</span><span style="color: #f8f8f2">()</span> <span style="color: #f8f8f2">{</span>
    1088. 

  1088.   <span style="color: #f8f8f2">portal.disableMenu(AC_MENUITEM_CONFIGNEW</span> <span style="color: #f92672">|</span> <span style="color: #f8f8f2">AC_MENUITEM_DISCONNECT);</span>
    1089. 

  1089.   <span style="color: #f8f8f2">portal.config(config);</span>
    1090. 

  1090. <span style="color: #f8f8f2">}</span>
    1091. 

  1091. </code></pre></div>
    1092. 

  1092. <p>The result of executing the above Sketch is as below:</p>
    1093. 

  1093. <p><img src="images/applymenu.png" style="border-style:solid;border-width:1px;border-color:lightgrey;width:280px;" /></p>
    1094. 

  1094. <p>Details for <a href="apiconfig.html#menuitems">AutoConnectConfig::menuItems</a>.</p>
    1095. 

  1095. <h2 id="attaching-to-autoconnect-menu"><i class="fa fa-bars"></i> Attaching to AutoConnect menu<a class="headerlink" href="#attaching-to-autoconnect-menu" title="Permanent link">&para;</a></h2>
    1096. 

  1096. <p>The AutoConnect menu can contain your sketch's web pages as extra items as a custom. It works for HTML pages implemented by the <strong>ESP8266WebServer::on</strong> handler or the <strong>WebServer::on</strong> handler for ESP32. That is, you can make them invoke the legacy web pages from the AutoConnect menu. The below screen-shot is the result of adding an example sketch for the ESP8266WebServer library known as <a href="https://github.com/esp8266/Arduino/tree/master/libraries/ESP8266WebServer/examples/FSBrowser">FSBrowser</a> to the AutoConnect menu item. It can add Edit and List items with little modification to the legacy sketch code.</p>
    1097. 

  1097. <div style="float:left;width:auto;height:420px;"><img style="width:auto;height:420px;" src="images/fsbmenu.png"></div>
    1098. 

  1098. <p><img style="margin-left:70px;width:auto;height:420px;" src="images/fsbmenu_expand.png"></p>
    1099. 

  1099. <p>AutoConnect allows capturing the extra pages handled with ESP8266WebServer or WebServer's legacy into the AutoConnect menu. See Section <a href="advancedusage.html#capture-the-legacy-web-pages-as-items-into-the-menu"><em>Advanced Usage</em></a> for detailed instructions on how to add the extra pages into its menu.</p>
    1100. 

  1100. <div class="footnote">
    1101. 

  1101. <hr />
    1102. 

  1102. <ol>
    1103. 

  1103. <li id="fn:1">
    1104. 

  1104. <p>AutoConnect does not check the syntax and validity of the entered IP address. If the entered static IPs are incorrect, it cannot connect to the access point.&#160;<a class="footnote-backref" href="#fnref:1" title="Jump back to footnote 1 in the text">&#8617;</a></p>
    1105. 

  1105. </li>
    1106. 

  1106. </ol>
    1107. 

  1107. </div>
    1108. 

  1108.                 
    1109. 

  1109.               
    1110. 

  1110.               
    1111. 

  1111.                 
    1112. 

  1112. 

  1113. 

  1114.               
    1115. 

  1115.             </article>
    1116. 

  1116.           </div>
    1117. 

  1117.         </div>
    1118. 

  1118.       </main>
    1119. 

  1119.       
    1120. 

  1120.         
    1121. 

  1121. <footer class="md-footer">
    1122. 

  1122.   
    1123. 

  1123.     <div class="md-footer-nav">
    1124. 

  1124.       <nav class="md-footer-nav__inner md-grid" aria-label="Footer">
    1125. 

  1125.         
    1126. 

  1126.           <a href="gettingstarted.html" class="md-footer-nav__link md-footer-nav__link--prev" rel="prev">
    1127. 

  1127.             <div class="md-footer-nav__button md-icon">
    1128. 

  1128.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
    1129. 

  1129.             </div>
    1130. 

  1130.             <div class="md-footer-nav__title">
    1131. 

  1131.               <div class="md-ellipsis">
    1132. 

  1132.                 <span class="md-footer-nav__direction">
    1133. 

  1133.                   Previous
    1134. 

  1134.                 </span>
    1135. 

  1135.                 Getting started
    1136. 

  1136.               </div>
    1137. 

  1137.             </div>
    1138. 

  1138.           </a>
    1139. 

  1139.         
    1140. 

  1140.         
    1141. 

  1141.           <a href="basicusage.html" class="md-footer-nav__link md-footer-nav__link--next" rel="next">
    1142. 

  1142.             <div class="md-footer-nav__title">
    1143. 

  1143.               <div class="md-ellipsis">
    1144. 

  1144.                 <span class="md-footer-nav__direction">
    1145. 

  1145.                   Next
    1146. 

  1146.                 </span>
    1147. 

  1147.                 Basic usage
    1148. 

  1148.               </div>
    1149. 

  1149.             </div>
    1150. 

  1150.             <div class="md-footer-nav__button md-icon">
    1151. 

  1151.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z"/></svg>
    1152. 

  1152.             </div>
    1153. 

  1153.           </a>
    1154. 

  1154.         
    1155. 

  1155.       </nav>
    1156. 

  1156.     </div>
    1157. 

  1157.   
    1158. 

  1158.   <div class="md-footer-meta md-typeset">
    1159. 

  1159.     <div class="md-footer-meta__inner md-grid">
    1160. 

  1160.       <div class="md-footer-copyright">
    1161. 

  1161.         
    1162. 

  1162.           <div class="md-footer-copyright__highlight">
    1163. 

  1163.             Copyright &copy; 2018-2020 Hieromon Ikasamo
    1164. 

  1164.           </div>
    1165. 

  1165.         
    1166. 

  1166.         Made with
    1167. 

  1167.         <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
    1168. 

  1168.           Material for MkDocs
    1169. 

  1169.         </a>
    1170. 

  1170.       </div>
    1171. 

  1171.       
    1172. 

  1172.   <div class="md-footer-social">
    1173. 

  1173.     
    1174. 

  1174.       
    1175. 

  1175.       
    1176. 

  1176.         
    1177. 

  1177.         
    1178. 

  1178.       
    1179. 

  1179.       <a href="https://github.com/Hieromon" target="_blank" rel="noopener" title="github.com" class="md-footer-social__link">
    1180. 

  1180.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
    1181. 

  1181.       </a>
    1182. 

  1182.     
    1183. 

  1183.       
    1184. 

  1184.       
    1185. 

  1185.         
    1186. 

  1186.         
    1187. 

  1187.       
    1188. 

  1188.       <a href="https://twitter.com/hieromon" target="_blank" rel="noopener" title="twitter.com" class="md-footer-social__link">
    1189. 

  1189.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
    1190. 

  1190.       </a>
    1191. 

  1191.     
    1192. 

  1192.   </div>
    1193. 

  1193. 

  1194.     </div>
    1195. 

  1195.   </div>
    1196. 

  1196. </footer>
    1197. 

  1197.       
    1198. 

  1198.     </div>
    1199. 

  1199.     
    1200. 

  1200.       <script src="assets/javascripts/vendor.fd16492e.min.js"></script>
    1201. 

  1201.       <script src="assets/javascripts/bundle.7836ba4d.min.js"></script><script id="__lang" type="application/json">{"clipboard.copy": "Copy to clipboard", "clipboard.copied": "Copied to clipboard", "search.config.lang": "en", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.placeholder": "Search", "search.result.placeholder": "Type to start searching", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.term.missing": "Missing"}</script>
    1202. 

  1202.       
    1203. 

  1203.       <script>
    1204. 

  1204.         app = initialize({
    1205. 

  1205.           base: ".",
    1206. 

  1206.           features: [],
    1207. 

  1207.           search: Object.assign({
    1208. 

  1208.             worker: "assets/javascripts/worker/search.4ac00218.min.js"
    1209. 

  1209.           }, typeof search !== "undefined" && search)
    1210. 

  1210.         })
    1211. 

  1211.       </script>
    1212. 

  1212.       
    1213. 

  1213.         <script src="js/gifffer.min.js"></script>
    1214. 

  1214.       
    1215. 

  1215.     
    1216. 

  1216.   </body>
    1217. 

  1217. </html>
    1218.