Scopri come creare un modulo HTML che utilizzi il metodo POST
HTTP per inviare i dati forniti dall'utente a un servlet Java in esecuzione su App Engine.
Prima di iniziare
Configura l'ambiente di sviluppo e crea il tuo progetto App Engine.
Creazione di un modulo
Crea un modulo HTML utilizzando JavaServer Pages (JSP).
Il seguente codice JSP genera un modulo per creare un post del blog. Prevede tre campi di immissione di testo, title
, author
e content
, e include un pulsante Save
che invia i dati al servlet:
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<div class="container">
<h2>
Create a new blog post
</h2>
<form method="POST" action="/create">
<div>
<label for="title">Title</label>
<input type="text" name="title" id="title" size="40" value="${fn:escapeXml(blog.title)}" class="form-control" />
</div>
<div>
<label for="author">Author</label>
<input type="text" name="author" id="author" size="40" value="${fn:escapeXml(blog.author)}" class="form-control" />
</div>
<div>
<label for="description">Post content</label>
<textarea name="description" id="description" rows="10" cols="50" class="form-control">${fn:escapeXml(blog.content)}</textarea>
</div>
<button type="submit">Save</button>
</form>
</div>
Questo modulo invia i dati del modulo al gestore all'URL /create
. Devi utilizzare la funzionalità escapeXml
di JSP per contrastare gli attacchi cross-site scripting (XSS), come mostrato nello snippet di codice. Di seguito sono riportate le istruzioni per la creazione del gestore di moduli.
Gestione dei dati dei moduli
Una volta che l'utente invia i dati del modulo, questi vengono gestiti da un gestore di moduli. Nello snippet seguente, il gestore di moduli è un servlet denominato createBlogPost
:
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.annotation.WebServlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@SuppressWarnings("serial")
@WebServlet(name = "createBlogPost", value="/create")
public class createBlogPost extends HttpServlet {
@Override
public void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
PrintWriter out = resp.getWriter();
out.println(
"Article with the title: " + req.getParameter("title") + " by "
+ req.getParameter("author") + " and the content: "
+ req.getParameter("description") + " added.");
}
}
Nota l'annotazione @WebServlet(name = "createBlogPost", value="/create")
, che mappa il servlet all'URI dove gestisce le richieste: /create
. Per gli sviluppatori che hanno familiarità con il runtime Java 7 di App Engine, questa annotazione sostituisce i mapping precedentemente creati nel file web.xml
.
Deployment in App Engine
Puoi eseguire il deployment della tua applicazione in App Engine utilizzando Maven.
Vai alla directory principale del progetto e digita:
mvn package appengine:deploy -Dapp.deploy.projectId=PROJECT_ID
Sostituisci PROJECT_ID con l'ID del tuo progetto Google Cloud. Se il file pom.xml
specifica già l'ID progetto, non è necessario includere la proprietà -Dapp.deploy.projectId
nel comando che esegui.
Dopo che Maven ha eseguito il deployment dell'app, apri automaticamente una scheda del browser web nella nuova app digitando:
gcloud app browse
Passaggi successivi
Come estensione della gestione dei dati utente, puoi utilizzare Cloud SQL, Cloud Datastore o Cloud Storage per archiviare i dati: