Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > บทความจากสมาชิก > Setup Project ให้เป็น exe/msi สำหรับ Install ด้วย Visual Studio 2015,2017 (Step by step)



 
Clound SSD Virtual Server

Setup Project ให้เป็น exe/msi สำหรับ Install ด้วย Visual Studio 2015,2017 (Step by step)

Setup Project ให้เป็น exe/msi สำหรับ Install ด้วย Visual Studio 2015,2017 (Step by step) กระบวนการและขั้นตอนสุดท้ายของการพัฒนา Application คือการนำโปรเจคไป GoLive เพื่อใช้งาน และขั้นตอนส่วนมากในการ Deployment เพื่อให้ง่ายต่อการนำไปใช้งานคือการทำเป็น Package Install โดยขั้นตอนในการทำตัว Install นั้นอาจจะแตกต่างกันขั้นตอนในการ Dev พอสมควร เพราะโครงสร้างของ Application แตกต่างไป เช่น ในขั้นตอนของการ Dev เราอาจจะเก็บไฟล์ต่างๆ ไว้ใน Project ถูก Build ไปไว้ในโฟเดอร์ bin แต่เมื่อนำไปใช้งานจริงโฟเดอร์อาจจะถูกจัดเก็บไว้ใน Program Files หรือ Path อื่นๆ ที่กำหนดไว้ รวมทั้งกระบวนการทำ Shortcut ที่ Desktop หรือ Start Menu



Setup Project (exe/msi) Visual Studio 2015,2017


ขั้นตอนต่างๆ ที่จะช่วยสร้างโครงสร้างในการติดตั้งต่างๆ เหล่านี้ มีโปรแกรมหลายตัวที่รองรับการใช้งาน และบน Visual Studio ก็มีเครื่องมือเข้ามาจัดการกับการทำ Package install อยู่แล้ว มันชื่อว่า "Setup Project" สามารถดาวน์โหลดและติดตั้งใช้งานได้ฟรี

โปรแกรมอื่นๆ ที่เกี่ยวข้อง

ClickOnce Deployment ทำตัว Install บน .Net Application จัดการเวอร์ชั่นและการอัพเดด (Version)
การติดตั้งและใช้งาน InstallShield เบื้องต้น ทำไฟล์ติดตั้งโปรแกรม VB.Net, C# จาก Visual Studio


เริ่มต้นการสร้าง Setup Project

Setup Project Visual Studio

หน้าจอ Project ที่ได้ออกแบบไว้

Setup Project Visual Studio

ก่อนการ Deploy ให้กำหนด Properties ต่างๆ ของ Project ให้เรียบร้อย

Setup Project Visual Studio

เช่น Icon, Version ของ .Net Framework หรือค่าอื่นๆ ตามที่กำหนดไว้








Setup Project Visual Studio

รวมทั้งให้ Build เป็นแบบ Release

Setup Project Visual Studio

Rebuild ใหม่

Setup Project Visual Studio

ให้ Add -> New Project ขึ้นมาใหม่

Setup Project Visual Studio

ใน Visual Studio 2015 ,2017 หรือสูงกว่านี้ จะไม่มี Template Project ในการ Setup มาให้ จะต้องดาวน์โหลดเพื่อติดตั้งเพิ่ม ให้ค้นหา "Microsoft Visual Studio 2015 Installer Projects" หรือ "Microsoft Visual Studio 2017 Installer Projects" หรือเวอร์ชั่นอื่นๆ ที่ใช้อยู่บน Visual Studio และทำการดาวน์โหลดมาติดตั้ง

Setup Project Visual Studio

Microsoft Visual Studio 2015 Installer Projects

Setup Project Visual Studio

Microsoft Visual Studio 2017 Installer Projects

Setup Project Visual Studio

ในการติดตั้งจะต้องทำการปิดโปรแกรม Visual Studio ซะก่อน

Setup Project Visual Studio

หลังจากที่ติดตั้งเรียบร้อยแล้ว

Setup Project Visual Studio

จะมี Setup Project ขึ้นมา

Setup Project Visual Studio

หลังจากนั้นจะได้ Setup Project ขึ้นมา

Setup Project Visual Studio

เลือก Application Folder -> Add -> Project Output

Setup Project Visual Studio

เลือกโปรเจคที่ต้องการทำ Install

Setup Project Visual Studio

Application Folder นี้จะอยู่ในส่วนของ Program Files

Setup Project Visual Studio

ให้คลิกที่ User's Desktop -> Create New Shortcut

Setup Project Visual Studio

เลือก Application Folder

Setup Project Visual Studio

ได้ Shortcut

Setup Project Visual Studio

เปลี่ยนชื่อ Shortcut ซึ่งมันจะไปแสดงผลอยู่ที่ Desktop

Setup Project Visual Studio

User's Program Menu ให้สร้าง Folder เป็น ThaiCreate.Com (หรืออื่นๆ โดยจะสร้าง Folder ที่ Start Menu)

Setup Project Visual Studio

สร้างโฟเดอร์

Setup Project Visual Studio

ให้เลือกสร้าง Shortcut เช่นเดียวกัน

Setup Project Visual Studio

เลือก Application Folder

Setup Project Visual Studio

กำหนดชื่อ Shortcut โดยมันจะไปอยู่ที่

Start Menu -> Folder -> Shortcut









Setup Project Visual Studio

จากนั้นกำหนด Property ของ Setup Project เช่น Author , Manufacturer (จะไปแสดงผลตอนที่ Install)

Setup Project Visual Studio

กำหนด Product Name และ Title ซึ่งค่าต่างๆ เหล่านี้จะไปแสดงที่ Path หรือ Title เวลาที่ติดตั้งโปรแกรม

Code
Program Files -> Manufacturer -> Product Name


Setup Project Visual Studio

จากนั้นให้ Rebuild โปรเจค

Setup Project Visual Studio

ได้ไฟล์ .exe และ .msi สามารถเลือกใช้ได้ทั้ง 2 ไฟล์ ซึ่งอยู่ใน Release (เลือกใช้ตัวไหนก็ได้)

Setup Project Visual Studio

ทดสอบการติดตั้งด้วยการดับเบิ้ลคลิก

Setup Project Visual Studio

คลิก Next

Setup Project Visual Studio

เป็นโครงสร้าง Default ที่ดึงมาจาก Manufacturer -> Product Name

Setup Project Visual Studio

ติดตั้งเรียบร้อยแล้ว

หลังจากที่ติดตั้งเรียบร้อย โครสร้างไฟล์ รวมทั้ง Shortcut จะถูกสร้างดังนี้

Setup Project Visual Studio

สร้างที่ Desktop

Setup Project Visual Studio

Start Menu

Setup Project Visual Studio

ไฟล์ Source ถูกสร้างที่ Program File


ขั้นตอนการ Uninstall โปรแกรม

Setup Project Visual Studio

สามารถดับเบิ้ลคลิกที่ไฟล์ Setup เพื่อ Repair หรือ Uninstall

Setup Project Visual Studio

หรือจะ Uninstall จาก Program and Feature


การเปลี่ยน Shortcut Icon

Setup Project Visual Studio

ก่อนการ Rebuild ให้คลิกที่ Application Folder -> Add -> File

Setup Project Visual Studio

จากนั้นเลือก .ico เข้ามาใน Setup Project

Setup Project Visual Studio

.ico ถูก Add เข้ามาใน Project

Setup Project Visual Studio

จากนั้นให้ทำการเปลี่ยน Icon Shortcut ที่อยู่ใน User's Desktop และ User's Program Menu

Setup Project Visual Studio

เลือก Browse เปลี่ยน Icon

Setup Project Visual Studio

เลือก Browse

Setup Project Visual Studio

เลือก Application Folder

Setup Project Visual Studio

เลือก .ico ที่ได้ Add ไว้ก่อนหน้านี้

Setup Project Visual Studio

เลือก .ico

จากนั้นให้ทำการ Rebuild และทดสอบ Install ใหม่อีกครั้ง (จะต้อง Uninstall ของเก่าออกก่อน)

Setup Project Visual Studio

Icon Shortcut ที่ Desktop เปลี่ยนไปตาม Icon ใหม่

Setup Project Visual Studio

Icon Shortcut ที่ Start Menu เปลี่ยนไปตาม Icon ใหม่








การเพิ่ม Folder และ File ใน Package Install

Setup Project Visual Studio

ในบางครั้งเราจำเป็นจะต้องแนบไฟล์หรือโฟเดอร์ต่างๆ ไว้ใน Package Install ด้วย

Setup Project Visual Studio

วิธีการก็เหมือนกับ Icon หรือให้คลิกที่ Application Folder เลือก Add -> Folder

Setup Project Visual Studio

Folder ที่ได้

Setup Project Visual Studio

สามารถเพิ่มไฟล์เข้าไปในโฟเดอร์

จากนั้นให้ทำการ Rebuild และทดสอบ Install ใหม่อีกครั้ง (จะต้อง Uninstall ของเก่าออกก่อน)

Setup Project Visual Studio

โฟเดอร์ถูกสร้างใน Source File

Setup Project Visual Studio

ไฟล์ที่ถูก Copy ไปด้วย



   
Share
Bookmark.   

  By : TC Admin
  Article : บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
  Score Rating :
  Create Date : 2017-04-21
  Download : No files
Sponsored Links
ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่