Page not found error

Sir
Im doing the basic project of glowing the led …ive uploaded the project ledproject.html and interfaced it with my lednew file name…going to home page and pressing the icon it shows error of page not found…ive already changed in devices tab the product name too…please tell the reason behind page not found error

Hi can you please share a screenshot of the error

@sharmaanmol94 Please share the device with pranav.kundaikar@inventrom.com using the Users option just below the device icon. Once done please share the device name with me.

I think I have the same problem: I wrote an HTML page to visualize my data and pasted it into the HTML editor. Now I get an error when trying to view the page:

You have not written any code for this product.
Go back to products tab and click on icon to code and configure it.

I created a new product and tried adding an HTML page. It didn’t work.

@mikejr83,
You will have to associate a page with the product while creating it. No worries, you can associate a product page after you have created the product also.

Click on the i button and a pop up should appear. On the popup, choose your html page by selecting one from the dropdown menu and then click on done.

Your page should now be displayed when you click on the product page.

I’ve done this. The problem seems to stem from the inclusion of script tags with script in them on the page. If you just write a generic HTML page and include some basic scripts it will work.

This does not work:

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js" type="text/javascript" integrity="sha256-zBy1l2WBAh2vPF8rnjFMUXujsfkKjya0Jy5j6yKj0+Q=" crossorigin="anonymous"></script>
   </head>
  <body ng-app="MyApp">

    <script type="text/javascript">
      angular.module("MyApp", []);
    </script>
  </body>
</html>

However, if you take the script tag with the AngularJS module in it out and place it into a JS file and upload it then you can reference it in your HTML like this:

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js" type="text/javascript" integrity="sha256-zBy1l2WBAh2vPF8rnjFMUXujsfkKjya0Jy5j6yKj0+Q=" crossorigin="anonymous"></script>
   </head>
  <body ng-app="MyApp">

    <script src="/control?name=YOUR_BOLT_ID&filename=UPLOADED_FILENAME.js" type="text/javascript"></script>
  </body>
</html>

This works fine.

Here’s an example template that you can use in order to make your own page so that you can use AMCharts.

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="description" content="BOLT cloud platform for connecting  and managing your IOT devices">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>BOLT Cloud</title>
      <link rel="shortcut icon" href="new_favicon.ico" type="image/x-icon">
      <link rel="icon" href="../static/images/new_favicon.ico" type="image/x-icon">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.12/amcharts.js" type="text/javascript" integrity="sha256-BWWuudFbBaOHSj0fD+HjZtiEn45PQNl+AzErJ5wCY2g="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.12/serial.js" type="text/javascript" integrity="sha256-YvUVT2EX5u0GeM1zlOWmoACliati8+d4pKbWONQdrUg="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.12/plugins/export/export.min.js" integrity="sha256-DaZ9hDJmy4d26RqfeYXkpkCwzOeB2ZiB3yJm97PNUMw="
        crossorigin="anonymous"></script>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.12/plugins/export/export.css" integrity="sha256-CWhqruiw/2IBGunzqOcHCxJzFXmFHPVDzF2aPw8PlJc="
        crossorigin="anonymous" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.12/themes/light.js" type="text/javascript" integrity="sha256-/8ddAVEjLXcC1w4acoVN5Xpp308AmeYauva/ws3o8SE="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js" type="text/javascript" integrity="sha256-zBy1l2WBAh2vPF8rnjFMUXujsfkKjya0Jy5j6yKj0+Q="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.19.1/URI.min.js" type="text/javascript" integrity="sha256-D3tK9Rf/fVqBf6YDM8Q9NCNf/6+F2NOKnYSXHcl0keU="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js" type="text/javascript" integrity="sha256-VKITM616rVzV+MI3kZMNUDoY5uTsuSl1ZvEeZhNoJVk="
        crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js" type="text/javascript" integrity="sha256-L3S3EDEk31HcLA5C6T2ovHvOcD80+fgqaCDt2BAi92o="
        crossorigin="anonymous"></script>
      
      <style type="text/css">
        .chart-container {
          width: 100%;
          height: 500px;
        }
      </style>
	</head>

<body ng-app="MyApp">
  
  <script src="/control?name=BOLT_ID&filename=UPLOADED_JS_FILE_WITH_ANGULAR_APP.js"> </script>
</body>

</html>