Preface

13

Who This Book Is For

13

How This Book Is Organized

14

Acknowledgments

15

Conclusion

15

1 Overview of SAP Fiori Launchpad

17

1.1 Introduction to SAP Fiori Launchpad

17

1.1.1 End User’s Perspective

18

1.1.2 Administrator’s Perspective

18

1.1.3 Developer’s Perspective

19

1.2 Versions of SAP Fiori Launchpad

19

1.2.1 SAP Fiori Launchpad for SAP NetWeaver with SAP_UI Component

19

1.2.2 SAP Fiori Launchpad in UI Add-On for SAP NetWeaver

20

1.2.3 SAP Fiori Launchpad for SAP Cloud Platform

20

1.2.4 SAP Fiori Launchpad for SAP S/4HANA Cloud

21

1.2.5 SAP Fiori Launchpad for SAP HANA XS Advanced

21

1.2.6 SAP Fiori Launchpad for SAP Enterprise Portal

21

1.3 Development Capabilities of SAP Fiori Launchpad

21

1.3.1 Embed SAPUI5 Applications in SAP Fiori Launchpad

22

1.3.2 Client-Side Services

22

1.3.3 Extend SAP Fiori Launchpad

22

1.3.4 Custom Tile Types for SAP Fiori Launchpad

23

1.3.5 Plug-ins for SAP Fiori Launchpad

23

1.4 Summary

23

2 Development Environment Setup

25

2.1 Cloud-Based Development Environment

25

2.1.1 Register SAP Cloud Platform Trial Account

26

2.1.2 Open SAP Web IDE Full-Stack Version

29

2.1.3 Activate SAP Cloud Platform Portal Service

31

2.2 On-Premise Development Environment

38

2.2.1 Prerequisites

39

2.2.2 Create a Virtual Machine

45

2.2.3 Install the Operating System

49

2.2.4 Prepare the Operating System for SAP NetWeaver AS ABAP

55

2.2.5 Install SAP NetWeaver AS ABAP Components

64

2.2.6 Post-Installation Steps

66

2.3 Connect a Cloud Environment to an On-Premise Environment

80

2.3.1 Install SAP Cloud Connector

80

2.3.2 Set Up SAP Cloud Connector

84

2.3.3 Create a Destination in SAP Cloud Platform

92

2.4 Summary

95

3 SAPUI5 Applications in SAP Fiori Launchpad

97

3.1 Architecture

97

3.2 Intent-Based Navigation

101

3.3 Embedding SAPUI5 Applications

103

3.3.1 Testing SAPUI5 Apps

103

3.3.2 Provisioning Application Title and Description

106

3.3.3 Proposing an Intent

107

3.4 Navigation between SAPUI5 Applications

112

3.4.1 Set Up Test Environment for Cross-Application Navigation

112

3.4.2 Calling Navigation Services

115

3.4.3 Test Supportability

117

3.4.4 Navigation Back to Previous App

119

3.4.5 Configuring Navigation Targets in App Descriptor

121

3.5 Passing Parameters between Apps

124

3.6 Summary

126

4 Client-Side Services

127

4.1 User Info Service

128

4.1.1 Creating and Testing a Simple SAPUI5 Application

129

4.1.2 Exploring the User Info Service API

140

4.1.3 Creating and Testing a Complex SAPUI5 Application

148

4.2 Bookmark Service

167

4.2.1 Creating an SAPUI5 Application

167

4.2.2 Using Additional Functions

177

4.3 Personalization Service

179

4.3.1 Creating an SAPUI5 Application

179

4.3.2 Data Storage Locations

184

4.3.3 Handling Complex Data

185

4.4 Summary

188

5 Extensibility

189

5.1 Extension Options

189

5.2 App Title Information Extensions

192

5.2.1 Preparing a Project

193

5.2.2 Changing the App Title

196

5.2.3 Changing the Title Context Menu

198

5.3 Shell Header Extensions

201

5.3.1 Preparing a Project

201

5.3.2 Setting a Secondary Header Title

203

5.3.3 Managing Header Items

204

5.3.4 Managing Extension Element States

210

5.4 Launch Page Extensions

211

5.4.1 Preparing a Project

211

5.4.2 Adding a Subheader

213

5.4.3 Adding a Footer Bar

214

5.4.4 Adding Tool Area Items

215

5.5 Me Area Extensions

218

5.5.1 Preparing a Project

218

5.5.2 Adding a Button to the Me Area

220

5.5.3 Adding Setting Options

221

5.5.4 Fetching Data from Custom Setting Options

223

5.6 Summary

225

6 Custom Tile Types

227

6.1 Creating a Custom Tile

227

6.1.1 Basics of a Generic Tile

227

6.1.2 Creating a Generic Tile

229

6.1.3 Organizing Tile Content

231

6.1.4 Creating a Slide Tile

235

6.1.5 Adding Content to Your Tile

236

6.2 Deploying a Custom Tile to SAP Cloud Platform

237

6.2.1 Deploying Your Tile to SAP Cloud Platform Portal

237

6.2.2 Applying Your Tile to an SAP Fiori App

240

6.2.3 Setting and Parsing Parameters

243

6.2.4 Implementing Navigation

247

6.3 Deploying a Custom Tile to SAP NetWeaver AS ABAP

248

6.3.1 Developing a Tile

249

6.3.2 Creating a CHIP Description File

251

6.3.3 Deploying Your Tile as an SAPUI5 Application

253

6.3.4 Registering Your Tile

255

6.3.5 Creating a Configuration Screen

258

6.3.6 Setting and Getting Parameters

264

6.4 Summary

267

7 Plug-Ins

269

7.1 Developing a Plug-In

269

7.1.1 Creating a Plug-In Using a Template

270

7.1.2 Adjusting Implementation Code

274

7.1.3 Testing Your Plug-In

275

7.2 Deploying the Plug-In on SAP Cloud Platform

277

7.2.1 Deployment and Activation

278

7.2.2 Avoiding Multiple Code Executions

282

7.2.3 Working with Configurable Parameters

284

7.3 Deploying the Plug-In on SAP NetWeaver AS ABAP

287

7.3.1 Deployment

287

7.3.2 Configuration

289

7.4 Predefined Plug-Ins

295

7.4.1 Plug-In for Setting User Defaults

295

7.4.2 Plug-In for Activating Runtime Authoring

296

7.5 Summary

296