thaiall logomy background

คำสำคัญ : first heroku

my town
กฤษฎา ตันเปาว์ | จริยธรรมสำหรับผู้บริหาร | วิจัยคืออะไร | ศูนย์สอบ | KM | SWOT | คำสำคัญ
10 คำสั่ง ก้าวแรกสร้าง app บน heroku

Heroku คือ บริการคลาวด์แบบ PaaS (Platform as a Service) มาจากคำว่า Heroic (กล้าหาญ) กับ Haiku (ร้อยกรองแบบนึงของญี่ปุ่น) ทำหน้าที่ให้บริการแอพพลิเคชันที่พัฒนาด้วยภาษา และ ฐานข้อมูลที่หลากหลาย ซึ่งบริการทั้งหมดของ Heroku อยู่บน Amazon's EC2 cloud-computing platform พัฒนาโดย Ruby เป็น Startup ก่อตั้งในปี 2007 ถูกซื้อในปี 2010 โดย Salesforce.com ในราคาราว $212 Million

บว่า อัพโหลด joom.htm เข้า heroku.com แต่ในแฟ้มมีการเชื่อมต่อ rsp80.css จากภายนอกผ่าน link type="text/css" ไม่เป็น https ปรากฎว่าถูก blocked ไม่สามารถทำ Mixed content บน heroku.com ได้ จึงต้องเปลี่ยนการอ้างถึง rsp80.css เป็น https

ารใช้บริการ heroku.com ผ่านเครื่อง Local แบบ heroku-cli (Heroku Command Line Interface) ขอเล่าการสั่งงานใน 10 ขั้นตอน หรือ 10 คำสั่งที่ทำให้การใช้งานครั้งแรกนี้ สำเร็จตามวัตถุประสงค์ คือ เพื่อสร้างเว็บเพจบน heroku.com ทำหน้าที่แสดงค่าจาก phpinfo(); ซึ่งขั้นตอนสำคัญมี 7 ขั้นตอนแรก ส่วนขั้นตอนที่ 8 ถึง 10 นั้นอาจช่วยสนับสนุนการใช้งาน กรณีมีปัญหา และ เพิ่มทักษะการใช้คำสั่งให้ยืดหยุ่นขึ้น มาทำตามกันทีละคำสั่ง พร้อมอ่านคำอธิบายประกอบได้ครับ

MYTEST.BAT
mkdir test630313
cd test630313
git init
rem heroku login
heroku create test630313
echo ^<b^>Hi^</b^>>index.php
git add index.php
git commit -m "my test"
git push heroku master
heroku open

ก่อนเริ่มต้นขั้นตอนที่ 1 ต้องติดตั้งโปรแกรมอย่างน้อย 2 โปรแกรม คือ heroku-x64.exe จาก heroku.com เพื่อใช้งาน heroku-cli และ git จาก git-scm.com แล้วทดสอบว่าใช้งานได้ หรือ ไม่ ด้วยการสั่ง DOS> git --version พบ git version 2.12.2 และ DOS> heroku -v พบ heroku/7.39.0 win32-x64 node-v12.13.0

หากติดตั้งทั้ง git และ heroku แล้ว ก็ให้ไปสมัครสมาชิกกับ heroku.com แล้วจด username และ password ไว้ เพราะการใช้งานต้องเชื่อมต่อกับ heroku เสมอ จากนั้นก็มา เริ่มต้นขั้นตอนแรก กันได้เลย

DOS 1> git init
ผลการสั่งเริ่มต้นสร้าง git จะพบ Initialized empty Git repository in D:/heroku/.git/ หากอยู่ใน D:\heroku ก็จะมีการสร้างห้อง .git ขึ้น สามารถเข้าห้องด้วยคำสั่ง cd .git เข้าไปดู แล้วใช้ type config จะมองเห็นค่าต่าง ๆ ที่อยู่ใน [core] แต่ในเบื้องต้น เพียงแต่สั่ง init แล้วไม่มี error message ปรากฎขึ้นมาก็ถือว่าสำเร็จแล้ว
DOS 2> heroku login (เข้ากด Login ใน browser)
สั่งเชื่อมต่อกับ heroku ทำให้ระบบสั่งเปิด heroku.com ผ่าน browser เพื่อให้ผู้ใช้กรอก user และ password ถ้ากรอกผ่าน เมื่อมาดูที่หน้าจอ heroku cli ก็จะขึ้น prompt รอคำสั่งในบรรทัดต่อไป ไม่หมุนติ้ว ๆ รอเหมือนตอนแรก
DOS 3> heroku create test630313 (ลบแล้ว สร้างชื่อเดิมซ้ำได้)
เราสามารถสร้าง application ผ่าน heroku cli หรือ ผ่าน web browser ที่หน้าแรกของ heroku.com โดยคลิ๊ก New, Crete New App แล้วกรอกชื่อ App ที่ต้องการ เช่น test630313 เป็นต้น
DOS 4> echo ^<?php phpinfo(1); ?^> > index.php
สร้างแฟ้ม index.php มีหลายวิธี กรณีนี้สั่งสร้างแฟ้มด้วยคำสั่ง echo ผลคือเขียนโปรแกรมด้วยภาษา php เรียก function phpinfo และ การส่งเเลข 1 เป็นการระบบ option แบบ INFO_GENERAL แต่ถ้าไม่กำหนด option จะมาแบบ INFO_ALL ที่อาจรวมถึงค่าต่าง ๆ ที่เป็นความลับได้
DOS 5> git add index.php
กำหนดแฟ้มที่ต้องการ push หรือ upload ขึ้น server ถ้าใช้ git add . จะหมายถึงแฟ้มทั้งหมดจากทุก folder คำสั่ง add สามารถทำทีละแฟ้ม หากมีหลายแฟ้มก็พิมพ์ชื่อต่อกันได้ เช่น git add a.php b.php c.php จากนั้นตรวจสอบได้ว่ามีแฟ้มอะไร add ไปแล้วบ้าง ด้วย git status
DOS 6> git commit -m "my test"
คอมมิท คือ การมอบหมาย ส่วน -m คือ การระบุรายละเอียดสำหรับการ commit ในแต่ละครั้ง เพื่อให้การควบคุมรุ่น มีรายละเอียดให้ติดตาม อาจเขียนแบบ 5W1H แบบละเอียดเพื่อสื่อสารกับ developer team หรือ เขียนแบบสั้น ๆ ก็ได้หากทำงานคนเดียว
DOS 7> git push heroku master
เมื่อเขียน code หรือ แก้ไขแล้ว และ ให้รายละเอียดในการ commit แล้ว ก็มีขั้นตอนสุดท้าย คือ การ push แฟ้มที่เปลี่ยนแปลงในเครื่อง local ขึ้นไปยัง remote repository
DOS 8> heroku open
ตรวจสอบว่า push สำเร็จ หรือ ไม่ โดยสั่งเปิด web application บน heroku ทำให้เปิดโปรแกรม Browser ด้วย URL = https://test630313.herokuapp.com
DOS 9> git remote -v (ตรวจว่า git เชื่อ heroku หรือ ไม่)
ตรวจสอบว่า git เชื่อมกับ heroku เรียบร้อย หรือ ไม่ หากไม่ได้เชื่อมต่อ ต้องทำขั้นตอนต่อไป add heroku เข้า git
DOS 10> heroku git:remote -a test630313
สั่งเชื่อม git กับ repository ใน heroku คือ การ add heroku repository เข้ากับ git มีผลให้แฟ้ม .git/config มีค่า url ใน [remote "heroku"] และ สามารถใช้ git push ได้
https://dashboard.heroku.com/apps/test630313/settings
กรณีทำบทเรียนแรกสำเร็จ อยากท้าทายว่าให้เข้า dashboard แล้วเข้าไปลบ app จากนั้นเริ่มขั้นตอนที่ 1 ใหม่ จุดที่น่าสนใจคือ เมื่อสั่ง Delete app แล้ว สามารถสร้าง app ชื่อเดิมได้ทันที ไม่ต้องกังวลที่ต้องตั้งชื่อ application ใหม่
Dir : heroku File : index.html Topic : first_heroku

Reset | Decode | YUdWeWIydDE= | YVc1a1pYZ3VhSFJ0YkE9PQ==
คลิกที่นี่ เพื่อส่งไปทดสอบบน Pagespeed insights
key.php | keyspeed.php
คุณคิดอะไรอยู่
Thaiall.com