CREATE PROJECT

สร้างโปรเจคชื่อ NetCore_webapi_efcore บน CMD หรือ PowerShell

dotnet new webapi

หากมีปัญหาให้ทำการติดตั้ง .NetCore สะก่อน https://www.microsoft.com/net/download/windows

ADD NUGET

เพิ่ม nuget ภายในไฟล์ NetCore_webapi_efcore.csproj

แล้วทำการ Refresh โปรเจคครั้งนึงด้วย

dotnet restore

CONNECT DATABASE

ในที่นี้เจ้าของบล็อคจะทำการเชื่อมต่อกับ Database ภายในเครื่องตัวเอง (Local) โดยมี Database ชื่อ TrainWebAPI อยู่เรียบร้อยแล้ว

ทำการพิมพ์คำสั่งด้านล่างไปที่ Terminal ของ Project

dotnet ef dbcontext scaffold "Server=Localhost;Database=TrainWebAPI;Trusted_Connection=True;" Microsoft.EntityFrameworkCore.SqlServer -o Models/DB

ระบบจะทำการสร้าง Model ข้อมูลตาม Database ที่เราสร้างไว้

ความรู้ที่ควรมี

• การเขียนโปรแกรมระดับนึง
• การเขียนโปรแกรมแบบ MVC

Example : https://github.com/panachai/NetcoreEntityFrameworkCore

[.Net Core 2.1] เชื่อมต่อ EntityFramework Core แบบง่ายๆ (Db First) was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

บางครั้งอาจมีการย้าย Database จากโน๊ตบุค ไป PC ที่บ้าน หรืออะไรก็ตามแต่จะมีการ Backup and Restore Database เพื่อโอนย้ายข้อมูล (ในกรณีที่ไม่ได้ใช้ Server จริง)

Backup Database

1. คลิกขวาที่ Database -> Tasks -> Back Up…

2. คลิก OK

เป็นอันเสร็จสิ้นขั้นตอนการ Backup ครับ

Restore Database

1. ทำการคลิกขวาที่ Database เลือก Restore Database…

2. เลือกไฟล์จาก Device และคลิกที่ …

3. คลิก Add

4. แล้วนำไฟล์ .bak ที่เตรียมไว้มาวางในตำแหน่งที่ Copy

4.1 เมื่อวางเสร็จแล้ว คลิกปุ่ม Refresh หนึ่งครั้ง แล้วคลิกเลือกไฟล์ .bak

แล้วทำการคลิก OK ตามขั้นตอนเป็นอันเสร็จสิ้น

[SQL SERVER 2017] Backup and Restore Database was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

SQL Server 2017 SSEI-Dev (ตัว SQL Server)

Download : https://www.microsoft.com/en-us/sql-server/sql-server-downloads

SQL Server Management Studio SSMS (ตัว Management)

Download : https://docs.microsoft.com/en-us/sql/ssms/download-sql-server-management-studio-ssms?view=sql-server-2017

วิธีการติดตั้งเจ้าของบล็อคขอให้ลงรายละเอียดนะครับ (Next เนอะ)

เข้าใช้งาน

เมื่อติดตั้งเสร็จเข้าใช้งานได้ที่ตัว Microsoft SQL Server Management Studio 17

ทำการเชื่อมต่อเข้า SQL Server ภายในเครื่องของเรา (Local)

เราก็จะสามารถใช้งาน SQL Server 2017 ได้แล้วครับ

[SQL SERVER 2017] ติดตั้ง SQL Server 2017 and SQL Server Management Studio 17.7 was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

หลังจากที่เจ้าของบล็อคได้ลองกลับมาเล่นเจ้า Angular หลังจากห่างหายไปสักพักก็พบว่าเจ้า Angular 6 มีปัญหาอย่างนึงที่สะกิดใจเล็กน้อยนั้นก็คือ

เมื่อทำการ init firebase เข้า Project Angular 6 ของเราแล้ว เมื่อใช้คำสั่ง deploy firebase ระบบดันไม่พบหน้า index ของโปรแกรมของเรา

จากภาพจะเห็นว่า เมื่อใช้คำสั่ง `firebase deploy` แล้วจะมีแจ้งเตือน

นั้นคือระบบไม่สามารถหาไฟล์ index.html ได้ เพราะอะไรนะเหรอ ?

จากที่ทุกๆท่านทราบดีว่า Angular 5 จะต้องทำการ deploy โปรเจคที่ได้มีการ build แล้วภายในโฟลเดอร์ dist ที่จะสร้างขึ้นมาเมื่อใช้คำสั่ง `ng build` ซึ่งภายในโฟลเดอร์ dist ของ Angular 5 และ Angular 6 นั้นแตกต่างกันอยู่นิดหน่อยตามภาพด้านล่าง

จะเห็นว่าภายในโฟลเดอร์ dist ของ Angular 6 จะมีโฟลเดอร์ชื่อโปรเจคเพิ่มเข้ามาด้วยนั้นเพราะว่า

Angular 6 ได้มีฟีเจอร์ใหม่ที่เรียกว่า Workspace เข้ามาทำให้สามารถสร้าง Project ได้หลายตัวภายใน Workspace เดียว จึงได้มีการเพิ่มโฟลเดอร์ภายในโฟลเดอร์ dist เพื่อบอกว่าเป็นไฟล์ของโปรเจคใด

วิธีแก้

ให้ทำการใช้คำสั่ง `firebase init` ซ้ำเพื่อทำการแก้ไข path ในการ public ไฟล์

ให้พิมพ์ dist/_projectname_ ลงไปในบรรทัดที่ถามถึงโฟลเดอร์ที่ต้องการอัพขึ้น hosting

เมื่อทำการแก้ไขเสร็จเรียบร้อยให้ลบโฟลเดอร์ dist ออกเพื่อล้างข้อมูล index.html ที่ firebase สร้างมาให้

แล้วทำการใช้คำสั่ง `ng build` แล้วตามด้วย `firebase deploy` เป็นอันเสร็จ

สรุป

แค่ทำการแก้ path ตอน Firebase public งานของเราขึ้นเพราะ Angular 6 เพิ่มฟีเจอร์ Workspace ทำให้ path งานเปลี่ยนที่

[Angular 6] แก้ปัญหา Firebase Deploy บน Angular 6 was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

ถ้าหากไม่สามารถใช้งาน .map ใน Service โดยที่ Import เข้ามาเรียบร้อยแล้ว

แก้ไขโดยเข้า Terminal แล้วรัน `npm i — save rxjs-compat` คำสั่งตามภาพ

เป็นอันเสร็จสิ้น

[Angular 6] แก้ปัญหาใช้งาน .map() ใน Service ไม่ได้ was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

โดยปกติเจ้าของบล็อคเคยเขียน log ด้วย log4net ซึ่งเป็นที่นิยมมากๆใน ASP.NET (ดูจากยอดดาวน์โหลดก็รู้แล้ว) แต่วันนี้อยากจะลองอะไรแปลกๆบ้าง เพราะเห็นว่า Serilog สามารถเขียน log steamming ขึ้นบน Azure ได้ (เจ้าของบล็อคก็ไม่เคยเขียนหลอก) ก็เลยมาลองดูเจ้าตัวนี้บ้าง

โปรเจคใช้ตัวเดิมจาก : [.Net Core 2.1] เชื่อมต่อ EntityFramework Core แบบง่ายๆ

ref : https://www.nuget.org/packages/log4net/

ADD PACKAGE

โดยเบื้องต้นจะตั้งเพิ่ม Package ทั้งหมด 3 ตัวด้วยกัน

: ด้านล่างเป็นเวอร์ชั่นที่ใช้ในการทดสอบ

dotnet add package Serilog — version 2.7.2-dev-01005

dotnet add package Serilog.Sinks.File — version 4.0.1-dev-00796

dotnet add package Serilog.Extensions.Logging — version 2.0.2

SETTING PROJECT

ต่อมาเข้าไปที่ไฟล์ Startup.cs ทำการเพิ่ม ILoggerFactory loggerFactory ที่ Parameter ของ Method Configure

และเพิ่ม Code ตามด้านล่างเข้าไป

อธิบาย

• บรรทัด 5 : ทำการสร้างตำแหน่ง พร้อมระบุชื่อไฟล์ log
• บรรทัด 6 : คำสั่งสร้างไฟล์ Log

USE

ทำการเตรียมค่า ILogger ตัวอย่างโค๊ดด้านล่างครับ

นำไปใช้ภายใต้ Class เดียวกัน

เป็นอันเสร็จสิ้นจ้าาาา

Example (branch Serilog Complete) : https://goo.gl/3Sgx3z

ถ้าอยากได้แบบละเอียดยิบๆลองตามวาปได้เลย (.NET CORE 1.0 นะจ๊ะ)

credit : https://www.youtube.com/watch?v=Lyj7nRU-bCw

[.NET CORE 2.1] เขียน Logging ด้วย Serilog was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

ถ้าพูดถึง Algorithm หลายคนคงคิดว่า “ยาก” แต่จริงๆแล้วมันอยู่รอบกายเรานี้เอง เช่น Algorithm การเดินไปร้านเกมส์

ออกจากบ้าน -> ผ่านสี่แยก -> เลี้ยวขวา -> เจอรูปปั้นแมว -> โบกมือสองที -> เดินต่อ 3ก้าว -> ถึงร้านเกมส์

จบการเกริ่น ต่อสาระ

สาระ

อัลกอริทึม คือ “หัวใจหลักของการเขียนโปรแกรม” การเขียนโปรแกรม เราจะต้องคิดออกมาเป็นลำดับขั้นก่อนการเขียนเสมอ เช่น

ต้องการจะเขียนโปรแกรมคำนวนพื้นที่สี่เหลี่ยมผืนผ้า

ผู้ใช้ป้อนความกว้าง และยาว -> โปรแกรมคำนวน -> แสดงพื้นที่สี่เหลี่ยมผืนผ้า

พูดง่ายๆก็คือ “อัลกอริทึมเป็นขั้นตอนการทำงานของโปรแกรม”

ตัวอย่าง

Algorithm การเดินไปโรงอาหาร

จากด้านบนจะเห็นว่า ไม่ว่าจะเลือกเดินแบบที่หนึ่ง หรือสอง ก็สามารถไปถึงได้เช่นกัน แต่ระยะเวลาที่ได้อาจต่างกัน

Algorithm ไม่มีถูก ไม่มีผิด ถ้าหากผลลัพท์ที่ได้นั้นเหมือนกัน

Algorithm ที่ดีควรจะให้ผลลัพท์ที่ “ไวกว่า”

แบบทดสอบ

จงเขียน Algorithm การเดินทางจากบ้าน ไปถึง มหาวิทยาลัย/โรงเรียน/ที่ทำงาน ที่ใดที่หนึ่ง

เมื่อเขียนเสร็จแล้วมาลองดูคำตอบกันว่าเป็นยังไง

คำตอบ

หยิบใบวาปไปมหาวิทยาลัย -> ใช้วาป -> ถึงมหาวิทยาลัย

ตึ๋งโป๊ะ

Lesson 1 อัลกอริทึม (Algorithm) สำคัญยังไง ? was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

ไม่ชอบคณิตศาสตร์ เขียนโปรแกรมได้ไหม ?

ตอบเลยครับว่าได้ แต่จะทำได้ไม่สุด เพราะการเขียนโปรแกรมก็จะมีรากฐานมาจาก คณิตศาสตร์อยู่ดี กระบวนการคำนวนต่างๆก็มาจากคณิตศาสตร์ แต่สิ่งที่สำคัญกว่าคณิตศาสตร์ก็คือ Algorithm การคิดเป็นลำดับขั้น จะช่วยให้เราเขียนโปรแกรมได้ดียิ่งขึ้น

ซึ่งหากยังรักในการเขียนโปรแกรม อยากเรียนสายนี้ ในโลกของความจริงกระบวนการเขียนโปรแกรมไม่ได้มีแค่ Programmer แต่ยังประกอบไปด้วย Web Design, Computer System Analysis (SA), Support, Network, QA Engineer, Project Manager, Graphic Design, Data Science ฯลฯ ลองศึกษาในส่วนของอาชีพต่างๆ ที่อาจจะมีเพิ่มมาอีกในอนาคต และลองคิดทบทวนดูนะครับ

ส่วนตัว อยากจะให้ลองเขียนโปรแกรมอย่างจริงจังก่อน สู้ให้สุด ทุ่มให้เต็มที่

ควรเริ่มต้นยังไงกับการเขียนโปรแกรม ?

อันนี้ก็จะอยู่ที่คน แต่เจ้าของบล็อคจะเริ่มจากการเขียน Algorithm (กระบวนการคิด) ในการทำสิ่งต่างๆในชีวิตประจำวัน เช่น

ตื่นนอน > ลุกจากเตียง > เดินไปห้องน้ำ > อาบน้ำ > ใส่เสื้อผ้า > กินข้าวเช้า > ออกนอกบ้าน

การเขียนโปรแกรม ก็จะเป็นในรูปแบบนี้เช่นกัน

อยากเริ่มต้น ลอง เขียน CODE ทำอย่างไร ?

เจ้าของบล็อคได้เริ่มเขียน Code ตอนเรียนมหาวิทยาลัย แต่ถ้าอยากจะลองก่อน แนะนำเป็นภาษา Web เช่น HTML PHP CSS หาดูได้ตามเว็บสอนทั่วไป

แต่เจ้าของบล็อค เริ่มจากภาษา Java เขียนลง Platform Windows เพราะ อ.ให้เขียน (จริงๆนะ) เจ้าของบล็อคก็มองว่าเป็นเรื่องที่ดี เริ่มจากอะไรที่ยากๆ แล้วไปง่าย มันก็จะไปได้เร็ว

ทำยังไงถึงจะรู้ว่าเราชอบทางไหน ?

ง่ายนิดเดียวครับ (ที่เหลือยาก) คือการลองทำ ในส่วนแรกอยากจะให้ลองเริ่มต้นจากสิ่งที่ชอบ ไม่ว่าจะเป็นการลองอ่าน Code ใน Platform/ภาษา ต่างๆที่สนใจ ลอง ลอง แล้วก็ลองครับ ลองให้ครบทุกอย่างที่สนใจ แล้วเราจะมองเห็นทางเอง

การเขียนโปรแกรมต้องเตรียมตัวอะไรบ้างสำหรับอนาคต ?

สิ่งที่ต้องเตรียมตัว (เตรียมใจ) ในอนาคตนั้นก็คือความรู้ในวันนี้ อาจจะไม่สามารถใช้ได้ในอนาคต เพราะเทคโนโลยีบนโลกเราเปลี่ยนไปไวมาก วันนี้อาจจะใช้วิธีเขียนแบบนึงเป็นวิธีที่ดีที่สุด พรุ่งนี้อาจจะมีวิธีใหม่เข้ามาที่ดีกว่า เราก็ต้องศึกษาตามโลกให้ทัน จึงต้องมีการศึกษาอยู่ตลอดเวลา

ทั้งหมดนี้เป็นความคิดเห็น ประสบการณ์ มุมมองของเจ้าของบล็อค ถ้าหากว่าเราชอบ เรารักอะไร อยากให้สู้ให้สุดตัวครับ

เริ่มต้นการเป็น Programmer ฉบับไม่มี Code was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.

เคยไหมเวลาจะยิง API จาก Mobile ไปยัง Web API ของเราแต่ไม่อยากเช่าเซิฟเวอร์ เรามีทางแก้ !!

ปัญหา

• ต้องการยิง API เพื่อดึงข้อมูลจาก Database ผ่าน Web API ในภาษา C#
• ต้องการ Demo งานให้ออกมาเสมือนใช้งานจริงผ่านเซิฟเวอร์

โดยปกติ Windows 10 จะมี IIS อยู่แล้วแต่เพียงไม่ได้เปิดใช้งานเท่านั้นเอง

1. สามารถเข้าได้จาก Ctrl+R แล้วพิมพ์ appwiz.cpl แล้วคลิก OK

2. จะขึ้นหน้าต่าง Programs and Features คลิกที่ Turn Windows features on or off

3. ให้ทำการตั้งค่าดังที่ได้วงกลมสีแดงไว้

เพียงเท่านี้ก็เป็นอันเสร็จสิ้น เครื่อง Windows 10 ของเราก็จะเป็นสเมือนเซิฟเวอร์ตัวนึงแล้ว

หากเข้าที่ Windows feature แล้วไม่มีข้อมูลให้ทำตามลิ้งด้านล่าง

(ผมทำตาม Method 2 แล้วผ่าน)

https://www.wintips.org/how-to-fix-windows-features-list-blank-empty-windows-10-8/

[C#] เปลี่ยนคอมพิวเตอร์ให้เป็นเซิฟเวอร์ [วิธีตั้งค่า IIS บน Windows 10] was originally published in PanachaiNY on Medium, where people are continuing the conversation by highlighting and responding to this story.