Skip to content

นำภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython

สวัสดีผู้อ่านทุกท่านครับ บทความนี้ผมจะขอนำเสนอวิธีการนำโค้ดภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython ครับ

Brython เป็นการนำโค้ดภาษาไพทอน 3 มาปรับแต่งให้รันบนเว็บบราวเซอร์ แล้วสามารถอินเทอร์เฟซไปยัง DOM objects และ events ได้ รองรับไลบรารีต่าง ๆ ของภาษาไพทอน และสามารถใช้ภาษาไพทอนทำงานร่วมกันกับไลบรารีของ Javascript ได้
ใช้ BSD licenses

มีไลบรารีเสริมสำหรับการพัฒนาโค้ดไพทอนด้วย Brython บนเว็บ ดังนี้

browser.alert()
browser.confirm()
browser.console
browser.document
browser.DOMEvent
browser.DOMNode
browser.prompt()
browser.window
browser.ajax 
browser.html 
browser.local_storage 
browser.markdown 
browser.object_storage 
browser.session_storage 
browser.svg 
browser.timer 
browser.websocket 

ตัวอย่างการใช้งาน
โหลดไฟล์ brython.js จาก https://raw.githubusercontent.com/brython-dev/brython/master/www/src/brython.js แล้วทำการบีนทึกลงในโฟลเลอร์ที่จะใช้เขียนโค้ดภาษาไพทอนแล้วรันบนหน้าเว็บ
โค้ด HTML

<html>
<head>
<script src="brython.js"></script>
</head>
<body onload="brython()">
<script type="text/python">
from browser import document, alert, console

def show(ev):
    alert(document["zone"].value)

alert('สวัสดี นี่คือโค้ดที่ทำงานจากภาษาไพทอน :D')
document['onbutton'].bind('click',show)
</script>
<input id="zone"><button id="onbutton">คลิกสิ :D</button>
</body>
</html>

คำอธิบายโค้ด
ในการใช้งานต้องดึง brython.js เข้ามาในไฟล์ HTML

<script src="brython.js">

ส่วนที่อยู่ใน

<script type="text/python">

คือ โค้ดไพทอน

from browser import document, alert, console

def show(ev):
    alert(document["zone"].value)

alert('สวัสดี นี่คือโค้ดที่ทำงานจากภาษาไพทอน Python :D')
document['onbutton'].bind('click',show)
นำภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython
นำภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython

นำภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython

จะเห็นได้ว่า การทำงานโค้ดไพทอนกับวัตถุภายในไฟล์ HTML เช่น กล่อง input และปุ่ม button สามารถทำงานร่วมกันได้โดยผ่าน Brython

อ่านเอกสารการใช้งาน Brython ได้ที่ http://www.brython.info/doc/en/index.html
ดูผลงานที่สร้างจากภาษาไพทอนร่วมกับ Brython ได้ที่ http://brython.info/gallery/gallery_en.html?lang=en

ติดตามบทต่อไปนะครับ
ขอบคุณครับ

Published on Categories web-developer, web-frameworkTags

About wannaphong

วรรณพงษ์ ภัททิยไพบูลย์ ผู้ดูแลเว็บ wannaphong.com และผู้เขียนบทความบล็อกนี้ นักศึกษาชั้นปีที่ 1 สาขาวิทยาการคอมพิวเตอร์และสารสนเทศ คณะวิทยาศาสตร์ประยุกต์และวิศวกรรมศาสตร์ มหาวิทยาลัยขอนแก่น วิทยาเขตหนองคาย

4 thoughts on “นำภาษาไพทอนไปรันบนเว็บบราวเซอร์ด้วย Brython

  1. wannaphong

    ผมลองเล่น browser.websocket ที่เขียนด้วยภาษาไพทอนกับ Brython ที่ http://www.brython.info/doc/en/index.html ได้ผลลัพธ์ประทับใจครับ ตรงที่เป็นไพทอน โค้ดเข้าใจได้ง่ายกว่า และเขียนได้รวดเร็วกว่า Javascript ครับ

    Reply
  2. wannaphong

    ส่วนข้อเสีย มีตรงที่ว่า brython.js ขนาดไฟล์ถือว่าใหญ่ไปสำหรับคนที่ใช้เน็ต 64 kb เหมือนผมครับ ขนาดไฟล์ประมาณ 437 kb และส่วนเรื่องประสิทธิภาพตอนนี้ผมยังไม่เห็นความแตกต่างเท่าไรครับ จึงสามารถนำไปใช้งานได้จริงครับ

    Reply
  3. Runmaru

    สร้าง file จาก tag python เลยได้ไหม เคยเล่น Javascript แล้วมันสร้าง file ไม่ได้(ถ้ายกเว้นจะใช้ภาษาอื่นช่วย)

    Reply
    1. wannaphong

      อันนี้ผมไม่แน่ใจครับ แต่ไม่น่าจะได้ครับ ลองอ่านในเอกสารครับ

      Reply

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *