0339.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Create and Apply SSL Certificates to OPNSense Web UI</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta charset="UTF-8">
  7. <meta name="keywords" content="OPNSense,How To,Tutorial,Network,Home Networking,PKI,Certificates,SSL">
  8. <meta name="author" content="i12bretro">
  9. <meta name="description" content="Create and Apply SSL Certificates to OPNSense Web UI">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11. <link rel="icon" type="image/x-icon" href="includes/favicon.ico">
  12. <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  13. <script type="text/javascript" src="includes/js/steps.js"></script>
  14. <link href="css/steps.css" rel="stylesheet" type="text/css" />
  15. </head>
  16. <body>
  17. <div id="gridContainer">
  18. <div class="topMargin"></div>
  19. <div id="listName" class="topMargin">
  20. <h1>Create and Apply SSL Certificates to OPNSense Web UI</h1>
  21. </div>
  22. <div></div>
  23. <div id="content">
  24. <h2>Create Your SSL Certificate</h2>
  25. <ol>
  26. <li>Launch XCA</li>
  27. <li>Open the PKI database if it is not already (File &gt; Open DataBase), enter password</li>
  28. <li>Click on the Certificates tab, right click on your Intermediate CA certificate</li>
  29. <li>Select New</li>
  30. <li>On the Source tab, make sure Use this Certificate for signing is selected</li>
  31. <li>Verify your Intermediate CA certificate is selected from the drop down</li>
  32. <li>Click the Subject tab</li>
  33. <li>Complete the Distinguished Name section
  34. <p>internalName: fw.i12bretro.local<br />
  35. countryName: US<br />
  36. stateOrProvinceName: Virginia<br />
  37. localityName: Northern<br />
  38. organizationName: i12bretro<br />
  39. organizationUnitName: i12bretro Certificate Authority<br />
  40. commonName: fw.i12bretro.local</p>
  41. </li>
  42. <li>Click the Generate a New Key button</li>
  43. <li>Enter a name and set the key size to at least 2048</li>
  44. <li>Click Create</li>
  45. <li>Click on the Extensions tab</li>
  46. <li>Select End Entity from the type list</li>
  47. <li>Click Edit next to Subject Alternative Name</li>
  48. <li>Add any DNS or IP addresses that the certificate will identify</li>
  49. <li>Update the validity dates to fit your needs</li>
  50. <li>Click the Key Usage tab</li>
  51. <li>Under Key Usage select Digital Signature, Key Enchiperment</li>
  52. <li>Under Extended Key Usage select Web Server and Web Client Authentication</li>
  53. <li>Click the Netscape tab</li>
  54. <li>Select SSL Server</li>
  55. <li>Click OK to create the certificate</li>
  56. </ol>
  57. <h2>Exporting Required Files</h2>
  58. <ol>
  59. <li>In XCA, click on the Certificates tab</li>
  60. <li>Right click the SSL certificate &gt; Export &gt; File</li>
  61. <li>Set the file name with a .crt extension and verify the export format is PEM (*.crt)</li>
  62. <li>Click OK</li>
  63. <li>Click the Private Keys tab</li>
  64. <li>Right click the private key generated for the SSL certificate &gt; Export &gt; File</li>
  65. <li>Set the file name with a .pk8 extension and verify the export format is PKCS #8 (*.pk8)</li>
  66. <li>Click OK</li>
  67. </ol>
  68. <h2>Applying the Certificates</h2>
  69. <ol>
  70. <li><span id="li_989823_0">Log into the OPNSense web UI</span></li>
  71. <li><span>Click System &gt; Trust &gt; Certificates&nbsp;in the left navigation</span></li>
  72. <li><span>Click the Add button at the top right</span></li>
  73. <li><span>Set the Method to Import an existing Certificate</span></li>
  74. <li>Set the Name to Web UI SSL</li>
  75. <li>Open the .crt file exported earlier in Notepad, copy the contents to the Certificate data field</li>
  76. <li>Open the .pk8 file exported earlier in Notepad, copy the contents to the Private key data field</li>
  77. <li>Scroll down to the bottom of the page and click Save</li>
  78. <li><span>Click System &gt; Settings &gt; Administration in the left navigation</span></li>
  79. <li><span>Select HTTPS for the Protocol</span></li>
  80. <li>Select&nbsp;Web UI SSL from the SSL Certificate dropdown</li>
  81. <li>Scroll down to the bottom of the page and click Save</li>
  82. <li>Wait a few seconds for the Web UI to restart and click the https:// link&nbsp;</li>
  83. </ol>
  84. </div>
  85. </div>
  86. </body>
  87. </html>