0382.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Create and Apply SSL Certificate to OpenWRT LuCI Web Interface</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta charset="UTF-8">
  7. <meta name="keywords" content="Home Lab,Home Lab Ideas,Virtual Router,Router,OpenWRT,Networking,Linux,Homelab Ideas,Homelab,SSL,PKI,Network,Home Networking,Certificates,LuCI,Apply SSL Certificates To OpenWRT,HTTPS OpenWRT Web Interface,HTTPS,Apply SSL Certificates To LuCI,How To,Tutorial,i12bretro">
  8. <meta name="author" content="i12bretro">
  9. <meta name="description" content="Create and Apply SSL Certificate to OpenWRT LuCI Web Interface">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11. <meta name="revised" content="04/23/2023 12:19:48 PM" />
  12. <link rel="icon" type="image/x-icon" href="includes/favicon.ico">
  13. <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  14. <script type="text/javascript" src="includes/js/steps.js"></script>
  15. <link href="css/steps.css" rel="stylesheet" type="text/css" />
  16. </head>
  17. <body>
  18. <div id="gridContainer">
  19. <div class="topMargin"></div>
  20. <div id="listName" class="topMargin">
  21. <h1>Create and Apply SSL Certificate to OpenWRT LuCI Web Interface</h1>
  22. </div>
  23. <div></div>
  24. <div id="content">
  25. <h2>Prerequisites</h2>
  26. <ul>
  27. <li class="noCheckbox">A XCA PKI database <a href="https://youtu.be/ezzj3x207lQ" target="_blank">https://youtu.be/ezzj3x207lQ</a></li>
  28. </ul>
  29. <h2>Create Your SSL Certificate</h2>
  30. <ol>
  31. <li>Launch XCA</li>
  32. <li>Open the PKI database if it is not already (File &gt; Open DataBase), enter password</li>
  33. <li>Click on the Certificates tab, right click on your Intermediate CA certificate</li>
  34. <li>Select New</li>
  35. <li>On the Source tab, make sure Use this Certificate for signing is selected</li>
  36. <li>Verify your Intermediate CA certificate is selected from the drop down</li>
  37. <li>Click the Subject tab</li>
  38. <li>Complete the Distinguished Name section
  39. <p>internalName: openwrt.i12bretro.local<br />
  40. countryName: US<br />
  41. stateOrProvinceName: Virginia<br />
  42. localityName: Northern<br />
  43. organizationName: i12bretro<br />
  44. organizationUnitName: i12bretro Certificate Authority<br />
  45. commonName: openwrt.i12bretro.local</p>
  46. </li>
  47. <li>Click the Generate a New Key button</li>
  48. <li>Enter a name and set the key size to at least 2048</li>
  49. <li>Click Create</li>
  50. <li>Click on the Extensions tab</li>
  51. <li>Select End Entity from the type list</li>
  52. <li>Click Edit next to Subject Alternative Name</li>
  53. <li>Add any DNS or IP addresses that the certificate will identify</li>
  54. <li>Update the validity dates to fit your needs</li>
  55. <li>Click the Key Usage tab</li>
  56. <li>Under Key Usage select Digital Signature, Key Encipherment</li>
  57. <li>Under Extended Key Usage select Web Server and Web Client Authentication</li>
  58. <li>Click the Netscape tab</li>
  59. <li>Select SSL Server</li>
  60. <li>Click OK to create the certificate</li>
  61. </ol>
  62. <h2>Exporting Required Files</h2>
  63. <ol>
  64. <li>In XCA, click on the Certificates tab</li>
  65. <li>Right click the SSL certificate &gt; Export &gt; File</li>
  66. <li>Set the file name to uhttpd.crt verify the export format is PEM (*.crt)</li>
  67. <li>Click OK</li>
  68. <li>Click the Private Keys tab</li>
  69. <li>Right click the private key generated for the SSL certificate &gt; Export &gt; File</li>
  70. <li>Set the file name to uhttpd.key and verify the export format is PEM private (*.pem)</li>
  71. <li>Click OK</li>
  72. </ol>
  73. <h2>Installing Prerequisites</h2>
  74. <ol>
  75. <li>Log into OpenWRT via SSH</li>
  76. <li>Run the following commands to install prerequisites
  77. <div class="codeBlock"># update opkg packages<br />
  78. opkg update<br />
  79. # install prerequisite packages<br />
  80. opkg install luci-lib-px5g px5g-standalone libustream-openssl<br />
  81. # install/update luci<br />
  82. opkg install luci<br />
  83. # restart uhttpd service<br />
  84. /etc/init.d/uhttpd restart</div>
  85. </li>
  86. <li>Download WinSCP <a href="https://winscp.net/eng/downloads.php" target="_blank">Download</a></li>
  87. <li>Extract WinSCP and run the executable</li>
  88. <li>Connect to the OpenWRT IP address via WinSCP</li>
  89. <li>Navigate to /etc</li>
  90. <li>Rename uhttpd.crt and uhttpd.key to .old</li>
  91. <li>Copy the created uhttpd.crt and uhttpd.key to /etc</li>
  92. <li>Back in the terminal, run the following command to restart uhttpd
  93. <div class="codeBlock">/etc/init.d/uhttpd restart</div>
  94. </li>
  95. </ol>
  96. <h2>Applying SSL Certificates in Open-WRT</h2>
  97. <ol>
  98. <li>Open a web browser and navigate to https://OpenWRT_IP</li>
  99. <li>Authenticate at the Open-WRT login</li>
  100. <li>Select System &gt; System from the top navigation</li>
  101. <li>Set the hostname to match the hostname of the SSL certificate</li>
  102. <li>Click the Save &amp; Apply button </li>
  103. </ol>
  104. <p>Source: https://fabianlee.org/2016/09/19/openwrt-enabling-https-for-the-luci-web-admin-interface/</p> </div>
  105. </div>
  106. </body>
  107. </html>