If you have accounts of your users in your system - you can effectively provide this data using a JSON Web Token generated on your server to authenticate users on your public roadmap. This mechanism is called Single Sign-On.
How to generate a token
Here are the instructions on how to generate and use a token for signing in users automatically on your public roadmap or in your widgets
Get required parameters from your ProdCamp account
Login to your ProdCamp account (you must be an account administrator)
Go to the Settings page and then to the Workspace tab
On the Workspace tab, there are two important things that you will need to generate a token: Workspace Id and Secret key. You will need it a bit later in this article.
Install library
First, you need to install a specific library for working with JWT tokens
npm install --save jsonwebtoken
# Read more here:
https://www.nuget.org/packages/System.IdentityModel.Tokens.Jwt/
# Read more here:
https://mvnrepository.com/artifact/io.jsonwebtoken/jjwt/0.7.0
composer require firebase/php-jwt
sudo gem install jwt
pip install PyJWT
go get github.com/dgrijalva/jwt-go
Generate the token
Copy and insert the Secret key from the Workspace tab to the SecretKey variable in the snippet. Fill in the user data by providing user email, first name, last name, etc., and the Workspace Id. Then encode this data using the secret key like it's shown below:
var jwt = require('jsonwebtoken');
var SecretKey = 'your_secret_key';
function createToken() {
var userData = {
avatarUrl: 'user_avatar_url',
email: 'johndoe@foo.com' // required
firstName: 'John',
lastName: 'Doe',
company: JSON.stringify({
name: 'Foo Company',
revenue: 1000
}),
workspace_id: '01234567-1c34-1b34-1234-cecb45ab891f' // required
};
return jwt.sign(userData, SecretKey, {algorithm: 'HS256'});
}
var token = createToken();
private static string SecretKey = "your_secret_key";
public static string CreateToken()
{
var securityKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(SecretKey));
var credentials = new SigningCredentials(securityKey, SecurityAlgorithms.HmacSha256Signature);
var tokenHandler = new JwtSecurityTokenHandler();
// edited on Aug 3, 2023
// const header = new JwtHeader(credentials);
var header = new JwtHeader(credentials);
var tokenDescriptor = new SecurityTokenDescriptor
{
Subject = new ClaimsIdentity(
new List<Claim>() {
new Claim("email", "johndoe@foo.com"), // required
new Claim("avatarUrl", "user_avatar_url"),
new Claim("firstName", "John"),
new Claim("lastName", "Doe"),
new Claim("company",
// Newtonsoft.Json library usage
JsonConvert.SerializeObject(new {
Name = "Foo Company",
Revenue = 1000
})
),
new Claim("workspace_id", "01234567-1c34-1b34-1234-cecb45ab891f") // required
}
),
// edited on Aug 3, 2023
// SigningCredentials = creds
SigningCredentials = credentials
};
var token = tokenHandler.CreateToken(tokenDescriptor);
return tokenHandler.WriteToken(token);
}
import java.util.HashMap;
import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
public class TokenFactory {
private static final String SecretKey = "your_secret_key";
public static String createToken() throws Exception {
HashMap<String, Object> userData = new HashMap<String, Object>();
// new CompanyDTO(companyName, revenue)
CompanyDTO companyDto = new CompanyDTO("Foo Company", 1000);
Gson gson = new Gson();
String companyJson = gson.toJson(companyDto);
userData.put("email", "johndoe@foo.com");
userData.put("avatarUrl", "user_avatar_url");
userData.put("firstName", "John");
userData.put("lastName", "Doe");
userData.put("company", companyJson);
userData.put("workspace_id", "01234567-1c34-1b34-1234-cecb45ab891f"); // required
return Jwts.builder()
.setClaims(userData)
.signWith(SignatureAlgorithm.HS256, SecretKey.getBytes("UTF-8"))
.compact();
}
}
How to use the token to authenticate public roadmap users
After that, you can use the generated token inside the query parameter of a public roadmap URL like https://roadmap.prodcamp.com?token={generated_token} and provide this link somewhere inside your app to quickly redirect your users to your public roadmap page where they will be automatically authenticated and will have the ability to leave feedback right away.
You can also use this token to secure your widgets from any unauthorized access. Learn more here.