Giter VIP home page Giter VIP logo

example-restclient-myworkapp-nodejs's Introduction

Example REST Client My Work App: Node.js

This project contains source code for a Node.js web application that interacts with ServiceNow's REST APIs including a Scripted REST API. The simple use case is a "MyWork" application which displays a user's current tasks and allows comments to be added. This application demonstrates how to build the MyWork app using Node.js. To see the same use case implemented in iOS, see Example REST Client My Work App: iOS.

Architecture

Here is an overview of the MyWork application architecture. Note both this Node.js application and the iOS application are represented in the diagram. Architecture diagram


Prerequisites


Install the Node.js project on your host. This could be your laptop or a server where you have installed Node.js.

  1. Clone the project and install dependencies
    • Git clone
    $ git clone https://github.com/ServiceNow/example-restclient-myworkapp-nodejs.git
    $ cd example-restclient-myworkapp-nodejs
    $ npm install
    --or--
    • Download the full project as a Zip file
    <unzip>
    $ cd example-restclient-myworkapp-nodejs
    $ npm install
  2. Install the MyWork Update Set in your ServiceNow instance. This is a ServiceNow scoped application which contains the Task Tracker API Scripted REST API and related files. Note that you must have the admin role on your ServiceNow instance to install update sets.
    1. Obtain the "My Work" update set
      • Download the update set from share.servicenow.com
        --or--
      • Get the update set from the directory where you cloned the GitHub repository: example-restclient-myworkapp-nodejs/mywork_update_set/sys_remote_update_set_2f48a7d74f4652002fa02f1e0210c785.xml
    2. Install the Update Set XML
      1. In your ServiceNow instance, navigate to Retrieved Update Sets
      2. Click Import Update Set from XML
      3. Click Choose File, browse to find the downloaded update set XML file from Step 1, and click Upload
      4. Click to open the My Work update set
      5. Click Preview Update Set
      6. Click Commit Update Set
    3. Verify the MyWork Update Set installed using the API Explorer
      1. In your ServiceNow instance, navigate to Scripted REST APIs
      2. Open the Task Tracker Scripted REST API, then open the My Tasks API resource
      3. Click Explore REST API (this opens the API in the REST API Explorer)
      4. In the API Explorer, click Send and verify the API request is sent and receives a 200-OK response

Running the Node.js application

Start the Node.js server

$ cd example-restclient-myworkapp-nodejs
$ node server.js
Server listening on: http://localhost:3000

By default the Node application will listen for requests on localhost port 3000. Navigate in your web browser to http://localhost:3000 and you should see the login screen for the My Work application.

To run the server on a different port, use the --port=xxxx option

$ node server.js --port=8080
Server listening on: http://localhost:8080

For more information about available options, use --help

$ node server.js --help

Usage: node server.js [ -h ] [ -p <port> ] [ -v ]
   -h, --help                  Show this usage help
   -p <port>, --port=<port>    HTTP server listen port (default 3000)
   -v, --verbose               Verbose HTTP output
$

About the application

In this application, the web browser is the client which makes HTTP calls to the Node.js server 'server.js' to get task details.

Server side, the Node application uses the Task Tracker Scripted REST API to get the list of tasks assigned to the logged-in user. Dispatchers handle interaction between Node and the ServiceNow instance.

Functional flow

1. Login

Login

After starting the Node.js web server, navigate your browser to http://localhost:3000. You're presented with a login page where you need to input your ServiceNow instance name (for example, if your instance URL is https://myinstance.service-now.com, then enter myinstance into the Instance text box).

Enter the user ID and password for a user on the instance. This application uses Basic Authentication to manage user authentication with the ServiceNow REST API. When a user enters credentials, an HTTP POST call is made to the /login endpoint of the Node.js server), which internally establishes a session to the REST API.

NOTE: The application makes all REST API calls from the Node.js server side, as opposed to client side from the web browser. This application could also be refactored so that the API calls would be made from the client (such as using AJAX), but that was not the intention of this example application.

On successful login the user is directed to the /tasks endpoint. On failure, the user is directed to the login page to reenter credentials.

After login, the application displays the tasks assigned to the user grouped by task type. The application uses the Task Tracker API to retrieve the list of tasks from ServiceNow. The logged in user must have access to view the tasks (such as Incidents, Problems, Tickets) for these tasks to be returned in the REST API and subsequently displayed in the 'MyWork App'.

> REST API Call: Get user details (Table API)

GET /api/now/v2/table/sys_user?user_name=john.doe

2. View my tasks

Task List

Click an item in the list to open the task details.

> REST API Call: Get my tasks (Task Tracker API)

GET /api/x_snc_my_work/v1/tracker/task

3. View task detail/add comment

Task Details

Comments can be added to a task and will appear on the work notes for the task both in this application as well as within ServiceNow.

> REST API Calls: Get comments, Add comment (Task Tracker API, Table API)

GET /api/now/v2/table/sys_journal_field?element_id=<task_id>

POST /api/x_snc_my_work/v1/tracker/task/{task_id}/comment
{"comment":"Hello, world!"}

Application Flow Detail

App Flow

Client side

On the client side, the application uses AngularJS for client side scripting and interaction with the Node.js server. Each page is associated with an Angular controller.

Page Controller Details
login.html loginController.js Collect user instance and credentials
task_list.html taskListController.js List of tasks assigned to the user
task_detail.html taskDetailController.js Details of a single task, view and add comments

Server side

The Node.js server has 2 components: dispatchers and sn_api module.

  • Dispatchers (<this repo>/dispatcher)
    • Dispatch calls to ServiceNow REST API endpoints using the sn_api module. The 2 dispatchers used by this app are detailed below
  • sn_api module (<this repo>/sn_api)
    • Encapsulate the details of sending REST API calls to ServiceNow

loginDispatcher.js: handles user authentication. The dispatcher handles calls reaching /login endpoint of Node.js server.

Node endpoint HTTP Method Details
/login POST Uses the REST Table API to query for user details from the sys_user table (GET /api/now/v2/table/sys_user) in ServiceNow.

taskDispatcher.js: handles any task related interaction with ServiceNow instance. The dispatcher handles calls to 3 endpoints.

Node endpoint HTTP Method Details
/tasks GET Uses the Task Tracker Scripted REST API to get tasks assigned to a user (GET /api/x_snc_my_work/v1/tracker/task)
/tasks/:task/comments GET Uses the REST Table API to query for a task's work notes from the sys_journal_field table (GET /api/now/v2/table/sys_journal_field)
/tasks/:task/comments POST Uses the Task Tracker Scripted REST API to add a comment (work note) to a task (POST /api/x_snc_my_work/v1/tracker/task/{task_id}/comment)

Session management

Two types of sessions are managed by the application, between:

  • Browser and Node.js web application
  • Node.js server and ServiceNow instance

When a user enters credentials on the login page, the browser POSTs them to the /login endpoint of the Node.js server. The Node.js server creates a session object and makes an HTTP GET to the REST Table API to retrieve the sys_user record from ServiceNow.

If the request is successful then a session is automatically created on ServiceNow and the response contains cookies that can be used to bind to the same session. These cookies are stored in the session object in Node.js. On subsequent calls to ServiceNow REST endpoints, the cookies are retrieved from the session object and applied to outgoing requests.

To process a logout, an HTTP DELETE call is made to the /logout endpoint, in which the session object is deleted for the user.


Sample REST API requests/responses

1. Login/retrieve user account

The initial request to ServiceNow submits the user credentials and retrieves the user account. This establishes a session with ServiceNow which can be maintained by saving and resending the cookies returned from the first request.

Here is an equivalent sample curl request. It saves the response cookies in a new file called cookies.txt. The same file is specified on subsequent request in order to apply all cookies.

$ curl --verbose --request GET \
--header "Accept: application/json" \
--user "john.doe:password" --cookie cookies.txt --cookie-jar cookies.txt \
 "https://myinstance.service-now.com/api/now/v2/table/sys_user?user_name=john.doe&sysparm_fields=user_name,first_name,last_name,sys_id"

> GET /api/now/v2/table/sys_user?user_name=john.doe&sysparm_fields=user_name,first_name,last_name,sys_id HTTP/1.1
> Authorization: Basic am9obi5kb2U6cGFzc3dvcmQ=
> Host: myinstance.service-now.com
> Accept: application/json

< HTTP/1.1 200 OK
< Set-Cookie: JSESSIONID=3BFF4F3A8AC5F4695E0477F6F8E34BDE;Secure; Path=/; HttpOnly
< Set-Cookie: glide_user="";secure; Expires=Thu, 01-Jan-1970 00:00:10 GMT; Path=/; HttpOnly
< Set-Cookie: glide_user_session="";secure; Expires=Thu, 01-Jan-1970 00:00:10 GMT; Path=/; HttpOnly
< Set-Cookie: glide_user_route=glide.787db27f9eb4d8275f143168c5481c86;secure; Expires=Mon, 27-Mar-2084 19:32:44 GMT; Path=/; HttpOnly
< Set-Cookie: glide_session_store=292391354F4212008A5AB895F110C722; Expires=Wed, 09-Mar-2016 16:48:37 GMT; Path=/; HttpOnly
< Set-Cookie: BIGipServerpool_myinstance=2927640842.52542.0000; path=/
< X-Total-Count: 1
< Pragma: no-store,no-cache
< Cache-control: no-cache,no-store,must-revalidate,max-age=-1
< Expires: 0
< Content-Type: application/json;charset=UTF-8
< Transfer-Encoding: chunked
{
  "result": [
    {
      "first_name": "John",
      "last_name": "Doe",
      "sys_id": "ea2bc1b14f4212008a5ab895f110c7d1",
      "user_name": "john.doe"
    }
  ]
}

2. Get user's tasks

Next, the user's tasks are retrieved. Note how the cookies from the first request are sent with subsequent requests, and user credentials no longer need to be sent:

$ curl --verbose --request GET \
--header "Accept: application/json" \
--cookie cookies.txt --cookie-jar cookies.txt \
 "https://myinstance.service-now.com/api/x_snc_my_work/v1/tracker/task"

> GET /api/x_snc_my_work/v1/tracker/task HTTP/1.1
> Host: myinstance.service-now.com
> Cookie: BIGipServerpool_myinstance=2927640842.52542.0000; JSESSIONID=3BFF4F3A8AC5F4695E0477F6F8E34BDE; glide_session_store=292391354F4212008A5AB895F110C722; glide_user_route=glide.787db27f9eb4d8275f143168c5481c86
> Accept: application/json

< HTTP/1.1 200 OK
< Set-Cookie: glide_user="U0N2Mjo1ODczMTEzNTIxNDIxMjAwOWE3NDgyZDFlZjg3Mzk4OQ==";Secure; Version=1; Max-Age=2147483647; Expires=Mon, 27-Mar-2084 19:34:00 GMT; Path=/; HttpOnly
< Set-Cookie: glide_user_session="U0N2Mjo1ODczMTEzNTIxNDIxMjAwOWE3NDgyZDFlZjg3Mzk4OQ==";Secure; Version=1; Path=/; HttpOnly
< Set-Cookie: glide_session_store=292391354F4212008A5AB895F110C722; Expires=Wed, 09-Mar-2016 16:24:53 GMT; Path=/; HttpOnly
< Pragma: no-store,no-cache
< Cache-control: no-cache,no-store,must-revalidate,max-age=-1
< Expires: 0
< Content-Type: application/json;charset=UTF-8
< Transfer-Encoding: chunked
{
  "result": {
    "Incident": [
      {
        "short_desc": "my computer doesn't work",
        "snowui": "https://myinstance.service-now.com/incident.do?sys_id=061c92d26f030200d7aecd9c5d3ee4f8",
        "number": "INC0010021",
        "sys_id": "061c92d26f030200d7aecd9c5d3ee4f8",
        "link": "https://myinstance.service-now.com/api/now/v2/table/incident/061c92d26f030200d7aecd9c5d3ee4f8",
        "created": "2015-10-14 07:45:55"
      }
    ],
    "Problem": [
      {
        "short_desc": "Unknown source of outage",
        "snowui": "https://myinstance.service-now.com/problem.do?sys_id=d7296d02c0a801670085e737da016e70",
        "number": "PRB0000011",
        "sys_id": "d7296d02c0a801670085e737da016e70",
        "link": "https://myinstance.service-now.com/api/now/v2/table/problem/d7296d02c0a801670085e737da016e70",
        "created": "2014-02-04 04:58:15"
      },
      {
        "short_desc": "Getting NPE stack trace accessing link",
        "snowui": "https://myinstance.service-now.com/problem.do?sys_id=fb9620914fc212008a5ab895f110c7c4",
        "number": "PRB0040010",
        "sys_id": "fb9620914fc212008a5ab895f110c7c4",
        "link": "https://myinstance.service-now.com/api/now/v2/table/problem/fb9620914fc212008a5ab895f110c7c4",
        "created": "2016-03-07 23:47:43"
      }
    ]
  }
}

3. Add a comment

To add a comment, send a POST request with a JSON payload using the Task Tracker API.

$ curl --verbose --request POST \
--header "Accept: application/json" --header "Content-Type: application/json" \
--cookie cookies.txt --cookie-jar cookies.txt \
--data '{"comment":"Hello, world!"}' \
 "https://myinstance.service-now.com/api/x_snc_my_work/v1/tracker/task/d7296d02c0a801670085e737da016e70/comment"

> POST /api/x_snc_my_work/v1/tracker/task/d7296d02c0a801670085e737da016e70/comment HTTP/1.1
> Host: myinstance.service-now.com
> Cookie: BIGipServerpool_myinstance=2927640842.52542.0000; JSESSIONID=3BFF4F3A8AC5F4695E0477F6F8E34BDE; glide_session_store=292391354F4212008A5AB895F110C722; glide_user="U0N2Mjo1ODczMTEzNTIxNDIxMjAwOWE3NDgyZDFlZjg3Mzk4OQ=="; glide_user_route=glide.787db27f9eb4d8275f143168c5481c86; glide_user_session="U0N2Mjo1ODczMTEzNTIxNDIxMjAwOWE3NDgyZDFlZjg3Mzk4OQ=="
> Accept: application/json
> Content-Type: application/json
> Content-Length: 27
{"comment":"Hello, world!"}

< HTTP/1.1 201 Created
< Set-Cookie: glide_session_store=292391354F4212008A5AB895F110C722; Expires=Wed, 09-Mar-2016 16:29:58 GMT; Path=/; HttpOnly
< Content-Type: application/json
< Transfer-Encoding: chunked
{
  "data": "Successfully inserted"
}

example-restclient-myworkapp-nodejs's People

Contributors

bryanbarnard avatar codersmith avatar joseph-messerschmidt 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.