DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Hong Qiu for Solace Developers

Posted on • Originally published at solace.com on

How to Build a Simple Chat App with Solace (Part 3)

Further thoughts on FPGA co-processing and performance

This is part 3 of a series of blog posts in which I walk through the creation of a simple chat app with Solace PubSub+. In the first part, I explained how to create a simple chat app that can send and receive messages via a direct topic subscription. In the second I explained how to modify the sample code so the application consumes messages from a queue. In this part, I’ll explain how to send a REST POST request from a login page to a dummy authentication service fronted by Solace PubSub+.

Specifically, you will:

  • Add a server URL
  • Complete fetch parameters

Prerequisites

Level

  • Beginner

Add a Server URL

By adding a server URL, you define where the REST POST request is sent to. To add a server URL, do the following:

  1. In your code editor, check out the developer-exercise-3 branch or in your command line, enter git checkout remotes/origin/developer-exercise-3 -f
  2. Open the solaceauth.js file under src > main > resources > static > scripts Open the solaceauth.js
  3. Enter the highlighted code to add the server URL (Line 15).
//Enter serverUrl var serverUrl = β€˜http://localhost:8081/solace/cloud/proxy’,
Enter fullscreen mode Exit fullscreen mode

This URL sends the request through our web application server, which sends it to our Solace instance.

Complete Fetch Parameters

The fetch method defines how information is obtained from the server. Do the following to add the method and headers parameters:

  1. Enter the highlighted code to add POST as the method (Lines 22-23).
//Complete fetch parameters; method and headers fetch(serverUrl, { method: β€œPOST”,
Enter fullscreen mode Exit fullscreen mode
  1. Under the above code, enter the highlighted code to set the content-type of the request header (Lines 24-25).
headers: { β€œContent-Type”: β€œapplication/json; charset=utf-8”,
Enter fullscreen mode Exit fullscreen mode

This tells the receiving server to deal with the REST message content in JSON format with the UTF-8 character encoding.

  1. In your code editor, type mvn spring-boot:run to run the application.
  2. In your Web browser, enter localhost:8081 to see the login page.
  3. Type any username and password. You should get a β€œLogin Failed” message. This is because we have just sent the REST POST request to the Solace instance and have not yet set up the login server. We will do that in the next tutorial.

Congratulations!

You have added login functionalities to the Web application to send a REST POST request to Solace PubSub+.

In Part 4 of the series (coming soon), you will learn how to add a simple authentication server.

Related Resources

The post How to Build a Simple Chat App with Solace (Part 3) appeared first on Solace.

Top comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.