uPort in browser

uport.js

<script src="https://unpkg.com/uport-connect/dist/uport-connect.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


<script type="text/javascript">
  function uport() {
    try {
      const u = new window.uportconnect.Connect('blockimmo', {
        clientId: '2ohEPzgzsh7gm68BUcHQMkfaQs8BA4ysatY',
        network: 'rinkeby',
      });

      const req = { requested: ['email', 'name'] };
      const topic = u.topicFactory('access_token');
      axios.post('https://e1xgmgtsjc.execute-api.eu-central-1.amazonaws.com/dev/v0.0.1/requests', { req, network_id: u.network.id, callbackUrl: topic.url }).then((r) => {
        // CLOSE YOUR POP-UP
        document.getElementById('somedialog').style.display = 'none';

        const uri = `me.uport:me?requestToken=${encodeURIComponent(r.data.requestToken)}`;
        u.request({ uri, topic }).then((jwt) => {
          axios.post('https://e1xgmgtsjc.execute-api.eu-central-1.amazonaws.com/dev/v0.0.1/receives', { jwt, url: topic.url }).then((response) => {
            console.log(response.data.res);

            document.getElementById('mm-name').value = response.data.res.name.split(' ')[0];
            document.getElementById('mm-surname').value = response.data.res.name.split(' ').pop();
            document.getElementById('mm-email').value = response.data.res.email;
            
            // OPEN YOUR POP-UP
            document.getElementById('somedialog').style.display = '';
          });
        });
      });
    } catch (err) {
      console.error(err);
      
      // OPEN YOUR POP-UP
      document.getElementById('somedialog').style.display = '';
    }
  }
</script>