English | 中文

Table Of Content

• Table Of Content
  • Preparation
    • BTP Account
    • Tools
  • Development
  • Test(local)
  • Deployment
  • Test(BTP subaccount)
  • Refrence

Preparation

BTP Account

Use this link to apply and setup the BTP trial or enterpise enviroment

Tools

Nodejs

Install and setup Nodejs.

IDE

we can use the VSC as you favourite development IDE, or other IDE you like.

• VSC Install the vetrur extension

CF Command line

Dowanload and Configration : Download and Install the Cloud Foundry Command Line Interface

Direct Download link: https://github.com/cloudfoundry/cli#downloads

Development

Steps:

1. Install the vue cli via the command : npm install -g @vue/cli

2. create vue project via the command : vue ui or vue create my-project

3. add dev and prod mode envrioment variable for multiple development mode under root folder

   

   fileName: .env.dev

     NODE_ENV = 'dev'
     VUE_APP_PORT=3000
   

   fileName: .env.prod

     NODE_ENV = 'prod'
     VUE_APP_PORT=80
   

4. add vue.config.js

and here is the example code :

   var env = process.env.NODE_ENV;
   var bdisaBleHostCheck = false;
   let evnPort = process.env.PORT;

   if (env === "dev") {
       evnPort = 3000;
       bdisaBleHostCheck = false
   } else {
       bdisaBleHostCheck = true;
   }

   module.exports = {
       devServer: {
           port: evnPort,
           disableHostCheck: bdisaBleHostCheck
       }
   }

Test(local)

Run Vue project with command line npm run serve

Test it with the link : http://localhost:8080/#

and then get this page .

After that , the nodejs applciation is working fine

Deployment

Deploy for BTP:

1. set cloud foundry endpoint via command :

   cf api {EndpointURL}

   EndpointURL you can find in your subaccount :

2. login to your BTP endpoint with your btp user and password command :

   cf login

3. add manifest.yml for CF BTP development

   

4. configure the route and nodejs buildpacks

here we suggest use bellow format as recomendation :

  {subdomain}-{appname}.{cfappdoman}

subdomain:

appname: defined by business

cfappsdomain: user the command cf domains to get the domain url

Example:

 ---
 applications:
 - name: nodejsapp
   command: npm run serve
   memory: 400M
   path: btpnodejs
   buildpacks: 
     - nodejs_buildpack
   routes: 
       - route: 91ccc175trial-nodejsapp.cfapps.ap21.hana.ondemand.com 

5. Deploy your nodjs project to your BTP Subaccount

   command :

   cf push

Test(BTP subaccount)

1. Navigte to your space

2. Go you applcation

3. Get applicaiton URL

4. Test it with the URL

   {applicaitonURL}/#/
   

   After get the below response, then your nodejs application is working fine

   

Refrence

Create and Deploy Your First Node.js App: btp-nodejs-deploy

Vue JS guide : VueJs Guide