Saladpuk.com
🏆 เนื้อหาหลัก
🏆 เนื้อหาหลัก
  • 💖สลัดผัก
  • 📰มีอะไรใหม่บ้าง
    • 2020
      • 2020-11
      • 2020-10
      • 2020-09
      • 2020-08
      • 2020-03
      • 2020-02
      • 2020-01
    • 2019
      • 2019-12
      • 2019-11
      • 2019-10
      • 2019-09
      • 2019-08
  • 🤔อ่านเรื่องไรดี ?
  • มือใหม่หัดเขียนโค้ด
    • 👶เขียนโค้ดด้วยภาษา C#
      • เกิดมาไม่เคยเขียนโค้ดมาก่อนเบย
      • 👶พื้นฐาน
        • 1.โปรแกรมที่ต้องลง
        • 2.โครงสร้างของโค้ด
        • 3.ชนิดของข้อมูล
        • 4.การสร้างตัวแปร
        • 5.คำสั่งพื้นฐาน
        • 6.การแปลงข้อมูล
        • 7.การเปรียบเทียบค่า
        • 8.การตัดสินใจด้วย IF statements
        • 9.การตัดสินใจด้วย Switch statements
        • 10.การทำงานซ้ำๆด้วย While
        • 11.การทำงานซ้ำๆด้วย Do While
        • 12.การทำงานซ้ำๆด้วย For
        • 13.การแก้โจทย์จากรูป
        • 14.มารู้จักกับ Array กัน
      • 🧑ระดับกลาง
        • 15.Value type vs Reference type
        • 16.ลดงานซ้ำๆด้วย Method
        • 17.มารู้จักกับ Class & Field กัน
        • 18.มารู้จักกับ Constructor กันบ้าง
        • 19.มาเขียน Method ใน Class กัน
        • 20.มารู้จักกับ Property กัน
        • 21.ลองใช้คลาสแบบจริงจังบ้าง
        • 22.การสืบทอด Inheritance
        • 23.Polymorphism
        • 24.Abstract Class
        • 25.Interface
        • 26.Namespace
        • 27.Enum
        • 28.Exception handler
        • 29.ลงลึกกับ string
        • 30.StringBuilder เพื่อนคู่ string
      • 👨⏳ระดับสูง
        • Generic
        • Delegates
        • Action & Func
        • Lambda expression
        • LINQ
        • พระคัมภีร์การใช้คำสั่ง LINQ
      • 💡Tips
        • 💡C# version 8.0
        • 💡Boxing & Unboxing
    • 👶Algorithm
      • 👾Algorithm Big-O
      • 👽Algorithm P & NP
    • 👦OOP
      • 💖Abstraction
      • 💖Encapsulation
      • 🏆Abstraction & Encapsulation
      • 💖Inheritance
      • 💖Polymorphism
      • 🏆Inheritance & Polymorphism
      • 📝ลองเขียน OOP ดูดิ๊
      • 👑OOP + Power of Design
      • 🥰เทคนิคในการออกแบบ
    • 👶บทสรุปฐานข้อมูล
      • เก็บรูปในฐานข้อมูล
      • Database indexing
      • การลบข้อมูล
    • 👦Communication Patterns
    • 👦Design Patterns
      • 🤰Creational Patterns
        • 🏭Factory Method
        • 🏭Abstract Factory
        • ☝️ Singleton Pattern
        • 🏗️ Builder Pattern
        • 🎎Prototype Pattern
      • 🧱Structural Patterns
        • 🔌Adapter Pattern
        • 📪Proxy Pattern
  • Puzzle
    • 🧠Challenges
      • 🐴Google ม้า 25 ตัว
      • 🌉Amazon เสา 2 ต้น
      • 🥇ทองเก๊
      • 💊ยาต้านโควิด
      • 🎩CP หมวก 5 ใบ
      • 🧓Einstein's Riddle 01
  • พื้นฐานที่ควรต้องรู้
    • 🐳Docker
      • 📦Docker Containers
      • 🃏Docker Exercise 01
      • 🛠️ Docker Tools
      • 🗃️ Docker Registry
      • 🖼️ Container Image
      • 📢Docker Push
      • 🔄WSL
    • 👶Clean Code
      • 🧓Uncle Bob - Clean Code
      • 🧓Uncle Bob - Comments
      • 🧓Uncle Bob - Naming
      • 🧓Uncle Bob - Mindset
      • 🧓Uncle Bob - TDD
    • 👶Code Smells
    • 👶สิ่งที่คนเขียนโค้ดมักเข้าใจผิด
    • 👶AI พื้นฐาน
    • 👶Git พื้นฐาน
      • Git branching strategy
    • 👶Cloud พื้นฐาน
    • 👶UML พื้นฐาน
      • Activity Diagram
      • Class Diagram
      • Sequence Diagram
      • Use case Diagram
      • บทสรุปการใช้ UML
    • 👶Data Scientist
      • การเลือก Algorithms ให้ AI (1/5)
      • การเตรียมข้อมูลให้ AI (2/5)
      • หลักการตั้งคำถามให้ AI (3/5)
      • แฉความลับของ AI Model (4/5)
      • หัดเขียน AI จาก AI ของคนอื่น (5/5)
    • 👶DevOps พื้นฐาน
    • 👶Docker ขั้นพื้นฐาน
      • Image and Container
      • แชร์ Docker Image ที่สร้างไว้
    • 👶Microservices พื้นฐาน
      • Microservices ที่ดีมีลักษณะยังไง
      • Microservices Tips
      • จาก Monolith สู่ Microservices
    • 👶ความรู้พื้นฐานในการทำเว็บ
    • 👦Bottlenecks of Software
      • หัวใจที่สำคัญที่สุดของฐานข้อมูล
    • 👦Agile Methodology
      • Agile in a Nutshell
      • Software Development Life Cycle
      • Code Review
    • 👦Security พื้นฐาน
      • การเก็บรหัสผ่านที่ถูกต้อง
      • Security in actions
        • Hash function
      • Security Principles
      • 😎The Matrix 1
      • 😎The Matrix 2
      • HTTPS in a nutshell
    • 👦SOLID Design Principles
      • มารู้จักกับ SOLID กันดีกว่า
      • Single-Responsibility Principle
      • Open/Closed Principle
      • Liskov Substitution Principle
      • Interface Segregation Principle
      • Dependency-Inversion Principle
  • Cloud Computing
    • 👶Microsoft Azure 101
      • สมัคร Microsoft Azure
      • รู้จักกับ Resource Groups
      • สร้างเว็บตัวแรกกัน
      • สร้าง Virtual Machine กัน
      • ประเภทของคลาว์เซอร์วิส
      • มาสร้าง Logic App กัน
      • มาสร้าง Function App กัน
      • คลาว์คิดเงินยังไง ?
      • Cloud Native
      • Guideline for Cloud scaling
      • Auto Scaling
    • 👶Azure App Services
    • 👶App Service Plan
    • 👶Azure Storage
      • Blob storage
        • ลองสร้างที่เก็บไฟล์กันเลย
        • เข้าใจ Blob storage ให้มากขึ้น
        • ลองเขียนโค้ดอัพโหลดไฟล์กันบ้าง
        • สร้างเว็บจากที่ฝากไฟล์บนคลาว์
    • 👶Azure Bot Service
      • Bot เข้าใจเราได้ยังไงกันนะ
    • 👶Azure Cognitive Services
      • การสร้าง Cognitive Services
      • การ Login ด้วยใบหน้า
      • อ่านลายมือจากรูปเป็นตัวอักษร (OCR)
      • เขียน AI แยกของต่างๆทำยังไง?
      • เขียนแอพ ทายอายุ บอกเพศ ง่ายจิ๊ดเดียว
      • เขียนแอพให้ AI อธิบายรูปเป็นภาษาคน
    • 👶Machine Learning Studio
      • มาสร้าง AI ของแท้ตัวแรกของเรากัน
      • สร้าง AI ตัดสินใจอนุมัติบัตรเครดิต 💳
      • ลองเรียกใช้ AI ของเรากัน
    • 👶Azure Service Fabric
      • สร้าง Service Fabric กัน
    • 👶Blockchain
      • Blockchain ทำงานยังไง ?
      • Consensus Algorithm คืออะไร ?
      • สร้าง Blockchain ใช้เองกัน !
      • หัดเขียน Smart Contract กัน
    • 👶Power BI
    • 👶Azure Web App
      • เซิฟเวอร์บนคลาว์ ราคา? ต่าง?
    • 👶Azure DevOps
      • เล่น Azure DevOps กัน
      • เล่นกับ Repository
      • ลองทำ Continuous Integration (CI)
      • ลองทำ Continuous Delivery (CD)
      • เล่น Kanban Board
    • 🤠Cloud Playground
      • การป้องกันความลับหลุดตอนที่ 1
      • การป้องกันความลับหลุดตอนที่ 2
      • การป้องกันความลับหลุดตอนที่ 3
      • การป้องกันความลับหลุดตอนจบ
  • Software Testing
    • 👦Test-First Design
    • 👦Test-Driven Development
      • 1.มารู้จักกับ TDD กันดีกว่า
      • 2.Test cases เขาเขียนกันยังไงนะ
      • 3.เครื่องมือในการทดสอบ
      • 4.การใช้ Theory และ InlineData
      • 5.โค้ดที่ทดสอบได้
      • 6.Mantra of TDD
      • 7.Functional & None-Functional testing
      • 8.Manual vs Automation testing
      • 9.Automation Frameworks in .NET
      • 10.Mock Framework
      • 11.มาเรียนการใช้ Moq กันเถอะ
      • 12.สรุป
  • Web
    • 👦Web API
      • 1.Web API คืออะไร
      • 2.ติดตั้ง .NET Core SDK
      • 3.สร้าง Web API ตัวแรกกัน
      • 4.Verbs
      • 5.Swagger เพื่อคู่ API
      • 6.การใช้ Model
      • 7.เรียก Web API ผ่าน Postman
      • 8.มาจัดกลุ่ม API กัน (1/2)
      • 9.มาจัดกลุ่ม API กัน (2/2)
  • Software Design
    • 🤴Design Patterns
      • 🦈Creational patterns
        • Abstract Factory
        • Builder
        • Factory Method
        • Prototype
        • Singleton
      • 🦈Structural patterns
        • Adapter
        • Bridge
        • Decorator
        • Facade
        • Proxy
      • 🦈Behavioral patterns
        • Chain of Responsibility
        • Command
        • Iterator
        • Mediator
        • Memento
        • Observer
        • State
        • Strategy
        • Template Method
        • Visitor
Powered by GitBook
On this page
  • 🤔 เขียนแอพโดยไม่เขียนโค้ดทำไง ?
  • 🤔 สร้างเสร็จแล้วไงต่อ ?
  • 🤔 แล้วจะลองเรียกใช้โปรแกรมยังไง ?
  • 🎥 ตัวอย่างการทำ Logic App แบบอื่นๆ
  • 🎯 บทสรุป

Was this helpful?

Export as PDF
  1. Cloud Computing
  2. Microsoft Azure 101

มาสร้าง Logic App กัน

Previousประเภทของคลาว์เซอร์วิสNextมาสร้าง Function App กัน

Last updated 4 years ago

Was this helpful?

💬 รอบนี้จะมาสร้างโปรแกรมโดยไม่ต้องเขียนโค้ดเลยซักบรรทัด ด้วย service ที่ชื่อว่า Logic App กันดูบ้างละกัน ซึ่งเจ้า Logic app จะอยู่ในโมเดลที่เรียกว่า SaaS (Software as a service) ถ้าใครยังไม่รู้จัก Cloud model สามารถอ่านได้จากลิงค์นี้เบย

Azure Portal จะทำตามในรอบนี้ให้เข้าไปที่ เน่อ ส่วนถ้าใครยังไม่ได้สมัครก็ไปสมัครให้เรียบร้อยแซ๊ร

🤔 เขียนแอพโดยไม่เขียนโค้ดทำไง ?

1.ที่เมนูด้านซ้ายมือให้เลือก Resource groups ซะ แล้วในหน้าตรงกลางให้เลือกชื่อ Resource group ที่เราสร้างไว้

2.หลังจากที่เข้ามาใน Resource group แล้วให้กดปุ่ม + ที่มุมบนซ้ายของเมนู

3.ระบบจะพาเราไปที่หน้า Marketplace ซึ่งในหน้า marketplace นี้เป็นหน้าหลักในการเลือก service ที่เราจะทำการสร้าง ซึ่งในรอบนี้เราจะพิมพ์ในช่องค้นหาว่า Logic App แล้วกด Enter เลย

4.ถัดมาเขาก็จะบอกรายละเอียดเกี่ยวกับ Logic App ว่ามันคืออะไร จะไปศึกษาลองเล่นต่อได้ยังไง ราคาที่ต้องจ่ายต่อเดือนคิดยังไง บลาๆ ก็ถ้าอ่านจนหนำใจแล้วก็จิ้มปุ่ม Create เบาๆไป 1 ทีงับ

5.ในขั้นตอนถัดมาเขาก็จะถามรายละเอียดของ Logic App ของเรา ซึ่งในส่วนนี้ก็ค่อยๆเลือกใส่ทีละอันเลย แล้วพอใส่เสร็จก็กดปุ่ม Create โลด

ชื่อ

รายละเอียด

Name

ชื่อ Logic App ที่จะสร้าง

Location

ตัว Service นี้จะตั้งอยู่ที่ไหน (ทดสอบในไทยก็เลือก Southeast Asia นะ)

Log Analytics

จะให้มันเก็บบันทึกๆการทำงานต่างๆที่เกิดขึ้นกับ Logic App นี้ไหม (แล้วแต่เลยครับ)

6.รอจนกว่าจะเสร็จก็เป็นอันเสร็จพิธี

🤔 สร้างเสร็จแล้วไงต่อ ?

จากขั้นตอนด้านบน มันเป็นการสร้าง service ที่เรียกว่า Logic App ขึ้นมาเฉยๆ ซึ่งขั้นตอนถัดไปเราก็จะทำการกำหนดว่าจะให้แอพตัวนี้ทำงานอะไรบ้าง ตามขั้นตอนด้านล่างนี้เลย

1.เข้าไปที่ resource group ที่สร้างไว้ แล้วจะเห็น Logic App โผล่ขึ้นมาละ ให้จิ้มสัมผัสมันเบาๆอย่างอ่อนโยน 1 ที

2.เขาจะพาเรามาหน้า Logic App Designer ซึ่งเจ้าหน้านี้แหละเราจะมากำหนดว่าจะให้แอพของเราทำงานอะไรบ้าง โดยเราสามารถเลือกให้มันทำงานได้ 2 รูปแบบคือ สร้างเอง หรือ ใช้แบบที่เขาสร้างไว้ให้แล้ว

(1) แบบสร้างเอง ในรูปแบบนี้จะมีตัวเลือกให้เราเลือกว่า แอพเราจะเริ่มทำงานเมื่อไหร่ ซึ่งมี option พื้นฐานให้เลือกตามรูปด้านล่างนี้

ชื่อ

ลักษณะการทำงาน

When a HTTP request is received

เราจะได้ลิงค์มา 1 ตัวแล้วเมื่อไหร่ที่มีคนเปิดลิงค์ของเราปุ๊ป มันจะสั่งให้แอพของเราทำงานทันที

When a new tweet is posted

เมื่อมีคนโพสต์ Twitter เมื่อไหร่ มันจะสั่งให้แอพของเราทำงานทันที

Recurrence

ตั้งเวลา - เมื่อถึงเวลาที่กำหนด มันจะสั่งให้แอพของเราทำงานทันที

เช่นทุกๆ 5 นาที หรือ ทุกๆวันตอนเช้า บลาๆ

When a new email is received ...

เมื่อได้รับอีเมล์ใหม่ใน Outlook มันจะสั่งให้แอพของเราทำงานทันที

(2) ใช้แบบที่เขาสร้างไว้ให้แล้ว

ในรูปแบบนี้จะเป็นตัวเลือกที่ทาง Microsoft สร้างการทำงานแบบคร่าวๆไว้แล้ว ซ฿่งเรามีหน้าที่ไปปรับแก้ว่าแอพเราอยากให้มันทำอะไรเพิ่มบ้างเท่านั้นเอง ซึ่งมีตัวเลือกเยอะม๊วกๆๆๆ ขอเอาแค่ตัวน่าสนใจมาให้ดูละกันนะ

ในตัวเลือกด้านบนจะมีตัว Connect ไปทำงานกับ Ethereum, Twitter, Facebook, Instagram, SAP, Slack, PowerBI, MailChimp และอื่นๆทีอีกมากมายให้ลองเลือกเล่นดู

ในตัวอย่างนี้ผมจะเน้นความเข้าใจเป็นหลัก ดังนั้นผมขอเลือกสร้างโดยใช้ HTTP Trigger ตามรูปด้านล่างนะครับ ซึ่งเราจะได้รับลิงค์มาตัวนึง แล้วเมื่อไหร่ที่มีคนเปิดลิงค์ของเราปุ๊ป แอพของเราก็จะเริ่มทำงานนั่นเอง

4.พอเลือกเสร็จเขาก็จะพามายังหน้าออกแบบแอพของเรา ซึ่งในรูปจะเห็นว่ามันจะทำงานเมื่อได้รับ HTTP request เข้ามา ซึ่งในขั้นตอนนี้ผมจะให้มันรองรับการเรียกแบบ HTTP Get ด้วย ดังนั้นให้เรากด Add new parameter แล้วติ๊กช่อง Method ครับ

5.หลังจากนั้นให้เลือก GET นะครับ เราจะได้เรียก Url ของเราผ่านเว็บได้ง่ายๆ

6.แล้วต่อมาก็กดปุ่ม Next step เพื่อกำหนดว่า ถ้าได้รับ HTTP request ละจะทำอะไรต่อ

7.ในตัวอย่างนี้ผมจะให้แอพผมโพสต์ Twitter เข้าไปที่ twitter account ผมนะครับ ดังนั้นก็ค้นหาว่า post twitter แล้วเลือก Post a tweet ได้เลยครับ

8.ถัดมาเขาก็จะให้ผมทำการ login เพื่อกำหนดว่าจะส่ง twitter เข้าไปที่ account ไหน ดังนั้นเราก็กด Sign in โลด

9.หลังจาก Login แล้วเขาก็จะถามว่าเราจะส่งอะไรบ้างเข้า twitter ซึ่งในข้อนี้ผมจะส่งแค่ข้อความอย่างเดียวนะ ดังนั้นก็เลือกแค่ Tweet text ครับ

10.ถัดมาเขาก็จะให้เราใส่ข้อความที่เราจะส่งเข้า twitter ครับ ซึ่งในตัวอย่างผมพิมพ์ว่า Test message ซึ่งในจุดนี้เขาจะมีกล่องตัวช่วยเปิดขึ้นมาด้านขวามือ ซึ่งกล่องนี้เราสามารถเลือกเอาข้อมูลต่างๆที่ได้จากขั้นตอนก่อนหน้าทุกตัวมาใช้ได้ครับ

ข้อแนะนำ ตัวเลือกด้านขวา เราสามารถทำ custom ค่าหรือเรียกใช้ function ต่างๆได้นะครับ เช่น หาผลรวม, ดูว่าข้อความยาวกี่ตัวอักษร หรือ ไปเอาข้อมูลจากขั้นตอนก่อนหน้า เช่น ตอนที่มีคนเรียก HTTP เข้ามาเราสามารถไปอ่าน Request body เพื่ออ่าน Json ออกมาได้ด้วยนะครับซึ่งตัวอย่างพวกนั้นอยู่ใน วีดีโอด้านล่างแล้วครับ

11.ตอนนี้ผมคิดว่าตัวอย่างน่าจะโอเคละ ดังนั้นขั้นตอนสุดท้ายผมก็กดปุ่ม Save เพื่อบันทึกว่าโปรแกรมมันจะทำงานตามนี้นะ

สรุปการทำงาน เมื่อมีใครก็ตามกดลิงค์เข้ามาที่แอพของเราปุ๊ป โปรแกรมของเราก็จะทำการโพสต์ Twitter เข้าไปที่ account ผมทันทีนั่นเอง

🤔 แล้วจะลองเรียกใช้โปรแกรมยังไง ?

1.หลังจากที่กด save ไปเรียบร้อยแล้ว ให้ลองเปิดกล่อง When a HTTP request is received ออกมาดูครับ เราจะเห็น ลิงค์ที่เขาสร้างเอาไว้ ให้เรากดปุ่ม copy ด้านขวามือครับ

2.ลองเอา Url ที่ copy มาไปเปิดใน web browser ดูครับผม ซึ่งถ้าไม่มีปัญหาอะไรเราจะเจอหน้าขาวๆตามนี้ครับ

3.ลองเข้าไปดูใน Twitter ของเรากัน ก็จะเจอข้อความที่ Logic App เขียนเข้ามาครับ!

Twitter ผมไม่ต้องกดติดตามใดๆนะครับ เพราะผมไม่เคยโพสต์อะไรเลย มีแต่ Azure นี่แหละที่คอยโพสต์ให้ผมตอนที่ผมไปออกอบรม (ฮา)

4.สุดท้ายถ้าเรากลับไปดูที่ตัว Logic App ที่สร้างไว้ เราก็จะเห็นสถานะว่ามีการเรียก Url ของเราเข้ามาตอนเวลาไหน ทำงานสำเร็จหรือไม่ ซึ่งสามารถกดเข้าไปดูรายละเอียดได้ด้วยนะ

5.ซึ่งภายในรายละเอียดก็จะบอกว่า ตัวแอพเราเรียกอะไรไปบ้าง ทำงานเสร็จหรือไม่เสร็จที่ขั้นตอนไหน ซึ่งในจุดนี้เราสามารถกดดูรายละเอียดถ้า ถ้ามันทำไม่เสร็จเพื่อที่จะได้เตรียมไล่จัดการปัญหาต่อไปครับ

🎥 ตัวอย่างการทำ Logic App แบบอื่นๆ

ในตัวอย่างนี้ผมจะลองให้มันส่งข้อมูลผ่าน HTTP POST ด้วย แล้วให้มันตัดสินใจต่อว่าจะทำการส่งอีเมล์ไปรายงานผลดีหรือเปล่าด้วยนะครับ

ในวีดีโอเหมือนผมโดนตัวอะไรซักอย่างไปพูดว่าเป็น PaaS ตลอดทั้งๆที่มันก็เขียนจั่วหัวว่าเป็น SaaS นะครับต้องขออภัยด้วย

🎯 บทสรุป

เราสามารถเขียนแอพขึ้นมาโดยที่ไม่จำเป็นต้องเขียนโค้ดเป็นเลยก็ได้ โดยใช้เจ้า Logic App ซึ่งข้อดีข้อนี้คือช่วยลดงานของ developer ลงอย่างมหาศาล เช่น ถ้าผลลัพท์น้อยกว่าเท่านี้เราจะต้องอีเมล์ไปแจ้งลูกค้านะ แต่ถ้าผลลัพท์เป็นแบบนี้เราจะต้องสั่งซื้อสินค้านะ บลาๆ ซึ่งปรกติเราจะต้องไปเขียนโปรแกรมนั่ง test ว่าโปรแกรมมี bug บลาๆต่อใช่ไหมล่ะ แต่ถ้าเราเปลี่ยนมาใช้ Logic App แล้วละก็ คนชงกาแฟน้องๆที่เดินส่งเอกสารก็จะมีบทบาทเข้ามาช่วยลดเวลาของเหล่า developer ได้อย่างมหาศาลเลยไงล่ะ

👶
จิ้มตรงนี้เบาๆนะ
https://portal.azure.com
(วิธีสมัครจิ้มตรงนี้)
เลือกตัวนี้เบย HTTP Trigger