git.sur5r.net Git - freertos/blob - FreeRTOS-Labs/Demo/FreeRTOS_IoT_Libraries/tools/aws_config_offline/CertificateConfigurator.html

   1 <!DOCTYPE html>\r
   2 <html lang="en">\r
   3 <head>\r
   4     <title>FreeRTOS.org Developer Demos Configuration Tool</title>\r
   5     <meta charset="utf-8">\r
   6     <meta name="viewport" content="width=device-width">\r
   7     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">\r
   8     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>\r
   9     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>\r
  10     <script src="js/aws_iot_demo_profile_template.js"></script>\r
  11     <script src="js/generator.js"></script>\r
  12 </head>\r
  13 <body>\r
  14     <div class="row">\r
  15         <div class="col-lg-2"></div>\r
  16         <div class="col-lg-8">\r
  17             <div class="panel panel-primary">\r
  18                 <div class="panel-heading">\r
  19                     <h2>AWS Profile Configuration Tool</h2>\r
  20                     <h4>FreeRTOS.org Developer Demos</h4>\r
  21                 </div>\r
  22                 <div class="panel-body">\r
  23                     <div class="container-fluid">\r
  24                         <div class="row">\r
  25                             <div class="col-md-12">\r
  26                                 <p class="text-primary" style="font-size:18px">\r
  27                                     Enter Thing name and endpoint. Provide client certificate and private key PEM files downloaded from the AWS IoT Console.\r
  28                                 </p>\r
  29                                 <div class="panel panel-default">\r
  30                                     <div class="panel-body" style="background: #F8F8F8;">\r
  31                                         <div class="row">\r
  32                                             <div class="col-md-12">\r
  33                                                 <div class="form-group">\r
  34                                                     <label for="thingName" style="font-size:16px">\r
  35                                                         Thing Name:\r
  36                                                     </label>\r
  37                                                     <input type="text" class="form-control" id="thingName" placeholder="FreeRTOSThing" />\r
  38                                                 </div>\r
  39                                                 <div class="form-group">\r
  40                                                     <label for="AWSEndpoint" style="font-size:16px">\r
  41                                                         AWS IoT Thing Endpoint:\r
  42                                                     </label>\r
  43                                                     <input type="url" class="form-control" id="AWSEndpoint" placeholder="abc123defghijk.iot.us-west-2.amazonaws.com" />\r
  44                                                 </div>\r
  45                                                 <div class="form-group">\r
  46                                                     <label for="pemInputFileCertificate" style="font-size:16px">\r
  47                                                         Certificate PEM file:\r
  48                                                     </label>\r
  49                                                     <input type="file" class="form-control-file" id="pemInputFileCertificate" />\r
  50                                                 </div>\r
  51                                                 <br />\r
  52                                                 <div class="form-group">\r
  53                                                     <label for="pemInputFilePrivateKey" style="font-size:16px">\r
  54                                                         Private Key PEM file:\r
  55                                                     </label>\r
  56                                                     <input type="file" class="form-control-file" id="pemInputFilePrivateKey" />\r
  57                                                 </div>\r
  58                                                 <br />\r
  59                                                 <button type="button" class="btn btn-primary" style="font-size:16px"\r
  60                                                         onclick='generateCertificateConfigurationHeader()'>\r
  61                                                     <span class="glyphicon glyphicon-download"></span>\r
  62                                                     Generate and save aws_iot_demo_profile.h\r
  63                                                 </button>\r
  64                                             </div>\r
  65                                         </div>\r
  66                                     </div>\r
  67                                 </div>\r
  68                                 <p class="text-primary" style="font-size:14px">\r
  69                                     <span class="glyphicon glyphicon-warning-sign" style="font-size:16px"></span>\r
  70                                     Save the generated header file to the <i>FreeRTOS-Labs/Demo/FreeRTOS_IoT_Libraries/include</i> folder of the demo project.\r
  71                                 </p>\r
  72                             </div>\r
  73                         </div>\r
  74                     </div>\r
  75                     <div class="text-center">\r
  76                         Copyright (C) 2019 Amazon.com, Inc. or its affiliates.  All Rights Reserved.\r
  77                     </div>\r
  78                 </div>\r
  79             </div>\r
  80         </div>\r
  81         <div class="col-lg-2"></div>\r
  82     </div>\r
  83 </body>\r
  84 </html>\r