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
  • 🤔 มี Resource group ละทำไรต่อดี ?
  • 🤔 สร้างเว็บบนคลาว์ทำไง ?
  • 🤔 สร้างเสร็จแล้วไงต่อ ?
  • 🎥 วีดีโอการสร้างเว็บไซต์
  • 🤔 อยากเปลี่ยนหน้าตาเว็บทำไงอ่ะ ?

Was this helpful?

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

สร้างเว็บตัวแรกกัน

Previousรู้จักกับ Resource GroupsNextสร้าง Virtual Machine กัน

Last updated 5 years ago

Was this helpful?

🤔 มี Resource group ละทำไรต่อดี ?

คราวนี้เราจะมาลองสร้างเว็บใช้ฟรีกันบน Microsoft Azure ดูบ้าง ซึ่งการสร้างเว็บมันเหมือนกับเป็นโปรแกรม Hello world นั่นแหละ! งั้นเราไปลุยกันว่าจะง่ายสมคำพูดไหม

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

🤔 สร้างเว็บบนคลาว์ทำไง ?

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

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

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

4.Azure จะแสดงรายละเอียดของ service ที่เราเลือกขึ้นมา ซึ่งในกรณีนี้คือ Web App โดยให้คำแนะนำเบื้องต้นว่ามันคืออะไร เล่นอะไรได้บ้าง ราคาเท่าไหร่ บลาๆ ซึ่งถ้าอ่านเสร็จแล้วให้กดปุ่ม Create สีน้ำเงินไดด้เบย

5.ขั้นตอนถัดมาเขาก็จะถามรายละเอียดของเว็บที่เราจะเขียนต่างๆ ก็ค่อยๆเลือกใส่ทีละอันเลย แล้วพอใส่เสร็จก็กดปุ่ม Review and create โลด

ชื่อ

รายละเอียด

Resource Group

เว็บนี้จะสร้างใน resource group ไหน

Name

ชื่อเว็บอะไร ซึ่งชื่อจะต้องไม่ซ้ำกันคนอื่นทั่วโลก

Runtime stack

เราจะให้มัน support อะไรบ้าง เช่น php, java, phython, node, .net core

Operating System

ระบบปฏิบัติการจะเป็นตัวไหน

Region

เว็บนี้จะตั้งอยู่โซนไหน

App Service Plan

จะให้เขาเก็บเงินเราแบบไหน (ถ้ากลัวเสียเงินก็เลือกเป็น Free F1 นะครับ ฟรีตลอดกาล)

App Service Plan รายละเอียดเรื่องการเก็บเงินของ Microsoft Azure อยู่ในวีดีโอด้านล่างสุดนะ ถ้าสนใจลองเข้าไปดูได้ราวๆนาทีที่ 3:48 งับ

6.สุดท้ายเขาก็จะถามยืนยันว่าจะสร้างเว็บนี้จริงหรือเปล่า ทำมาขนาดนี้แล้วจะกดยกเลิกเหรอครับ Create สีฟ้าๆอะจิ้มโลด

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

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

1.ก็ลองไปเล่นสิครับ โดยให้เราเข้าไปที่ resource group ที่สร้างไว้ แล้วเราจะเห็นเว็บตัวนั้นอยู่ ให้กดมันเบา 1 ครั้ง

2.หลังจากนั้นให้กดปุ่ม Browse ที่เมนูด้านบนฮั๊ฟ

3.แล้วเว็บของเราก็จะโผลมาแว๊วววว ซึ่งหน้าตาเว็บจะเป็น default ที่ Microsoft เตรียมไว้ให้เรา (หน้าตาเว็บอาจจะไม่เหมือนของผมนะ เพราะ Microsoft เปลี่ยนหน้า default นี้บ่อยอยู่ครับ)

🎥 วีดีโอการสร้างเว็บไซต์

🤔 อยากเปลี่ยนหน้าตาเว็บทำไงอ่ะ ?

สามารถทำได้หลายวิธีเลย เช่น FTP, GitHub, CI/CD บลาๆ ซึ่งในตัวอย่างนี้ผมขอทำแบบง่ายผ่าน FTP ไปก่อนนะครับ ส่วนถ้าสนใจการอัพเดทแบบอื่นๆ ดูได้ในคอร์ Azure Service Specific ดูได้จาก side menu นะครับ

URL ตัวเว็บของเราจะมี url เป็น เสมอ ซึ่งเราสามารถเปลี่ยนได้ในภายหลังนะครับ ส่วนวิธีเปลี่ยนจะอยู่ในคอร์ส Azure Service Specific ดูได้จาก side menu นะครับ

👶
https://ชื่อเว็บที่ตั้ง.azurewebsites.net
https://portal.azure.com
(วิธีสมัครจิ้มตรงนี้)