Genius Voice script

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Jason-Oleana/How-to-run-a-python-script-by-clicking-on-an-html-button

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

How to run a python script by clicking on an html button

step 1: Pip install django

step 2: Open your prompt window and create a directory called «django-webapp»

step 3: In your prompt window, navigate to django-webapp & run django-admin startproject geniusvoice (or your own django project name)

cd django-webapp django-admin startproject geniusvoice 

step 4: Navigate to geniusvoice

step 5: create a folder called «my_templates»

step 6: create a file called «geniusvoice.html» in «my_templates» folder

cd. > my_templates/geniusvoice.html 

step 7: create a file called «webapp.py» in «geniusvoice» folder

cd. > geniusvoice/geniusvoice.html 

step 8: Copy and paste this code in urls.py.

NOTE: make sure to replace the existing code in urls.py

"""geniusvoice URL Configuration The `urlpatterns` list routes URLs to views. For more information please see: https://docs.djangoproject.com/en/2.2/topics/http/urls/ Examples: Function views 1. Add an import: from my_app import views 2. Add a URL to urlpatterns: path('', views.home, name='home') Class-based views 1. Add an import: from other_app.views import Home 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') Including another URLconf 1. Import the include() function: from django.urls import include, path 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) """ from django.contrib import admin from django.conf.urls import url from . import webapp urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$', webapp.button), url(r'^output', webapp.output,name="script"), ] 

step 8: Copy and paste this code in webapp.py.

from django.shortcuts import render def button(request): return render(request,'geniusvoice.html') def output(request): output_data = "Genius Voice eliminates friction. For years people have had to learn to interact with computers, we turn this around. We teach computers how to interact with humans through voice. This creates a seamless experience without losing the human touch." website_link = "Visit our website: " + "https://www.geniusvoice.nl/" return render(request,"geniusvoice.html",) 

step 9: Copy and paste this code in geniusvoice.html.

      Click To Execute Script 
> >  

step 10: Open settings.py, scroll down to «TEMPLATES» and paste ‘my_templates’ in the empty list

step 11: Open your prompt window and run this code:

step 12: Run this code in your prompt window:

python manage.py runserver Copy and paste http://127.0.0.1:8000/ in your browser 

step 13: Click on «Click To Execute Script»

Источник

Как работать с PyScript — фреймворком для фронтенда на Python

В веб-разработке Python используется в основном на бэкенде с такими фреймворками, как Django и Flask. А сегодня, к старту курса по Fullstack-разработке на Python, расскажем о PyScript, который даёт возможность запускать Python прямо в HTML.

До сих пор Python не имел такой большой поддержки на фронтенде, как другие языки, например JavaScript. Но, к счастью, разработчики Python создали несколько библиотек для поддержки своего любимого языка в браузере, например Brython.

А на конференции PyCon 2022 анонсировали фреймворк PyScript от Anaconda для использования Python в вебе с помощью стандартного HTML. Вот твит о запуске фреймворка:

Нам понадобится

Чтобы писать код по этой статье, вам понадобятся следующие инструменты и знания:

• любимый текстовый редактор или интегрированная среда разработки;
• знание Python;
• знание HTML;
• браузер (рекомендуется Google Chrome).

Что такое PyScript?

PyScript — это фронтенд-фреймворк для создания программ на Python в браузере с использованием HTML-интерфейса, а также мощи Emscripten, Pyodide, WASM и других современных веб-технологий. В соответствии со своими целями он призван дать такие возможности:

• упрощённый и чистый API;
• систему подключаемых и расширяемых компонентов;
• поддержку и расширение стандартного HTML для чтения и надёжных, и своенравных компонентов с миссией «Программирование для 99% [людей]».

В последние 20 лет Python и продвинутые языки пользовательского интерфейса, такие как HTML, CSS и JavaScript, не работали вместе. В Python не было простого механизма создания привлекательных пользовательских интерфейсов для подготовки и развёртывания приложений, а на освоение современных HTML, CSS и JavaScript может уйти много времени.

С возможностью применять в Python соглашения из HTML, CSS и JavaScript решаются не только эти две проблемы, но и те, что связаны с разработкой, подготовкой к развёртыванию, собственно развёртыванием и распространением веб-приложений.

Однако PyScript не заменит JavaScript в браузере, а, скорее, даст разработчикам Python, особенно дата-сайентистам, больше гибкости и мощи.

Почему PyScript?

С PyScript язык получает последовательные правила оформления кода, простоту освоения и больше выразительности за счёт:

• поддержки в браузере: с PyScript появляются поддержка Python и возможность размещения без серверов и конфигурации;
• возможности взаимодействия Python и JavaScript: в программах может осуществляться двунаправленная связь между объектами и пространствами имён Python и JavaScript;
• поддержки экосистемы: PyScript позволяет использовать популярные пакеты Python (Pandas, NumPy и др);
• гибкости фреймворка: PyScript — гибкий фреймворк, на основе которого разработчики легко могут создавать расширяемые компоненты прямо в Python;
• управления средой: PyScript позволяет разработчикам определять файлы и пакеты для запуска кода своей страницы;
• разработки пользовательского интерфейса: с PyScript разработчики могут легко работать с доступными компонентами пользовательского интерфейса (кнопками, контейнерами и др.).

Начало работы с PyScript

PyScript довольно просто освоить: следуйте инструкциям на сайте или загрузите zip-архив.

В этой статье научимся использовать PyScript через сайт, связав компоненты в HTML-файле, и выведем первый Hello World в PyScript.

Создаём HTML-файл

HTML-файл нужен для отображения текста в браузере с помощью текстового редактора / интегрированной среды разработки:

Привязываем PyScript

После создания HTML-файла в теге нужно указать в нём ссылку на PyScript, чтобы получить доступ к интерфейсу PyScript:

Выводим в браузере

Связав PyScript с HTML-файлом, выводим Hello World с помощью тега , который позволяет запускать многострочные программы на Python и выводить результат выполнения на странице браузера. Помещаем тег внутри тега :

         print("Hello, World!")  

В браузере вы должны увидеть:

Совет: в редакторе VSCode, чтобы перезагружать страницу при обновлении HTML-файла, используйте плагин Live Server.

Другие операции с PyScript

Прикрепляем метки к элементам

В PyScript переменные из кода на Python в HTML передаются с помощью метода write из модуля pyscript, в теге . Используя атрибут id, передаём строки, отображаемые в виде обычного текста.

В методе write принимаются две переменные: значение id и переменная, которая будет предоставлена:

     
Today is
  import datetime as dt pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))  

Запускаем REPL в браузере

В PyScript код Python запускается и через интерфейс. С помощью тега компонент REPL добавляется на страницу, где пишется выполняемый код:

Импортируем файлы, модули и библиотеки

Одно из преимуществ PyScript — его гибкость. Здесь можно импортировать локальные файлы, встроенные модули или сторонние библиотеки. Для объявления зависимостей понадобится тег .

Для локальных файлов Python можно поместить код в файл с расширением .py, а пути к локальным модулям указываются в строках вида пути: ключ (YAML) тега .

Создадим файл Python example.py с функциями:

from random import randint def add_two_numbers(x, y): return x + y def generate_random_number(): x = randint(0, 10) return x

Импортируем его в HTML с тегом , в :

    - paths: - /example.py  
Let's print random numbers
 Doe's lucky number is from example import generate_random_number pyscript.write('lucky', generate_random_number())  

PyScript поддерживает сторонние библиотеки:

    - numpy - requests   import numpy as np import requests  

Настраиваем метаданные

С помощью тега в формате YAML можно задать и настроить общие метаданные приложения PyScript. Использовать этот тег можно так:

 - autoclose_loader: false - runtimes: - src: "https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js" name: pyodide-0.20 lang: python 

Вот необязательные значения, которые предоставляются :

• autoclose_loader (логическое значение): если оно false, загрузочный экран-заставка в PyScript не закроется;
• name (строка): название пользовательского приложения;
• version (строка): его версия;
• runtimes (среды выполнения): список конфигураций среды выполнения с полями src, name и lang.

Заключение

Вы узнали, что такое PyScript и как его использовать в HTML-файлах для запуска кода Python в браузере, а также познакомились с различными операциями и функционалом PyScript. С помощью PyScript проще запускать и выполнять операции Python в вебе. Это отличный инструмент для всех, кому не терпится опробовать Python в Интернете.

PyScript находится на ранних стадиях разработки и активно дорабатывается. Он остаётся на стадии альфа-тестирования и сталкивается с известными проблемами, такими как время загрузки, которое может повлиять на удобство использования (на момент написания этой статьи другие операции не отображались из-за проблем с производительностью). Поэтому пока не стоит использовать его в продакшене: вероятно, будет много критических изменений.

А пока PyScript развивается, мы поможем прокачать ваши навыки или с самого начала освоить профессию, актуальную в любое время:

Источник