IBM Bluemix Lab - - Java Cache Web Application Tony Yang - - PowerPoint PPT Presentation

▶

Aug 28, 2023 320 likes •952 views

IBM Bluemix Lab - - Java Cache Web Application Tony Yang Todays Lab includes Part 1: Setup accounts and prerequisites Part 2: Start your first APP on Bluemix Part

SLIDE 1

IBM ¡ ¡Bluemix Lab

‑
‑ Java ¡

¡Cache ¡ ¡Web ¡ ¡Application

Tony ¡Yang

SLIDE 2

Today’s ¡ ¡Lab ¡ ¡includes…

Part ¡1: Setup ¡accounts ¡and ¡prerequisites Part ¡2: Start ¡your ¡first ¡APP ¡on ¡Bluemix Part ¡3: Cloud ¡Foundry ¡CLI Part ¡4: Modify ¡APP ¡using ¡DevOps

SLIDE 3

Lab ¡ ¡#0: ¡ ¡Pre-‑

‑requisites
1. Create ¡Bluemix ¡account ¡(IBM ¡ID) ¡
2. Register ¡IBM ¡DevOps ¡Services ¡and ¡link ¡to ¡Jazz ¡ID
3. Install ¡the ¡cf ¡command ¡line ¡interface

SLIDE 4

Login ¡IBM ¡Bluemix:

http://www.bluemix.net

SLIDE 5

SLIDE 6

SLIDE 7

Registration ¡has ¡been ¡completed

SLIDE 8

Check ¡the ¡e-‑mail ¡notification ¡from ¡IBM ¡Bluemix

SLIDE 9

Validate ¡your ¡account

SLIDE 10

Use ¡your ¡IBM ¡ID ¡to ¡sign-‑in

SLIDE 11

Congratulations!

SLIDE 12

Register ¡IBM ¡DevOps ¡Services ¡ and ¡link ¡to ¡Jazz ¡ID

SLIDE 13

https://hub.jazz.net/

SLIDE 14

SLIDE 15

Use ¡your ¡IBM ¡ID ¡to ¡log ¡in ¡to ¡DevOps ¡Services

SLIDE 16

SLIDE 17

SLIDE 18

SLIDE 19

Install ¡CloudFoundry ¡(cf) Command ¡Line ¡Interface

SLIDE 20

Download ¡cf ¡Command ¡Line ¡Interface

https://github.com/cloudfoundry/cli/releases (請下載適合您作業系統的Installer)

SLIDE 21

SLIDE 22

SLIDE 23

We ¡are ¡ready!

SLIDE 24

Lab ¡ ¡#1: Create ¡ ¡a ¡ ¡Java ¡ ¡Cache ¡ ¡Web ¡ ¡ Application ¡ ¡on ¡ ¡Bluemix

SLIDE 25

Step ¡1: ¡Login ¡Bluemix

SLIDE 26

Step ¡2: ¡select ¡“CATALOG” ¡tab

SLIDE 27

Step ¡3: ¡Select ¡“Java ¡Cache ¡Web ¡ Starter” ¡in ¡Boilerplates

SLIDE 28

Step ¡4: ¡Name ¡your ¡application ¡ and ¡click ¡“CREATE”

SLIDE 29

Step ¡5: ¡Check ¡your ¡application ¡ status

SLIDE 30

Step ¡6: ¡Play ¡with ¡your ¡new ¡ application ¡on ¡Bluemix

SLIDE 31

Lab ¡#1 ¡completed!

SLIDE 32

Lab ¡ ¡#2: Use ¡ ¡cf ¡ ¡Command ¡ ¡Line ¡ ¡Interface

SLIDE 33

Step ¡1: ¡Click ¡on ¡the ¡Java ¡Web ¡ Application ¡you ¡just ¡created

SLIDE 34

Step ¡2: ¡Click ¡“View ¡Quick ¡Start”

SLIDE 35

Step ¡3: ¡Download ¡the ¡Java ¡Web ¡ Application ¡package

SLIDE 36

Step ¡4: ¡Please ¡follow ¡the ¡steps ¡ listed ¡in ¡Quick ¡Start

SLIDE 37

Extract ¡the ¡package ¡and ¡cd ¡to ¡the ¡ directory

SLIDE 38

Summary ¡of ¡cf ¡commands ¡used

Connect ¡to ¡Bluemix ¡API ¡end ¡point

cf ¡api

Log ¡into ¡Bluemix

cf ¡login

Setup ¡organization ¡and ¡space ¡target ¡(optional)

cf ¡target

Deploy ¡your ¡application

cf ¡push

SLIDE 39

Demo ¡(if ¡time ¡permits)

Use ¡Eclipse ¡to ¡update ¡and ¡re-‑build ¡the ¡code, ¡and ¡

use ¡cf ¡command ¡to ¡push ¡it ¡to ¡Bluemix.

SLIDE 40

Lab ¡#2 ¡completed!

SLIDE 41

Lab ¡ ¡#3: Modify ¡ ¡and ¡ ¡Deploy ¡ ¡Application ¡ ¡ using ¡ ¡IBM ¡ ¡DevOps Services

SLIDE 42

Step ¡1: ¡

Click ¡on ¡the ¡sample ¡application ¡on ¡ the ¡DASHBOARD ¡tab

SLIDE 43

Step ¡2: ¡Click ¡“ADD ¡GIT”

SLIDE 44

Step ¡3: ¡Input ¡IBM ¡ID ¡information

SLIDE 45

Step ¡4: ¡Continue ¡to ¡create ¡git ¡ repository

SLIDE 46

Step ¡5: ¡Confirm ¡success.

SLIDE 47

Step ¡6: ¡Click ¡“EDIT ¡CODE” ¡to ¡ connect ¡to ¡the ¡JazzHub

SLIDE 48

Step ¡7: ¡On ¡the ¡JazzHub ¡web ¡editor, ¡ find ¡WebContent ¡> ¡index.html ¡

SLIDE 49

Step ¡8: ¡Change ¡the ¡content ¡of ¡the ¡ <h1> ¡title

(Hint: ¡use ¡Ctrl-‑F ¡to ¡search ¡for ¡“h1”)

SLIDE 50

Step ¡9: ¡Save ¡the ¡changes ¡using ¡ File ¡> ¡Save

SLIDE 51

Step ¡10: ¡Switch ¡to ¡“Git ¡Repository” ¡ view ¡

SLIDE 52

Step ¡11: ¡View ¡the ¡changes, ¡add ¡ comment, ¡and ¡COMMIT

SLIDE 53

Step ¡12: ¡Click ¡FETCH ¡to ¡sync ¡with ¡ remote ¡master

SLIDE 54

Step ¡13: ¡PUSH ¡the ¡outgoing ¡ changes ¡to ¡remote ¡repository

SLIDE 55

Step ¡13 ¡(cont’d)

SLIDE 56

Step ¡14: ¡Switch ¡to ¡BUILD ¡& ¡Deploy

SLIDE 57

Step ¡15: ¡Request ¡a ¡build ¡and ¡auto ¡ deploy ¡it ¡to ¡Bluemix

Note: ¡It ¡may ¡take ¡some ¡time ¡to ¡complete ¡the ¡build ¡and ¡deployment.

SLIDE 58

Step ¡15: ¡Request ¡a ¡build ¡and ¡auto ¡ deploy ¡it ¡to ¡Bluemix ¡(cont’d)