0
respostas

Redirecionamento Qr Code Url

Olá, fiz um Qr Code, e queria que quando lesse me trouxesse um link e esse link me leve a uma page com as informações de usuarios que cadastrei. essas são as informações cadastradas que quero recolher e ler: essas são as informações  cadastradas que quero recolher e ler

Esse é meu Qr Code em uma modal, quando clico em detalhes ele ja me tras o QrCode: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Porem quando leio o Qrcode ele me tras um link de localhost, e eu nao estou conseguindo criar uma page com as informações que preciso. Queria escanear o Qrcode, clicar na Url gerada e vizualisar os dados.

Código do QrCode:

<script>

    $(function(){

        let id = $("#id").val();
        let nome = $("#nome").val();
        let idade = $("#idade").val();
        let rg = $("#rg").val();

        let qrValue = `https://localhost:7146/QrCode/${id}`;

        const wrapper = document.querySelector(".wrapper"),
        qrInput = wrapper.querySelector(".form input"),
        generateBtn = wrapper.querySelector(".form button"),
        qrImg = wrapper.querySelector(".qr-code img");
        let preValue;

        qrInput.addEventListener("keyup", () => {
            if(!qrInput.value.trim()) {
                wrapper.classList.remove("active");
                preValue = "";
            }
        });

            if(!qrValue || preValue === qrValue) return;
            preValue = qrValue;

            qrImg.src = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${qrValue}`;
            qrImg.addEventListener("load", () => {
                wrapper.classList.add("active");
            });
    });
</script>

Código onde teria as informações da url do qrcode:

@model Cadastro_Ubuntu.Models.Ubuntu

@{
    ViewBag.Title = "Dados Registro Ubuntu";
}
<div class="container">
    <div class="text-center">
            <div class="modal-header">
                <h4 class="modal-title">Detalhes do Ubunto</h4>
            </div>
            <div class="modal-body">
                <hr />
                <dl class="dl-horizontal">
                    <dt>@Html.DisplayNameFor(model => model.Nome)</dt>
                    <dd>@Html.DisplayFor(model => model.Nome)</dd>
                    <dt>@Html.DisplayNameFor(model => model.Idade)</dt>
                    <dd>@Html.DisplayFor(model => model.Idade)</dd>
                    <dt>@Html.DisplayNameFor(model => model.Rg)</dt>
                    <dd>@Html.DisplayFor(model => model.Rg)</dd>
                </dl>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->

Alguém poderia me ajudar ?