Google App Engine using Java 1

Outline Getting started Guestbook example Todo example Simplified Madlib 2

Install: Eclipse Java EE Install Eclipse Java EE (to support jsp) 3

Set Security, if needed If eclipse will not run because of Security, – System Preference – Security & Privacy – For “Eclipse” was blocked from opening, click “Open Anyway” 4

Install Google Plugin for Eclipse 4.3 Please follow the instruction at – l-eclipse l-eclipse-4.3 5

Create First GAE App in Eclipse File -> New – For me, I looked under Other and then Google to find Web Application Project – Click Next 6

Fill in Wizard See left for recommended info – Unchecked Use Google Web Toolkit – Checked Use App id Click Browse … to choose an App id 7

Create App id You will need to log in to Google first. Click Create App Id I recommend that you pick an appid such as yalecs112- -, e.g., yalecs112-yry3- guestbook for me 8

Directory Structure – src edu.yale.cs112 – [Servlets go here] – war [JSPs go here] lib – appengine-web.xml – web.xml 9

Directory Structure Java/Servlet code will go under src Pretty much everything else will go under war – Static files HTML CSS – Configuration files 10

Test First (Local Run) Right click project Go to Debug as (or Run as) > Web application Check Console to see message: – INFO: Dev App Server is now running After a few seconds, navigate to 11

If Everything Goes Well 12

Test Real Deployment Click on the g icon and then Deploy to App Engine The deployment may take a few min. If bored, you can login in to – google.com/ google.com/ To take a look at the status 13

Buggy GAE Sometime it may take a long time and eclipse still shows deploying, but the instance might have already been deployed. Check the GAE console – Click on the app id, and look for versions, or try – 14

Outline Getting started Guestbook example – Log in 15

Create Guestbook jsp Click on war, right click, New -> Other, specify jsp as filter, Next, specify guestbook.jsp, choose New JSP file (HTML), Finish 16

Create guestbookdemo.jsp Content See guestbook.jsp (cut-paste from ppt note) Make sure that you have guestbook.jsp to be under war 17

Configure Mapping war/WEB-INF/web.xml configures the mapping of the Web site, e.g., the first page (welcome page) to visit Change the welcome page from index.html to guestbook.jsp 18

19

Create CSS guestbook.jsp uses guestbookstyle.css to control display. Hence, add guestbookstyle.css – Click war, right click, New, Folder with name stylesheets. – Right click on the stylesheets folder > New > Other – Search for CSS File > Next – File name: guestbookstyle.css 20

21

Time to Test See Slide 12 22

Stop Server It is always a good idea to stop testing by clicking the red square 23

Outline Getting started Guestbook example – Log in – Post to guestbook 24

Add a Form to Allow Posting Insert before 25

Create SignGuestbookServlet.java See SignGuestbookServlet.java (see ppt note) 26

Update Mapping Tells App Engine that if a URL is to /sign, it will invoke the SignGuestbookServlet – Update war/WEB-INF/web.xml 27 sign edu.yale.cs112.SignGuestbookServlet sign /sign

28

Outline Getting started Guestbook example – Log in – Post to guestbook – Display content 29

Add Display of Existing Msgs See guestbook.jsp Step 3 part 30

Time to Test See Slide 12 31

Outline Getting started Guestbook example Todo example 32

33

Todo Illustrates how to use Java Persistence API (JPA) to store data EngineJava/article.html 34

JPA Basic Idea Each data item is represented as a Class 35

Create First GAE App in Eclipse File -> New – For me, I looked under Other and then Google to find Web Application Project – Click Next 36

Fill in Wizard See left for recommended info – Unchecked Use Google Web Toolkit – Check “Use App id” Click Browse … to choose an App id 37

Create App id You will need to log in to Google first. Click Create App Id I recommend that you pick an appid such as yalecs112- -todo, e.g., yalecs112-yry3- todo for me 38

Directory Structure – src edu.yale.cs112 – [Servlets go here] – war [JSPs go here] lib – appengine-web.xml – web.xml 39

Directory Structure Java/Servlet code will go under src Pretty much everything else will go under war – Static files HTML CSS – Configuration files 40

Test First (Local Run) Right click project Go to Debug as (or Run as) > Web application Check Console to see message: – INFO: Dev App Server is now running After a few seconds, navigate to 41

If Everything Goes Well 42

Test Real Deployment Click on the g icon and then Deploy to App Engine The deployment may take a few min. If bored, you can login in to – google.com/ google.com/ To take a look at the status 43

Buggy GAE? Sometime it may take a long time and eclipse still shows deploying, but the instance might have already been deployed. Check the GAE console – Click on the app id, and look for versions, or try – 44

Create Todo.java Model Click src, edu.yale.cs1 12, right click, new Class Todo, make package edu.yale.cs1 12.model 45

Check persistence.xml Check META-INF/persistence.xml 46

Create EMFService 47

Create Two Servlets 48

Outline Getting started Guestbook example Todo example Simplified Madlib 49