Git Product home page Git Product logo

arifunlu / generator-easy-ui5 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sap/generator-easy-ui5

0.0 0.0 0.0 709 KB

Generator for OpenUI5-based web-apps which use the official UI5 tooling and support deployment targets such as the SAP Cloud Platform

Home Page: https://blogs.sap.com/2019/02/05/introducing-the-easy-ui5-generator/

License: Apache License 2.0

JavaScript 90.75% CSS 0.16% HTML 9.09%

generator-easy-ui5's Introduction

Easy UI5 Generator

NPM version Build Status Dependency Status License Status

Description

Easy-ui5 is a Yeoman generator which enables you to create simple OpenUI5-based web-apps within seconds.

This generator has been created to simplify the creation of your OpenUI5 prototypes. Now you can scaffold simple UI5 projects from the shell/terminal of your choice. The current best practices (such as async) are already baked into our templates so you don't have to worry about the definition of the metadata files.

The purpose of this generator is to guide you on your first steps with SAPUI5 and SAP Cloud Platform deployments. Once you are familiar with those technologies, you might want to tweak the projects to adapt them for productive use-cases (such as continuous deployment pipelines and full i18n).

Installation

  1. Get Node.js (version 8.5 or higher)
  2. Install the generator
    npm install -g yo generator-easy-ui5
  3. Verify your installation to see if Yeoman has been installed correctly
    yo
    Make sure you see the easy-ui5 generator listed.

Usage

Create your first OpenUI5 App within a few seconds!

  1. Scaffold your OpenUI5 project
    yo easy-ui5
    
  2. Answer the prompts to create your OpenUI5 project
  3. Run it locally
    cd <your project name>
    npm start
    

Add a new view

This sub-generator will create a new view (of the same type you specified during the creating of your project) and a new controller.

yo easy-ui5:newview

Create a custom control

Run the following command from your project's root to scaffold a custom control.

yo easy-ui5:newcontrol

Deployment

Depending on your target platform you'll need to install additional tools:

Cloud Foundry Embedded in Application Router

Required tools

  1. Create a free SAP Cloud Platform Cloud account
  2. Install the Cloud Foundry Command Line Interface
    cf login
  3. Install the MultiApps CF CLI Plugin

Deploy

Call this command from the root directory to deploy the application to Cloud Foundry

npm run deploy

Cloud Foundry within the HTML5 Application Repository

Required tools

  1. Create a free SAP Cloud Platform Cloud account
  2. Install the Cloud Foundry Command Line Interface
    cf login
  3. Install the MultiApps CF CLI Plugin cf install-plugin -r CF-Community "multiapps"

Deploy

Call this command from the root directory to deploy the application to Cloud Foundry

npm run deploy

Optional: Install the HTML5 Applications Repository CF CLI Plugin:

cf install-plugin -r CF-Community "html5-plugin"

With this tool you can update your web app without the need to deploy a new cloud application:

cf html5-push -n html5_repo_host .

HANA XSA

Required tools

  1. SAP HANA or create a free SAP HANA Express system
  2. Install the XS CLI Client
    xs login

Deploy

Call this command from the root directory to deploy the application to HANA XSA

npm run deploy

Embedded Technologies

This project leverages (among others) the following Open Source projects:

Support

Please use the GitHub bug tracking system to post questions, bug reports or to create pull requests.

Contributing

We welcome any type of contribution (code contributions, pull requests, issues) to this easy-ui5 generator equally.

Please follow our instructions if you would like to contribute.

To-Do

The following aspects/features are not yet implemented:

  • Add more target platforms:
    • SAP Cloud Platform Neo environment
    • SAP NetWeaver

Contributions are very much appreciated.

License

Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.

generator-easy-ui5's People

Contributors

jonathanbaker7 avatar matz3 avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.