2.3 KiB
Serving your application
Now what we have written our first application, it's important talk about how we can access it.
In the example above, we were able to visualize it by simply opening the local file from our system directly with the browser. While that's a very simple and fast way to open our application, it is not very recommended because browsers will forbid many features when accessing files this way, for security reasons. When this is the case, you may see your Python code in the text of the webpage, and the browser developer console may show an error like "Cross origin requests are only supported for HTTP."
In short, when browsers visualize a web page, they expect them to be served by a web server. Here are a few options that we can use to fix this issue:
NOTE: If you are an experienced developer and already know how to host and serve files on a [static] web server, feel free to skip to the next section.
TODO: It seems better to not go too deep into "how to serve a PyScript application" but to point to a dedicated section where we can add more options and actually point to other resources as well.
Using pyscript.com
If you clicked on the link above you've already saw how pyscript.com can be used to host PyScript applications.
All you need to do is to create a free account and copy or start creating new projects.
Using a Local Server
A very common fix for this is to use a simple local server to make your html file available to the browser.
If you have python installed on your system, you can use it's basic built-in server for this purpose via the command line.
Change the current working directory of your terminal or command line to the folder where your HTML file is stored.
From this folder, run python -m http.server 8080 --bind 127.0.0.1 in your terminal or command line. With the server
program running, point your browser to http://localhost:8080 to view the contents of that folder. (If a file in
that folder is called index.html, it will be displayed by default.)