Giter VIP home page Giter VIP logo

ibm / cognos-dashboard-demo Goto Github PK

View Code? Open in Web Editor NEW
24.0 20.0 38.0 28.5 MB

This is an Angular 5 and NodeJs demo application to demonstrate Cognos Dashboard Embedded, an IBM Cloud service that provides application developers with a way to add visualization and analytic capabilities to their application. Dev experience: https://ibm-cognos-dashboard-demo.ng.bluemix.net End-user experience: https://ibm-cognos-dashboard-demo.ng.bluemix.net/dashboard

Home Page: https://developer.ibm.com/patterns/build-a-dynamic-dashboard-application/

License: Apache License 2.0

JavaScript 24.64% Shell 1.64% TypeScript 51.00% CSS 7.42% HTML 15.30%

cognos-dashboard-demo's Introduction

Getting Started with CDE on IBM Cloud

This repo shows a Angular 5.0.0 + Node.js app that demos the IBM Cloud CDE service.

Architecture

Prerequisites

Deployment

In order to deploy to IBM Cloud, you'll need an IBM Cloud account. There are then 2 options to deploy.

Option 1:

Automatically deploy the app using the following deploy to IBM Cloud button.

Deploy to IBM Cloud

Option 2:

To run locally and deploy manually from the command line, follow the instructions below.

Repo setup

Getting started:

$ git clone
$ npm install

Running

Before running locally, please make sure to:

  1. Create a new CDE instance and service credentials in IBM Cloud
  2. Ensure that vcap-local.json contains the CDE credentials
  3. Ensure you update the dde_base_url in config-{env}.js and point it to the correct DDE instance.
$ npm run build

Manual Deployment Steps

Use the bx cli to deploy into IBM Cloud:

  1. Create a new Node.JS Cloud Foundry application in IBM Cloud (https://console.bluemix.net/)
  2. Update manifest.yml and environment / config values
  3. Build locally using npm run build or npm run build-prod
  4. Navigate to the app folder
  5. Issue command to set api endpoint: bx api <API-endpoint> (US South https://api.ng.bluemix.net)
  6. Issue command to login: bx login
  7. Follow the prompts to enter IBM Cloud credentials, select account, and target Cloud Foundry org/space
  8. Issue command to push: bx cf push

Angular setup (front-end only)

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Resources

ibm

License

This code pattern is licensed under the Apache Software License, Version 2. Separate third party code objects invoked within this code pattern are licensed by their respective providers pursuant to their own separate licenses. Contributions are subject to the Developer Certificate of Origin, Version 1.1 (DCO) and the Apache Software License, Version 2.

Apache Software License (ASL) FAQ

cognos-dashboard-demo's People

Contributors

annli2 avatar kant avatar keegancc avatar ljbennett62 avatar loafyloaf avatar mlangbehn avatar stevemart avatar susanqu avatar theannli avatar ykoyfman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cognos-dashboard-demo's Issues

Unknown Initialize API framework Error

Getting the following error on the "Initialize API framework" step after successfully creating a session.
image

The session info is logged in the console after the "Create a session" step but nothing logged when I run the "Initialize API framework" step. Thought it had something to do with the DDE base url being https://eu-gb.dynamic-dashboard-embedded.cloud.ibm.com instead of https://dde-us-south.analytics.ibm.com for my Congnos Dashboard Embedded service. However, after setting the DDE_BASE_URL environment variable I was still getting the same error.

I'm also seeing the same error message in the official demo https://ibm-cognos-dashboard-demo.ng.bluemix.net/

Unable to view sample dashboard.

cde-error

Either I am missing a step (limit setting???) or the code needs tweaking... Any guidance you can provide would be greatly appreciated as we are trying to evaluate whether or not this will work for reporting needs..

What is the DDE ?

re: Ensure you update the dde_base_url in config-{env}.js and point it to the correct DDE instance.
what is the DDE ?

Outdated Node.js version

the configured version of Node.js is not supported anymore by Cloud Foundry on IBM Cloud. Bumping it up to 10.x in package.json solved it.

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.