203 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
Watson Conversation How-Tos have been published
Tue, Nov 21st 2017 107
Building Facebook Messenger Bots with Botkit and Watson
Thu, Nov 16th 2017 34
Creating Alexa Skills with OpenWhisk and IBM Watson
Thu, Nov 16th 2017 36
Integrating Applications without writing Code
Tue, Nov 14th 2017 19
Pictures from W-JAX 2017
Fri, Nov 10th 2017 6
Using regular Expressions for Entities in Conversations
Fri, Nov 3rd 2017 7
My Favorite IBM Developer Journeys
Wed, Oct 18th 2017 3
Top 10
Watson Conversation How-Tos have been published
Tue, Nov 21st 2017 107
Creating Alexa Skills with OpenWhisk and IBM Watson
Thu, Nov 16th 2017 36
Building Facebook Messenger Bots with Botkit and Watson
Thu, Nov 16th 2017 34
Deploying Angular 2 Apps to Bluemix
Tue, Apr 11th 2017 24
Integrating Applications without writing Code
Tue, Nov 14th 2017 19
New Slots Filling Functionality in Watson Conversation
Fri, Jun 23rd 2017 14
Sample of the Watson Retrieve and Rank Service
Tue, Jan 12th 2016 12
Understanding Natural Language Text via Watson Knowledge Studio
Tue, Apr 4th 2017 11
Simple Sample of the Watson Dialog Service in Bluemix
Tue, Dec 8th 2015 10
How to invoke OpenWhisk Actions for certain IoT Device Events
Mon, May 9th 2016 10


Deploying Angular 2 Apps to Bluemix
Twitter Google+ Facebook LinkedIn Addthis Email Gmail Flipboard Reddit Tumblr WhatsApp StumbleUpon Yammer Evernote Delicious
Niklas Heidloff    

Over the last months I’ve done quite a lot of Angular 2 development (now Angular 4). Below is a description how to create a new Angular app and deploy it as Docker container to Bluemix in just a few minutes.

In order to create a new Angular app you can use the Angular CLI.

npm install -g @angular/cli
ng new angular-app
cd angular-app
ng build --prod

There are several ways to deploy Angular apps to Bluemix. For example you can build a simple Node.js web server to host the files. Or you can leverage existing HTTP servers like nginx. You can use nginx in the Cloud Foundry staticfile-buildpack or in Docker. Since I experienced issues with the Cloud Foundry buildpack (I couldn’t enforce https), the following steps show how to use Docker.

Copy the following lines in the file ‘Dockerfile’ in your project’s root directory.

FROM nginx:latest
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY dist /usr/share/nginx/html

Copy the following lines into ‘nginx.conf’. There are many other features nginx provides that can be configured in this file, e.g. gzip settings and caching.

server {
  listen 80;
  charset utf-8;
  sendfile on;
  root /usr/share/nginx/html;
 
  location / {
    expires -1;
    add_header Pragma "no-cache";
    add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0";

    try_files $uri $uri/ /index.html = 404;
  }

  location /bluemix/ {
    proxy_pass https://openwhisk.ng.bluemix.net; 
  }    
}

The location ‘/bluemix’ is an example how to invoke a REST API from your Angular app, in this case to invoke an OpenWhisk action.

Next the Docker container needs to be built.

docker build -t angular-app .
docker tag angular-app registry.ng.bluemix.net/nheidloff/angular-app
docker push registry.ng.bluemix.net/nheidloff/angular-app

There are different ways to run the container on Bluemix. For example as scalable container group or in a Kubernetes cluster. For testing purposes you can also run the container as single instance with a public IP address:

bx ic run --name angular-app -p 80 -m 128 registry.ng.bluemix.net/nheidloff/angular-app
bx ic ips
bx ic ip-bind 169.46.26.176 angular-app
bx ic inspect angular-app

This is the file structure of the Angular project.

angular2bluemix

The post Deploying Angular 2 Apps to Bluemix appeared first on Niklas Heidloff.



---------------------
http://heidloff.net/article/angular-2-bluemix-docker-nginx
Apr 11, 2017
25 hits



Recent Blog Posts
107
Watson Conversation How-Tos have been published
Tue, Nov 21st 2017 8:22a   Niklas Heidloff
I’ve written two How-Tos which describe how to use the Watson Conversation tools Ansgar Schmidt and I had open sourced. The new page on developer.ibm.com contains How-Tos which describe everything that might be of interest for developers using the IBM Cloud. In contrast to patterns How-Tos are typically shorter and sometimes contain ‘only’ documentation and no source code. Inspecting Watson Conversations REST Requests “This how-to explains how to set up and use the commu
34
Building Facebook Messenger Bots with Botkit and Watson
Thu, Nov 16th 2017 10:54a   Niklas Heidloff
I’ve implemented a sample Facebook Messenger bot which leverages the Node.js library Botkit and IBM Watson Conversation. With Botkit you can build bots for Slack, Facebook Messenger, Twilio and other messaging clients. For natural language understanding different services can be used, for example IBM Watson, Api.ai, Wit.ai or Rasa. Most of the code can be shared for Slack and Facebook Messenger bots. Check out the code on GitHub. Similarly to my sample Slack bot, the Facebook Messenger bo
36
Creating Alexa Skills with OpenWhisk and IBM Watson
Thu, Nov 16th 2017 8:43a   Niklas Heidloff
My first code pattern (formerly known as developer journeys) has been published on developer.ibm.com/code. The pattern describes how to build Alexa skills with OpenWhisk. Rather than using intent and entity identification from Alexa, Watson Conversation is used. This allows developers to define conversation flows declaratively and developers can reuse conversations that are available in the Bot Asset Exchange. My colleague Mark Sturdevant improved the documentation and created a video. Check out
19
Integrating Applications without writing Code
Tue, Nov 14th 2017 2:52p   Niklas Heidloff
IBM App Connect is an IPaaS (Integration Platform as a Service) to connect different applications without having to write code. Similarly to IFTTT users are typically business users or citizen developers from line of business departments. App Connect provides currently roughly 50 connectors to integrate applications like Salesforce, SAP, Slack and Gmail. See the documentation for details. Users can graphically build flows that are either event-triggered, for example if a document is changed in a
6
Pictures from W-JAX 2017
Fri, Nov 10th 2017 10:32a   Niklas Heidloff
This week I attended W-JAX in Munich, Germany, which is a developer conference with 1400 attendees with a focus on Java and enterprise technologies. My colleagues and I presented and demonstrated the IBM Cloud and the IBM Code developer site. Below are some pictures. The IBM team: Discussions with developers at the booth: I gave a session about Slack bots and IBM Watson Conversation: One thing I really liked was a demo another company gave at their booth. They connected Anki Overdrive cars to
7
Using regular Expressions for Entities in Conversations
Fri, Nov 3rd 2017 8:06a   Niklas Heidloff
In conversational experiences entities are used to identify classes of objects in user phrases, for example ‘city’ or ‘person’. Watson Conversation supports entity definitions with predefined lists of potential values and synonyms. Recently a new capability has been added so that you can also use regular expressions to identify entities (beta). This functionality is useful when, for example, you want to identify email addresses, phone numbers or URLs without predefining a
3
My Favorite IBM Developer Journeys
Wed, Oct 18th 2017 3:12p   Niklas Heidloff
The team of developer advocates within IBM has created a new site with journeys for developers. Journeys are sample scenarios that are available as open source, well documented and easy to reuse and deploy. There are roughly 60 journeys right now and new ones are published regularly. Check out the journeys at developer.ibm.com/code/journey. Here are my favorite journeys: Make Java microservices resilient with Istio “Twelve-factor apps make a strong case for designing and implementing you
9
Fast On-Ramp for building Cloud-Native Apps
Tue, Oct 17th 2017 9:32a   Niklas Heidloff
In order for developers to get started quickly to build applications and deploy them on the IBM Cloud, new starter kits have been made available. Check out the new IBM Cloud App Service. You can choose from several template the type of application or microservice you want to build: Express.js Backend, Express.js React, Java MicroProfile, Java Spring Backend, Swift Kitura, Python Microservice and more. Additionally you can create new or select existing IBM Cloud services, for example the Watson s
5
How to write your own Slack Chatbots in Javascript
Mon, Oct 16th 2017 2:54p   Niklas Heidloff
Last week Ansgar Schmidt and I gave a session at Codemotion How to write your own Slack Chatbots in Javascript. Below are the slides with screenshots of our demos. We demonstrated how to write a Node.js application that uses Botkit to connect with Slack and that uses IBM Watson Conversation as natural language processing service. Get the code of our sample from GitHub. The post How to write your own Slack Chatbots in Javascript appeared first on Niklas Heidloff.
4
Composing Serverless Apps with IBM Cloud Functions
Tue, Oct 10th 2017 8:13p   Niklas Heidloff
Today at Serverlessconf IBM announced a new key capability (as IBM Research preview) of IBM Cloud Functions. With the new tool ‘Composer‘ apps can be created which contain multiple cloud functions. These apps coordinate the invocations of actions and the data flow. Compared to the previously available action sequences the new functionality is much more flexible. Cloud functions are typically rather simple and focussed on specific tasks which is why people often refer to cloud functio




Created and Maintained by Yancy Lent - About - Planet Lotus Blog - Advertising - Mobile Edition