17 nov

Cómo crear un instalador en Visual Studio 2013

¡Hola amigos! Desde el 9 de mayo que no he escrito en este blog. Entre otras cosas por ocupación. Desde un poco antes de esa fecha han cambiado muchas cosas en mi vida, aunque de repente me parece que todo es igual.

Pues bien, no se trata hoy de contarles mi vida. En los últimos días he estado haciendo una pequeña aplicación en Visual Studio 2013 usando WPF ¿Por qué está elección? realmente porque tengo la licencia de la versión Ultimate de la herramienta original, y porque requería hacer algo rápido, así que recurrí a mi nunca bien ponderado C# y a mi antiguo amigo WPF.

Sin embargo, una vez que terminé el proyecto me di cuenta con tristeza que no había forma de crear un instalador. Excepto por una versión de prueba de Install Shield que no me gustó nada.

Así que me di a la tarea de “buscarle como” y estos son los productos de esta investigación. Espero le sea de utilidad.

1

 Lo primero es ir a la página de extensiones de microsoft y descargar  “Microsoft Visual Studio 2013 Installer Projects” (https://goo.gl/M2JmUt). Para hacerlo ve al enlace que está entre paréntesis y busca el botón que dice “Download”, da clic y enseguida se iniciará la descarga, la cual tarda unos pocos minutos.

  2

Una vez descargada la herramienta cierra tu Visual Studio y abre la aplicación para instalarla, nuevamente tardará menos de 5 minutos.

3

Abre la solución de la cual quieras generar el instalador.

4

Dando clic derecho en la solución, clic en “Add > New Project”

5

En la ventana que aparece selecciona de la lista “Other Project Types” y busca la opción “Visual Studio Installer”, si esta no está, quiere decir que no instalaste adecuadamente la herramienta, así que regresa al paso 1. Pero si está elige el nombre y la localización de tu proyecto. Este es un proyecto nuevo exclusivo para tu instalador, el nombre que aparece por default es Setup1. Te sugiero usar la nomeclatura <Compañía>.<Nombre del proyecto>.Setup.

6

Aparecerá una ventana llamada “Fyle System(Setup)”. Esta ventana simula el sistema de archivos en donde se instalará nuestro software. una vez ahí da clic derecho en Application Folder > Add > Project Output…

7

Se abre un cuadro de diálogo, selecciona en “Project” el nombre del proyecto en donde se encuentra tu archivo ejecutable.

En la lista de abajo selecciona “Primary Output”.

En configuración selecciona (Active), para este paso asumimos que tu proyecto ya está compilado y funciona bien. La configuración denominada como (Active) es la que estás utilizando actualmente en ese proyecto que puede ser Debug o Release, se recomienda que sea Release, siempre y cuando ya hayas probado tu proyecto con esta configuración.

Finalmente da clic en “OK”

8

A la derecha de la ventana File System aparecerán un conjunto de archivos, entre ellos Dll’s y tu archivo ejecutable. Este ejecutable tendrá el nombre de “Output” en la columna de la derecha.

9

Ahora vamos a agregar un icono a nuestra solución, para que al instalarlo los accesos directos usen este icono, si no lo quieres hacer salta al paso número 10.

Para agregar un icono primero debes adjuntarlo a la solución. Para ello ve al panel “Solution Explorer” y en el proyecto que tienes tu Setup da clic derecho y elige “Add>File”. Se abrirá un cuadro de diálogo, busca la localización donde tengas el archivo .ico con el que quieras etiquetar a tu proyecto.

Arrastra el icono hacia la ventana de  “File System” mientras tienes seleccionado “Application Folder”, de manera que el icono quede agregado al folder.

10

En la ventana “File System”, a la derecha, busca “Primary output from <Nombre de tu proyecto>”, este archivo tiene a la derecha el nombre de Output. Y da clic derecho en el icono que lo representa.

Elige “Create Shorcut to Prypary output from <Nombre de tu proyecto>”

Esto creará un nuevo acceso directo. Da clic derecho sobre el y selecciona Properties Window (o selecciona F4)

En el panel de Propiedades cambia el nombre de tu shortcut a como quieras que se vea cuando lo instales y selecciona el icono. Para ello ve a la columna derecha de donde dice icon, selecciona la felcha que va hacia abajo, da clic en “Browse…” y dentro de tu proyecto busca el icono que agregaste en el paso 9.

11

Sal de la ventana de propiedades dando clic en FileSetup y con clic derecho (o mediante Ctrl + X) corta el shortcut que acabas de crear.

Abre la carpeta User’s Desktop y pega el shortcut.

12

Repite el paso 11, si quieres crear un acceso en el Menu de Programas, pero ahora en lugar de cortar el icono y pegarlo en la carpeta User Desktop, haz lo propio en User’s Program Menu.

13

Ahora en el Exporador de Soluciones da clic en tu proyecto de Setup y presiona F4. Esto te llevará al Panel “DEployment Project Properties”.

Llena los datos que te solicitan, los más importantes son:

Author: tú nombre, o el del autor de la aplicación

Description: Descripción del Setup

Localization: Idioma en el que estará tu instalador

Manufacturer: Compañía para la que creas el producto

Product Name: Nombre de tu programa

TargetPlatform: 86x o 64x

Manufacturer y Product Name son indispensables para que puedas saber en que carpeta se colocará tu ejecutable ya que se coloca en una carpeta dentro de “Archivos de Programa” (x86 si elegiste este Target) / Product Name. Así que si no llenas en estos campos te será complicado manejarlo con tu cliente.

14

Finalmente regresa al Solution Explorer y da clic derecho en la solución y da clic en “Build…”

Una vez hecho esto tendrás tu instalador creado, el cual incluirá todas las dll’s que tu proyecto necesite para correr, el instalador se generará en la carpeta “Debug” o “Release” de tu proyecto. Para verla puedes dar clic derecho en tu proyecto de setup en “Solution Explorer” y dar clic en “Open Folder in File Explorer”.

15

Copia la carpeta Debug o Release (Según sea el Target que hayas seleccionado) y distribuye tu instalación a quien quieras.

Espero que este pequeño Tutorial les sea de utilidad. Por el momento lo coloco sin ilustraciones, pero en los próximos días las agregaré y además un video para que sea una mejor guía.

Si tienen alguna pregunta, o algo sale mal, por favor déjenlo en comentarios.

Saludos y hasta la próxima.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>