Ngrok เผยแพร่ localhost ไปทั่วโลกกกก

-

ngrok เป็นเครื่องมือที่ช่วยทำให้ localhost ของเราสามารถเผยแพร่สู่สาธารณะได้ โดย ngrok เค้าจะสร้าง subdomain ให้เราเรียกใช้งานผ่าน https ได้ง่ายๆ เลย 




ติดตั้ง

แน่นอนว่า การใช้งานเป็น cli อยู่ละ การติดตั้งก็เช่นกัน https://ngrok.com/docs/getting-started/


ใช้งาน 

 ngrok http 80

กรณีนี้ app ของผมใช้ port 80 สังเกตุว่าเค้าจะสร้าง subdomain ใช้เราแล้ว โดย forward เข้ามาที่ http://localhost:80 ของเรานี่แหละ


Dashboard

ngrok dashboard ที่ทำมาให้เราเข้าไปจัดการ endpoint ของเราได้ และเนื่องจาก ngrok subdomain จะเปลี่ยนใหม่อยู่ตลอด เราสามารถไปสร้าง static domain เพื่อใช้งานแบบไม่เปลี่ยนแปลงได้ 

 ngrok http --url baz.ngrok.dev 8080

🤑 ปัญหาของคนไม่ชอบเสียเงิน (Free Plan) 

  • static domain สามารถสร้างได้แค่ 1 domain เท่านั้น 
  • ไม่สามารถ ngrok พร้อมกันได้
  • landing page ที่น่ารำคาญ ต่อให้เค้าให้ส่ง header เพื่อหลบหน้านี้ได้ แต่ก็น่ารำคาญอยู่ดี



ถ้าคุ้นเคยการใช้ cli และเครื่องมือต่างๆ ngrok ก็เป็นตัวเลือกที่ดีมากๆ นอกจากนี้ถ้าจะใช้งาน ร่วมกับ docker, kubernetes ก็จะสะดวกขึ้นไปอีก ทั้งนี้ก็ขึ้นอยู่กับความเหมาะสมกับการใช้งาน อย่างเช่นกรณีของ AIS Fibre ที่ให้บริการ port forwarding สำหรับลูกค้าทั่วไปอยู่แล้ว Port Forwarding สำหรับคนใช้ AIS Fibre

Facebook Comment

Recent Posts

Popular post of 7 days

[Java] ความแตกต่างระหว่าง Overloading กับ Overriding

-
          Overload & Override  ความสับสนของคำศัพท์ เป็นอะไรที่พบกันได้บ่อยๆ แม้แต่คนที่มีประสบการณ์แล้วหรือมือใหม่ ก็มักเข้าใจผิดกันว่า ความจริงแล้วมันคืออะไรกันแน่ อาจเป็นเพราะเป็นเรื่องที่หนักไปทางทฤษฎีซะมากกว่า Overriding Method           บังคับเลยครับว่า มันจะต้องมาพร้อมกับการสืบทอด (Inheritance) เพราะว่า Override นั้นคือการ implement เมธอดนั้นๆใหม่ ทั้ง modifier, return type, ชื่อเมธอด, parameter(s) จะเหมือนเดิม มีแค่เนื้อข้างในที่เป็นการทำงานเท่านั้นที่เปลี่ยนไป ขอยกตัวอย่างด้วย Java แบบง่ายๆ นะครับ           จากโค้ดตัวอย่างนี้ ผมสร้าง 2 คลาสที่สืบทอดกัน ซึ่งแต่ละคลาสมีการประกาศเมธอด getName() เหมือนกันแบบเป๊ะๆ ตามที่ได้กล่าวไว้ข้างต้น โดย getName() จะ return เป็นคำว่าอะไร ก็อยู่ที่ว่าเราเรียกใช้เมธอดนี้ จาก object ของคลาสไหนนั่นเอง           สังเกตว่าในคลาส Man ที่สืบทอดมาจาก Human นั้น ผมได้วาง @Override ซึ่งเรียกว่าการทำ Annotation  ในที่นี้เป็นการระบุว่าเ...
Read more

Portal คืออะไรกันนะ???

-
            หลายๆคน อาจจะเคยสงสัย เมื่อได้ยินคำว่า Portal ซึ่งเกมเมอร์ส่วนใหญ่จะคิดว่ามันคือ เกมส์ๆหนึ่งเท่านั้นเอง แต่เชื่อเถอะค่ะ มันมีอะไรมากกว่านั้น....             เรามาเข้าเรื่องกันเลยดีกว่า เริ่มจาก Portal Web คืออะไร  :  เวปพอร์ทัล หรือ Portal web ก็คือเว็บไซต์ที่ถูกออกแบบมาเพื่อเข้าถึงข้อมูลและบริการต่างๆ ที่อยู่ในเวปไซต์เอง รวมทั้งการเชื่อมต่อไปยังเวปไซต์อื่นๆที่เกี่ยวข้อง  ในการใช้งาน Portal web นั้น จะแบ่งเป็นประเภทต่างๆ ตามลักษณะการใช้งานของแต่ละองค์กร  ทำไมต้องเป็น Portal Web : ว่ากันว่า เหตุผลหลักๆ ในการที่หน่วยงานรัฐ หรือ องค์กรเอกชนเลือกใช้ Portal Web นั้น สามารถยกตัวอย่าง เช่น สามารถเข้าถึง content , application หรือ ข้อมูลอื่นๆ ได้จากหน้าเวป หน้าเดียวได้เลย สามารถเพิ่มประสิทธิภาพในการติอต่อสื่อสารกัน ระหว่าง ลูกค้า และองค์กรได้ สามารถเข้าถึงข้อมูลได้โดยตรง สามารถปรับเปลี่ยนและจัดการ content ได้อย่างง่ายดาย   ประเภทของ Portal Web :  เราสามารถพบเห็น portal ได้หลากหล...
Read more

Port Forwarding สำหรับคนใช้ AIS Fibre

-
เมื่อเราติดตั้ง Internet ใช้ภายในบ้าน โดยปกติแล้วจะไม่มี public IP เพื่อเข้าถึงจากภายนอกได้ หรือบางครั้งก็มีแต่จะเปลี่ยนเรื่อยๆ ขึ้นอยู่กับผู้ให้บริการ แต่สำหรับลูกค้า AIS Fibre ถึงแม้จะไม่มี public IP ให้ใช้ แต่ AIS ได้ทำเว็บสำหรับการทำ port forwarding มาให้เราใช้งาน https://thddns.net  - เป็นเว็บไซต์ที่ AIS สร้างมาเพื่อให้ลูกค้าสามารถตั้งค่า เพื่อเชื่อมมายังวง LAN บ้านเรา โดยเราสามารถตั้งชื่อ subdomain ได้เอง  เข้าใช้ครั้งแรกต้องลงทะเบียนก่อน https://thddns.net เมื่อเข้ามาแล้วจะเป็นหน้านี้ เราสามารถเพิ่ม-ลบ เปิด-ปิด port ใช้งานได้ ซึ่งสร้างได้สูงสุด 10 port โดยไม่สามารถกำหนดเลข​ port ได้เอง  จากนั้น ต้องไปตั้งค่าที่ Router ของเราด้วย  http://192.168.1.1  ซึ่งแต่ละยี่ห้ออาจมี username, password แตกต่างกันต้องถามผู้ให้บริการ  http://192.168.1.1 ...
Read more

Popular

[Java] Java 8 DateTime ใหม่ ไฉไลกว่าเดิม

-
Image
Hi, I'm Duke.           Java 8 นอกจาก lambda expression ที่สร้างความโกลาหลให้กับชีวิต Java Programmer ที่เป็นมือใหม่ในวงการ functional language แล้ว ยังมีการปรับปรุง library เกี่ยวกับ Date, Time ด้วย เปลี่ยน package ในการใช้งาน เพื่อป้องกันการสับสน (ก่อนหน้านี้จะมี java.sql.Date กับ java.util.Date ให้งงเล่นๆ) java.util.Date; java.time.*; เราเคยเจ็บปวดกับ date, time กันมาพอสมควร ถึงเวลาแล้วที่ Java จะช่วยให้ชีวิตเราดีขึ้น โดย... แยก class ซะเลย LocalDate LocalTime LocalDateTime ดูชื่อทั้ง 3 ตัวแล้วคงไม่ต้องเล่าอะไรมาก Date มีแค่วันที่ Time มีแค่เวลา ถ้าสนใจทั้งวันและเวลาก็เอา DateTime ไปใช้ ส่วนที่ต้อง Local เพราะมี Zoned อยู่ด้านล่างพร้อมคำอธิบายครับ การดึงวันเวลาปัจจุบันก็ถูกทำให้เข้าใจมากขึ้น ไม่ใช่ new Date() อีกต่อไป LocalDate.now() //2016-11-19 LocalTime.now() //20:00:01.635 LocalDateTime.now() //2016-11-19T20:00:01.635 การสร้าง object date,time โดยระบุค่าเอง LocalDate.of(int year, Month month, int dayOfMonth); LocalTime.of(int hour, int ...
Read more

Portal คืออะไรกันนะ???

-
Image
            หลายๆคน อาจจะเคยสงสัย เมื่อได้ยินคำว่า Portal ซึ่งเกมเมอร์ส่วนใหญ่จะคิดว่ามันคือ เกมส์ๆหนึ่งเท่านั้นเอง แต่เชื่อเถอะค่ะ มันมีอะไรมากกว่านั้น....             เรามาเข้าเรื่องกันเลยดีกว่า เริ่มจาก Portal Web คืออะไร  :  เวปพอร์ทัล หรือ Portal web ก็คือเว็บไซต์ที่ถูกออกแบบมาเพื่อเข้าถึงข้อมูลและบริการต่างๆ ที่อยู่ในเวปไซต์เอง รวมทั้งการเชื่อมต่อไปยังเวปไซต์อื่นๆที่เกี่ยวข้อง  ในการใช้งาน Portal web นั้น จะแบ่งเป็นประเภทต่างๆ ตามลักษณะการใช้งานของแต่ละองค์กร  ทำไมต้องเป็น Portal Web : ว่ากันว่า เหตุผลหลักๆ ในการที่หน่วยงานรัฐ หรือ องค์กรเอกชนเลือกใช้ Portal Web นั้น สามารถยกตัวอย่าง เช่น สามารถเข้าถึง content , application หรือ ข้อมูลอื่นๆ ได้จากหน้าเวป หน้าเดียวได้เลย สามารถเพิ่มประสิทธิภาพในการติอต่อสื่อสารกัน ระหว่าง ลูกค้า และองค์กรได้ สามารถเข้าถึงข้อมูลได้โดยตรง สามารถปรับเปลี่ยนและจัดการ content ได้อย่างง่ายดาย   ประเภทของ Portal Web :  เราสามารถพบเห็น portal ได้หลากหล...
Read more

[Java] ความแตกต่างระหว่าง Overloading กับ Overriding

-
Image
          Overload & Override  ความสับสนของคำศัพท์ เป็นอะไรที่พบกันได้บ่อยๆ แม้แต่คนที่มีประสบการณ์แล้วหรือมือใหม่ ก็มักเข้าใจผิดกันว่า ความจริงแล้วมันคืออะไรกันแน่ อาจเป็นเพราะเป็นเรื่องที่หนักไปทางทฤษฎีซะมากกว่า Overriding Method           บังคับเลยครับว่า มันจะต้องมาพร้อมกับการสืบทอด (Inheritance) เพราะว่า Override นั้นคือการ implement เมธอดนั้นๆใหม่ ทั้ง modifier, return type, ชื่อเมธอด, parameter(s) จะเหมือนเดิม มีแค่เนื้อข้างในที่เป็นการทำงานเท่านั้นที่เปลี่ยนไป ขอยกตัวอย่างด้วย Java แบบง่ายๆ นะครับ           จากโค้ดตัวอย่างนี้ ผมสร้าง 2 คลาสที่สืบทอดกัน ซึ่งแต่ละคลาสมีการประกาศเมธอด getName() เหมือนกันแบบเป๊ะๆ ตามที่ได้กล่าวไว้ข้างต้น โดย getName() จะ return เป็นคำว่าอะไร ก็อยู่ที่ว่าเราเรียกใช้เมธอดนี้ จาก object ของคลาสไหนนั่นเอง           สังเกตว่าในคลาส Man ที่สืบทอดมาจาก Human นั้น ผมได้วาง @Override ซึ่งเรียกว่าการทำ Annotation  ในที่นี้เป็นการระบุว่าเ...
Read more

มาตรฐานการตั้งชื่อตัวแปร (Naming Convention)

-
          หัวข้อนี้อาจทำให้หลายคนสงสัยว่า ผมเขียนขึ้นมาทำไม หลายๆคนที่ได้เรียนวิชา Programming ต่างๆก็คงถูกสอนกันมาอยู่แล้วว่า การตั้งชื่อตัวแปรต้องให้สื่อความหมาย ไม่ใช่สักแต่ว่า a,b,c; หรือ x,y,z เพราะมันจะทำให้คนที่จะมาเขียนโปรแกรมต่อจากเราทำได้ยาก ถ้าเป็นโปรแกรมเล็กๆก็พอรับได้ แต่ถ้าเป็นงานใหญ่ๆ ก็ควรลด-ละ-เลิกได้แล้วครับ           แต่มันยังไม่หมดแค่นั้น นอกจากจะตั้งชื่อให้สื่อความหมายแล้ว ควรสังเกตลักษณะไวยากรณ์ (Syntax) ของแต่ละภาษาด้วยว่าเค้าเขียนกันอย่างไร หรือตัวอย่างตาม internet เค้าเขียนกันอย่างไร ซึ่งล้วนแต่มีที่มาที่ไปมาจากข้อตกลงร่วมกันในแต่ละภาษา หรือ เรียกว่า "Naming Convention"  ซึ่งจะทำให้ชื่อแต่ละชื่อนั้น สามารถบ่งบอกความหมายได้เบื้องต้น เป็นผลดีต่อโปรแกรมเมอร์อย่างมากครับ Hungarian Notation           จะใช้ตัวย่อของชนิดตัวแปรขึ้นต้น โดยจะใช้ตัวอักษรตัวพิมพ์เล็กทั้งหมด ซึ่งตัวย่อจะถูกกำหนดไว้เป็นมาตรฐานเดียวกัน ทำให้การตั้งชื่อตัวแปรแบบ Hungarian Notation จะทำให้ Programmer อ่านโปรแกร...
Read more

เรื่องของ ++i กับ i++

-
การเขียนโปรแกรม หลายๆภาษาย่อมให้มีการเขียน i++ แทน i = i + 1 ซึ่งผมก็เคยได้ยินมาว่า การเขียน i++ และ ++i นั้นให้ค่าที่แตกต่างกัน คือ i++ จะนำค่าไปใช้ก่อนค่อยบวก ส่วน ++i จะบวกก่อนค่อยนำค่าไปใช้ พูดๆไปก็งงอยู่เหมือนกัน ลองดูตัวอย่างนี้ครับ i=1; j=i++; // i=2, j=1 i=1; j=++i; // i=2, j=2 ถ้าเข้าใจแล้วว่า i++ และ ++i ทำงานต่างกันอย่างไร ผมก็จะพูดถึงกรณีของ for loop นะครับ เคยได้ยินไหมว่าเวลาใช้ loop ไม่ควรใส่การทำงานอะไรเยอะแยะภายใน เช่น chaining method เพราะนอกจากจะทำให้มีโอกาสเกิด null แล้วยังต้อง access method ทุกๆ รอบอีกต่างหาก for(i=0;i<n;i++) for(i=0;i<n;++i) ตัวอย่างชุดนี้มีอะไรแปลกไหม การทำงานเหมือนกันแน่ๆ จะนำค่าไปใช้ก่อนค่อยบวก(i++) หรือบวกก่อนค่อยนำค่าไปใช้(++i) มันก็วนรอบเท่ากันอยู่ดี แล้วยังไง ดูความแตกต่างของสองอย่างนี้กัน (copy มาอีกทีจาก link ด้านล่าง) i++ : create a temporary copy of i increment i return the temporary copy ++i : increment i return i แต่มันก็ไม่ใช่เรื่องใหญ่อะไร รู้ไว้ขำๆ ก็พอนะคร้าบบ ที่มา : http://en.wikipedia.org/wiki/Opc...
Read more

Port Forwarding สำหรับคนใช้ AIS Fibre

-
Image
เมื่อเราติดตั้ง Internet ใช้ภายในบ้าน โดยปกติแล้วจะไม่มี public IP เพื่อเข้าถึงจากภายนอกได้ หรือบางครั้งก็มีแต่จะเปลี่ยนเรื่อยๆ ขึ้นอยู่กับผู้ให้บริการ แต่สำหรับลูกค้า AIS Fibre ถึงแม้จะไม่มี public IP ให้ใช้ แต่ AIS ได้ทำเว็บสำหรับการทำ port forwarding มาให้เราใช้งาน https://thddns.net  - เป็นเว็บไซต์ที่ AIS สร้างมาเพื่อให้ลูกค้าสามารถตั้งค่า เพื่อเชื่อมมายังวง LAN บ้านเรา โดยเราสามารถตั้งชื่อ subdomain ได้เอง  เข้าใช้ครั้งแรกต้องลงทะเบียนก่อน https://thddns.net เมื่อเข้ามาแล้วจะเป็นหน้านี้ เราสามารถเพิ่ม-ลบ เปิด-ปิด port ใช้งานได้ ซึ่งสร้างได้สูงสุด 10 port โดยไม่สามารถกำหนดเลข​ port ได้เอง  จากนั้น ต้องไปตั้งค่าที่ Router ของเราด้วย  http://192.168.1.1  ซึ่งแต่ละยี่ห้ออาจมี username, password แตกต่างกันต้องถามผู้ให้บริการ  http://192.168.1.1 ...
Read more

ลืมรหัสปลดล็อค Android เข้าเครื่องไม่ได้ มีทางออกครับ

-
Image
ปัญหานี้ อาจเกิดขึ้นกับใครหลายๆคนที่ชอบล็อคหน้าจอด้วยรหัสแบบต่างๆ ซึ่งเหตุสุดวิสัยแบบนี่ย่อมเกิดขึ้นได้เสมอ ข้อดีของการตั้งรหัสก็คือ ทำให้เครื่องเราปลอดภัยเวลาหายครับ คนที่เอาไปปลดล็อคไม่ได้ก็ทำอะไรกับเครื่องเราไม่ได้ จะเอาข้อมูลไปก็ไม่ได้ครับ และแปลว่าเรายังมีโอกาสตามเครื่องเจอครับ [ว่าแล้วก็ขอแนะนำ  Android Device Manager  ไปลองใช้กันนะครับ] แต่ข้อนี้ก็อยู่ที่แต่ละค่ายว่าจะตั้งความปลอดภัยไว้แค่ไหนครับ ปัญหาก็มีอยู่ว่า ถ้ามีคนเอาเครื่องเราไปเล่น หรือพยายามปลดล็อคเครื่องของเราโดยที่ไม่รู้รหัส ก็มั่วไปเรื่อยจนครบจำนวนครั้งของมัน เครื่องก็ถูกล็อค ไอ้คนทำให้ล็อคเขาก็ไม่รับผิดชอบหรอก เดือดร้อนเจ้าของสิครับ โดยเครื่องจะให้เราใส่ Google Account ที่ลงทะเบียนไว้กับเครื่อง ถ้าจำ username, password ได้ก็โชคดีไป แต่ถ้าจำไม่ได้ ก็เริ่มยากขึ้นละครับ เครื่องมันจะเตือนแนะนำให้เราไปที่  www.google.com/accounts/recovery  เพื่อช่วยในกรณีที่ลืมรหัสผ่านอะไรทำนองนี้  แต่ถ้าจำอะไรไม่ได้เลย (ตอน set เครื่องให้คนอื่นทำให้) ก็เตรียมตัวรับสภาพได้เลยครับ ผู้ใช้หลายคนก็จำ Google Acco...
Read more

วิธีการสมัคร Apple Developer Program และ Enterprise Program ฉบับลงมือเอง

-
Image
         เมื่อเราสนใจจะส่ง iOS / macOS app ให้ผู้ใช้งาน เราก็จะเริ่มสนใจเป็นสมาชิก Apple Developer Program ซึ่งพอหาข้อมูลก็จะพบว่ามีหลายรูปแบบ แต่แบบไหนล่ะที่เหมาะกับเราและลูกค้าของเรา ผมสรุปข้อแตกต่างแบบง่าย ๆ ประมาณนี้ครับ Free Dev Enterprise Run directly to device 5 devices 100 devices unlimited Build & distribute to App Store ● ● ● Build & distribute to own store ● ● ● Cost (per year) $0 $99 $299 https://developer.apple.com/support/compare-memberships/ ทำความเข้าใจ App Store ก่อน          การจะส่งแอปฯขึ้น App Store นั้น จะต้องผ่านการ review จากทาง Apple ก่อนทุกครั้ง ซึ่งเป็นการควบคุมมาตรฐานของแอปฯ บน App Store โดยปกติจะใช้เวลาประมาณ 1 วัน แต่ถ้าแอปฯ ของเรามีอะไรไม่ถูกต้องตาม  Review Guidelines  ก็จะต้องจัดการปัญหาและคุยกับทีมงาน ซึ่งก็จะใช้เวลามากขึ้น Store ของเราเอง          ด้วยขั้นตอนที่ยุ่งยากของการ Review ทำให้หลายคนสนใจ Enterprise Program แต่ก็อาจจะค...
Read more

ทดสอบ Mobile App แบบ Automated ด้วย Appium ทำยังไงกันนะ

-
Image
        Automated Test คือ การทดสอบเล่นแอปฯ​ โดยอัตโนมัติ ซึ่งมีส่วนช่วยอย่างมากกับ flow ต่างๆ ที่ Tester ต้องเล่นเองซ้ำๆ (Manual Test) โดยเฉพาะ Application ปัจจุบันมักถูกออกแบบเป็น step-by-step ยิ่งการทดสอบซ้ำซากเป้นเรื่องน่าเบื่อ         บางคนอาจจะสามารถเล่น flow เดิมๆ ซ้ำๆ หลายรอบได้โดยไม่รู้สึกแปลกอะไร แต่จะดีกว่าไหมถ้ามีตัวช่วยให้ไม่ต้องเล่นเอง นอกจากจะลดข้อผิดพลาดจากมนุษย์ (human error) แล้ว ยังทำให้การเล่น flow เดิมมันเป็นแบบเดิมจริงๆ อย่างปฏิเสธไม่ได้          Robot Framework เป็นภาษาโปรแกรมภาษาหนึ่ง ที่ออกแบบมาให้อ่านเข้าใจง่าย มีความ Tester friendly สูง มีเครื่องไม้เครื่องมือ (Library) ในสำหรับการทดสอบที่แตกต่างกัน เช่น api test, ui test หรือแม้กระทั่ง recorder เจ้าดังอย่าง Selenium ที่ใช้สำหรับบันทึกการเล่นเว็บเป็น robot framework script ได้         Mobile มีการเขียนโค้ดแบบ native framework และ cross-platform framework เช่นเดียวการเขียน Test บน native Android ใช้ Espresso ส่วน iOS ใช้ XCUI...
Read more

Android Auto & Apple Carplay คืออะไร ใช้งานยังไง

-
Image
        Multimedia บนรถยนต์ นอกจากวิทยุหรือบลูทูธที่เชื่อมต่อกับ smartphone แล้ว ยุคนี้ก็มี Android Auto และ Apple Carplay ที่เป็น official software จาก Google และ Apple เอง ค่ายรถหลาย ๆ ค่าย รองรับมาตั้งแต่โรงงาน รวมถึงมีมาตรฐานความปลอดภัยเมื่อใช้ระหว่างขับขี่รถยนต์ด้วย ทำความรู้จัก  Android Auto  และ  Apple Carplay  กันก่อน         ทั้งคู่เป็นการเชื่อมต่อมือถือของเราเข้ากับจอของรถยนต์ โดยปกติจอจะรองรับด้วยกันทั้งคู่ไม่ต้องซื้อแยก เพียงแต่ต้องเช็คมือถือของเราให้พร้อมด้วย Apple Carplay เป็นฟีเจอร์ที่ติดมากับมือถือ iOS **iPadOS ใช้ไม่ได้นะจ๊ะ Android Auto เป็นฟีเจอร์ที่ติดมากับมือถือ Android         ความสะดวกสบายหลักๆ คือใช้งานแผนที่ (Google Maps) โดยไม่ต้องซื้อตัวดูดกระจกให้เกะกะ เปิดเพลงบนแอปฯ โปรดโดยไม่ต้องหยิบมือถือขึ้นมา แถมยังได้ความต่อเนื่องจากแอปฯ มือถือที่เราใช้อยู่แล้ว Android Auto Apple Carplay รูปแบบการใช้งานที่เหมือนกันของ Android Auto และ Apple Carplay ทุกอย่างถูกรันบนมือถือ Android...
Read more