encode api response in java and decode in angular js

Question

Is there any way to encode api response from java and decode same in angular js when we read that response?

Here is detailed description, I have java code which sends an OTP to user mail after clicking login button and user has to enter the same for authentication. When I call api to send otp from angular js code that api is returning otp in response, which is required to verify whether user entered correct otp or not. issue is i can see otp by inspecting element in networks.

Can any one one tell me is there any way to hide response in networks or

get OTP(which is generated in java code and sent to mail) in angular js with out api call
or any built in methods/class which is compatible in both java and js

Don't see why you need to return the otp in response to angular in the first place. Just store it server side — charlietfl
– charlietfl, Commented Jan 17, 2018 at 14:54
A (more) secure approach would be to encrypt and temporarily store the OTP on the server (user's HTTP session, etc.) and not send it back to the client. The login attempt checks against the stored password on the server. — Andrew S
– Andrew S, Commented Jan 17, 2018 at 14:55
For people who doesn't know, OTP is the acronym of One-Time Password. en.wikipedia.org/wiki/One-time_password — Valentin Michalak
– Valentin Michalak, Commented Jan 17, 2018 at 15:18

Valentin Michalak · Accepted Answer · 2018-01-17 16:20:15Z

You cannot really hide network packets but you can change the direction of packet: It's better to send OTP from client to server and let server check if OTP is correct or not.

Step by step:

Client                  Server                     Mail
|     Request OTP Auth     |                          |
|------------------------->|                          |
|                          |                          |
|                          |     Send OTP by email    |
|                          |------------------------->|
|      ACK Response        |                          |
|<-------------------------|                          |
|                          |                          |
|      Send user OTP       |                          |
|------------------------->|                          |
|                          |                          |
|   Valid or Not Response  |                          |
|<-------------------------|                          |

To implement this, you could use user's HTTP sessions or Key/Value systems like redis.

ABODE · Accepted Answer · 2021-07-16 09:40:22Z

0

You can encode your response with Base64 encoding in java and decode it with atob() in angular. The atob() is a js function that decodes a base-64 encoded string.

If your api response is in JSON, you can first use ObjectMapper in java to convert the object into String before applying the base 64 e.g

Java

ObjectMapper mapper = new ObjectMapper();
            
try {
                
String mechant = mapper.writeValueAsString(service.accounts(id));
String mechantEncoded = Base64.getEncoder().encodeToString(mechant.getBytes());
}catch(Exception et){}

Note: object.toString() will not give you the string value of the object.

Angular

this.mechant = JSON.parse(atob(response.data));

edited Jul 16, 2021 at 9:40

answered Jul 16, 2021 at 9:16

ABODE

1,0182 gold badges16 silver badges14 bronze badges

Collectives™ on Stack Overflow

encode api response in java and decode in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related