How to get x-gcp-marketplace-token in my ReactJS signup page?

Google Cloud Integration Services
1

I’m developing a Google Marketplace Saas Integration currently .

I’m stuck in the frontend integration as of now . Reference : https://cloud.google.com/marketplace/docs/partners/integrated-saas/frontend-integration

I’ve created 2 pages using ReactJS i.e. Signup page and Login page and deployed my frontend code .

kZ7MKucb.png
kZ7MKucb.png1217×587 73.3 KB

As we can see from the above doc snippet " When they click the button, Google Cloud sends an HTTP POST request to your sign up page, with a JSON Web Token (JWT) in the x-gcp-marketplace-token parameter. "

Google Cloud makes an HTTP POST request to my signup page ? How do I get this x-gcp-marketplace-token that Google is sending in my Signup page ???

App.jsx file code:

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Signup from "./pages/Signup/Index"
import Login from "./pages/Login/Index";
function App() {

  return (
    <>
      <Router>
        <Routes>
          <Route path="/" element={<Login />}/>
          <Route path="/signup" element={<Signup />} />
        </Routes>
      </Router>
    </>
  )
}

export default App

Signup page code:

const Signup = () => {
  
  const [form] = Form.useForm();
  const dispatch = useDispatch();

  // signup handler 
  const handleSignup = async (values) => {
    const params = new URLSearchParams(window.location.search);
    console.log("params logged :",params)
    const jwt = params.get('x-gcp-marketplace-token');
    if (!jwt) {
        alert('No JWT token found.');
        return;
    }
    dispatch(signup({...values,jwt}))
    form.resetFields()

  };

  return (
    <>
      {/* Signup form built using Ant Design */}
    </>
  )
}

export default Signup

Tried to get x-gcp-marketplace-token in my Signup page but no success . expected to receive x-gcp-marketplace-token in url params .

1 Like
2

I am struggling with the same.

1 Like
3

Hi,

Thanks for reaching out! It seems the question is about Marketplace Saas Integration but the tag being used is for “Application Integration”, which is a different product (https://cloud.google.com/application-integration)). If this is the case, kindly suggest to use the correct tag for faster routing.

Thanks,

Haitao

2 Likes
4

thanks for replying , will do it . Can you tell me which tag to use ?