Livro Digital - Programação para Web II 3

Prévia do material em texto

O projeto WildFly pode ser acessado através da URL: <wwiilldd��yy..oorrgg>.
Apesar de você poder fazer o download do software pelo website e instalação
separadamente através do arquivo, utilizaremos aqui uma abordagem diferente:
instalaremos através da própria Integrated Development Environment (IDE)
Eclipse.
FIGURA 3 - WEBSITE DO SERVIDOR DE APLICAÇÃO WILDFLY
FONTE: O autor
Inicialmente precisaremos fazer com que o Eclipse mostre a aba dos servidores,
visto que passaremos a utilizá-la com bastante frequência. Na �gura a seguir
mostramos a aba dos servidores na IDE
FIGURA 4 - ABA SERVIDORES NO ECLIPSE
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
2 of 30 26/06/2024, 16:24
http://wildfly.org/
http://wildfly.org/
Uma vez que a aba está disponível, devemos clicar com o botão direito do mouse e
selecionar a opção NNeeww -- >> SSeerrvveerr. Esta ação abrirá um novo diálogo, onde
devemos selecionar a opção destacada na Figura 6.
A próxima tela traz os servidores disponíveis para instalação no Eclipse. Devemos
selecionar a opção JbossAS Tools, con�rmar todas as licenças e prosseguir com a
instalação, conforme a Figura 7. Ao longo da instalação, algumas mensagens de
aviso serão mostradas e ao �nal, você será solicitado para reiniciar a IDE. Finalize o
procedimento e aguarde a reinicialização do Eclipse.
FIGURA 6 - DEFINIÇÃO DE UM NOVO SERVER
FONTE: O autor
FIGURA 7 - SELEÇÃO DO JBOSSAS TOOLS
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
4 of 30 26/06/2024, 16:24
FONTE: O autor
Ao �nal, pressione Finish e estaremos prontos para testar a instalação de nosso
servidor de aplicação. Na aba Server do Eclipse, deverá aparecer o servidor que
acabamos de instalar. Clique com o botão direito no mouse no servidor e selecione
a opção SSttaarrtt. O tempo necessário para a inicialização do WildFly dependerá
diretamente do desempenho de seu computador. Automaticamente, o Eclipse
seleciona a aba Console e várias mensagens geradas pelo WildFly aparecerão na
tela. É vital que você se habitue a observar atentamente o console quando for
testar suas aplicações, pois as mensagens de erro aparecem nesta aba.
FIGURA 9 - INSTALAÇÃO DO WILDFLY
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
6 of 30 26/06/2024, 16:24
a seguinte página, que é a página inicial do WildFly, que está executando
localmente na porta 8080, conforme a Figura 11.
FIGURA 11 - PÁGINA INICIAL DO WILDFLY EXECUTANDO EM LOCALHOST
FONTE: O autor
Caso você pre�ra utilizar uma IDE que já tenha o ambiente de Desenvolvimento
completo embutido, pode utilizar o NetBeans, que já vem com uma
implementação de referência da especi�cação JEE 7, conhecida como GlassFish. O
procedimento para instalação do NetBeans será demonstrado a seguir.
22 IINNSSTTAALLAAÇÇÃÃOO DDOO NNEETTBBEEAANNSS
O NetBeans é uma IDE desenvolvida pela Oracle que permite que você desenvolva
aplicações desktop, web e mobile em Java, bem como aplicações com HTML5,
JavaScript e CSS. A IDE possui ainda uma vasta gama de ferramentas para
desenvolvedores PHP e C/C++. É gratuita, open source e tem uma grande
comunidade de usuários e desenvolvedores ao redor do mundo (NETBEANS,
2015).
Ela pode ser obtida através do endereço <nneettbbeeaannss..oorrgg//ddoowwnnllooaaddss//iinnddeexx..hhttmmll>,
conforme a Figura 12. Neste endereço existem diversas versões para download,
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
8 of 30 26/06/2024, 16:24
https://netbeans.org/downloads/index.html
https://netbeans.org/downloads/index.html
FONTE: O autor
Caso deseje personalizar a instalação, retirando ou colocando itens, basta
selecionar a opção “Personalizar”. Esta opção leva para a tela de con�guração
mostrada na Figura 14. Recomendamos que você mantenha todas as
funcionalidades, com exceção do PHP e C/C++, que são completamente opcionais.
O Tomcat deve ser selecionado pois, caso sua aplicação não utilize funcionalidades
especí�cas de servidores de aplicação, ele representa uma opção mais leve e
performática. Aprenderemos que funcionalidades especí�cas são essas ao longo
do caderno.
A última tela antes da instalação propriamente dita é mostrada na Figura 15. Basta
selecionar a opção onde você diz que aceita os termos da licença e clicar em
�nalizar. O instalador procederá automaticamente com a cópia, descompactação e
download dos arquivos necessários ao NetBeans. Lembramos que a versão da
ferramenta poderá variar, dependendo de quando você fará a leitura do caderno e
download da mesma. O importante é sempre manter-se em versões superiores à
utilizada aqui, aumentando a probabilidade de compatibilidade.
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
10 of 30 26/06/2024, 16:24
FONTE: O autor
Uma vez que a instalação foi concluída, ao abrir a IDE nos deparamos com a tela
mostrada na Figura 16. Não é objetivo deste caderno a explicação das
funcionalidades do NetBeans, visto que inclusive utilizaremos o Eclipse para o
desenvolvimento de nossos exemplos. O Eclipse é melhor em algumas atividades e
o NetBeans em outras. Com o tempo e a utilização, você elegerá a sua favorita.
FIGURA 16 - INTERFACE DO NETBEANS
FONTE: O autor
Tutoriais sobre o NetBeans podem ser acessados gratuitamente no
endereço:<nneettbbeeaannss..oorrgg//kkbb//ddooccss//jjaavvaa//qquuiicckkssttaarrtt--gguuii..hhttmmll>.
Para o desenvolvimento das aplicações, precisaremos estabelecer conexão com
bancos de dados relacionais. A plataforma Java, através do JDBC e mais
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
12 of 30 26/06/2024, 16:24
https://netbeans.org/kb/docs/java/quickstart-gui.html
https://netbeans.org/kb/docs/java/quickstart-gui.html
FONTE: O autor
O próximo passo consiste em copiar o driver para o diretório adequado dentro da 
instalação do WildFly. Inicialmente localize o diretório onde o WildFly está instalado
e lá dentro, localize o diretório modules/com. Agora crie um diretório chamado
mysql e, dentro deste, outro diretório chamado main. O driver MySQL deverá ser
copiado para esta pasta recém criada. Crie também neste diretório um arquivo
vazio chamado module.xml.
FIGURA 18 - LOCAL DO DRIVER JDBC
FONTE: O autor
O conteúdo deste arquivo deverá ser igual ao da imagem abaixo, respeitando o
nome do arquivo que você copiou para dentro da pasta após o atributo path, na
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
14 of 30 26/06/2024, 16:24
FONTE: O autor
Para podermos realizar os testes da con�guração que acabamos de fazer, veri�que
se o MySQL está funcionando corretamente em seu computador, de outra forma,
não podemos nos conectar com ele através do WildFly. Feita esta veri�cação, abra
o Eclipse e encontre o WildFly na aba Servers, iniciando-o. Diversas mensagens
aparecerão no console, sendo que ao �nal devemos encontrar a mesma
mensagem que mostramos na Figura 10 desta unidade, o que demonstra que o
servidor iniciou sem erros. A garantia de que o datasource foi con�gurado
corretamente vem através de uma mensagem no console que mostra o nome de
todos os datasources con�gurados para aquela instância do servidor de aplicação.
No nosso caso, devemos buscar pelo nome jjaavvaa:://MMYYSSQQLL__DDSS, conforme mostra a
Figura 21.
FIGURA 21 - CONFIGURAÇÃO DEMONSTRADA NO CONSOLE
FONTE: O autor
44 IINNTTEEGGRRAAÇÇÃÃOO GGLLAASSSSFFIISSHH--MMYYSSQQLL
Unidade 1 - Tópico 2 
Livro Digital - Programaçãopara Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
16 of 30 26/06/2024, 16:24
FIGURA 23 - MYSQL JDBC DRIVER
FONTE: O autor
Pressione o botão Next e preencha as con�gurações mostradas na Figura 24 de
acordo com as con�gurações do MySQL instalado em seu computador. Ao �nalizar
as con�gurações, pressione o botão Test Connection e aguarde pela mensagem
Conection Succeeded, indicando que o Netbeans encontrou o banco de dados e
conseguiu se conectar.
Antes de realizar o procedimento de teste da conexão, certi�que-se de que o
MySQL está funcionando corretamente em seu computador e de que o
mesmo foi inicializado.
FIGURA 24 - CONFIGURAÇÃO DO MYSQL
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
18 of 30 26/06/2024, 16:24
FONTE: O autor
Para inicializar o Glass�sh, basta ir até a aba Services e escolher a opção Server.
Dentre os servidores listados, clique com o botão direito do mouse no Glass�sh e
em seguinda na opção Start, conforme a Figura 26. Quando o servidor terminar
seu processo de inicialização, você pode ir até o navegador web e digitar a URL
supracitada.
Pronto! Você agora está na interface de administração do Glass�sh (Figura 27). Da
mesma forma que no WildFly, existem inúmeras con�gurações que podem ser
feitas para otimizar o desempenho e performance do servidor de aplicação, mas
como este não é o objetivo desta disciplina, faremos as con�gurações mínimas
necessárias para o funcionamento dos exemplos que utilizaremos.
FIGURA 26 - INICIALIZAÇÃO DO GLASSFISH
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
20 of 30 26/06/2024, 16:24
Uma vez na interface de administração, selecione a opção JDBC/JDBC Connection
Pools, onde criaremos o pool de conexões para nosso datasource. Um pool de
conexões é uma espécie de cache de conexões com o banco de dados, mantidas
de forma que possam ser reutilizadas quando futuras requisições forem feitas,
otimizando recursos computacionais. A próxima tela lista todos os pools já
existentes e, para criar um novo pool, clique no botão New. A Figura 28 mostra as
con�gurações do primeiro passo para a criação do pool. Após preencher estas
con�gurações, clique em Next.
FIGURA 28 - CONFIGURAÇÃO DO POOL DE CONEXÕES
FONTE: O autor
Na tela seguinte existem vários campos que permitem con�guração, mas para
nossa �nalidade, devemos alterar somente as propriedades adicionais listadas na
Tabela 1:
   
TABELA 1 - PROPRIEDADES DO POOL DE CONEXÕES
PPrroopprriieeddaaddee VVaalloorr
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
22 of 30 26/06/2024, 16:24
FONTE: O autor
Ao clicar no pool recém criado, você será levado a uma tela que permite o teste do
mesmo através do botão Ping. Se o pool estiver funcionando, haverá uma
mensagem informando que o ping foi bem sucedido (Figura 30).
FIGURA 30 - TESTE DO POOL DE CONEXÕES
FONTE: O autor
Como último passo do processo, precisaremos criar o datasource propriamente
dito. Ainda na interface de administração do Glass�sh, selecione a opção JDBC/
JDBC Resources. Nesta tela estão listados todos os datasources disponíveis no
Glass�sh.  Para criar um novo, clique no botão New e preencha as con�gurações
da tela seguinte conforme demonstrado na Figura 31.
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
24 of 30 26/06/2024, 16:24
RREESSUUMMOO DDOO TTÓÓPPIICCOO
• De modo a podermos desenvolver, implantar e testar aplicações que utilizem
as tecnologias que fazem parte da especi�cação JEE, precisamos de um
servidor de aplicação - application server (AS).
• Entre as principais opções estão o Wild�y Application Server, disponibilizado
pela Red Hat e o GlassFish Application Server, disponibilizado pela Oracle.
• Para desenvolver aplicações corporativas podemos utilizar o Netbeans ou o
Eclipse, bastando con�gurá-lo para acessar o AS.
• O servidor de aplicação disponibiliza serviços de persistência através de JDBC,
JPA e JTA, havendo necessidade de con�guração de fontes de dados
(Datasources) para que os serviços funcionem.
AAUUTTOOAATTIIVVIIDDAADDEESS
NNeessttee ttóóppiiccoo vvooccêê vviiuu qquuee:
Unidade 1 - Tópico 2
1  Com a IDE Eclipse já instalada, apresente os passos para adicionar o WildFly ao
Eclipse?
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
26 of 30 26/06/2024, 16:24
Responder
4  A linguagem de programação Java possui vários frameworks de
desenvolvimento, cada um com sua vantagem. Neste contexto, o JSF é um deles, e
seu funcionamento é baseado em objetos. Referente ao framework JSF, analise as
a�rmativas a seguir:
   
I - O JSF é baseado em objetos que são mantidos em memória no servidor.
II - O JSF é baseado em objetos que são responsáveis pela geração do HTML
enviado ao navegador.
III - Os objetos em que o JSF se baseia, não possuem a capacidade de manter
valores em seu estado, não permitindo sua recuperação após várias requisições.
IV - A interface da aplicação em JSF é implementada em um arquivo xHTML.
    
Agora assinale a alternative CORRETA:
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
28 of 30 26/06/2024, 16:24
A) 
B) 
C) 
D) 
Responder
Tópico 1  Tópico 3
Conteúdo escrito por:
I, II e III
II e III
I, II e IV
II, III e IV
Todos os direitos reservados © Prof. Cristiano Roberto Franco
Unidade 1 - Tópico 2 
Livro Digital - Programação para Web II https://livrodigital.uniasselvi.com.br/ADS27_programacao_para_web_ii...
30 of 30 26/06/2024, 16:24