Блог

Главная - Вопросы по программированию - Ошибка ссылки: openpgp не определен

Ошибка ссылки: openpgp не определен

#javascript #html #openpgp

#javascript #HTML #openpgp

Вопрос:

Я нахожусь в процессе создания простого расширения Chrome, которое может шифровать и расшифровывать строки с помощью библиотеки OpenPGP. Однако, похоже, я не могу определить OpenGPG и постоянно получаю сообщение об ошибке:

 ReferenceError: openpgp is not defined

Я определил библиотеку OpenGPG в своем HTML-файле, которая, как я думаю, делает ее доступной во всем мире, верно?

Мой код HTML и JS приведен ниже

JS-файл с моим шифрованием. Очень ранняя версия, но просто хотел запустить ее, прежде чем определять ключи и добавлять эту логику.

     document.getElementById("encryptTest").addEventListener('click', () => {
        console.log("Popup DOM fully loaded and parsed");
    
        async function encryptString() {
            // put keys in backtick (``) to avoid errors caused by spaces or tabs
            const publicKeyArmored = `-----BEGIN PGP PUBLIC KEY BLOCK-----
        ...
        -----END PGP PUBLIC KEY BLOCK-----`;
            const privateKeyArmored = `-----BEGIN PGP PRIVATE KEY BLOCK-----
        ...
        -----END PGP PRIVATE KEY BLOCK-----`; // encrypted private key
            const passphrase = `yourPassphrase`; // what the private key is encrypted with
        
            const { keys: [privateKey] } = await openpgp.key.readArmored(privateKeyArmored);
            await privateKey.decrypt(passphrase);
        
            const { data: encrypted } = await openpgp.encrypt({
                message: openpgp.message.fromText('Hello, World!'),                 // input as Message object
                publicKeys: (await openpgp.key.readArmored(publicKeyArmored)).keys, // for encryption
                privateKeys: [privateKey]                                           // for signing (optional)
            });
            console.log(encrypted); // '-----BEGIN PGP MESSAGE ... END PGP MESSAGE-----'
            const { data: decrypted } = await openpgp.decrypt({
                message: await openpgp.message.readArmored(encrypted),              // parse armored message
                publicKeys: (await openpgp.key.readArmored(publicKeyArmored)).keys, // for verification (optional)
                privateKeys: [privateKey]                                           // for decryption
            });
            console.log(decrypted); // 'Hello, World!'
        }
    
        //We have permission to access the activeTab, so we can call chrome.tabs.executeScript:
        chrome.tabs.executeScript({
            code: '('   encryptString   ')();' //argument here is a string but function.toString() returns function's code
        });
    });

HTML-файл

 <!DOCTYPE html>
<html>
  <head>
    <style>
        body {
            width: 350px;
            height: 500px;
        }
      button {
        height: 50px;
        width: 150px;
        outline: none;
      }
      input {
        width: 95%;
        padding: 5px;
        margin-right: 15px;
        margin-top: 50px;
      }
      .decrypt {
        margin-top: 10px;
        width: 150px;
        height: 35px;
      }
    </style>

  </head>
  <body>
      <h1>AIS PGP Exam Encryption</h1>
    <button id="generateKey">Generate Key</button>
    <button id="htmlGrabber">Get HTML</button>
    <input placeholder="Private Key"></input>
    <input placeholder="Message to Decrypt"></input>
    <button class="decrypt">Decrypt Message</button>
    <button id="encryptTest">Test</button>
  </body>
  <script src="../js/jquery-3.5.1.min.js"></script>
  <script src="../js/openpgp.min.js"></script>
  <script src="../js/encrypt.js"></script>
  <script src="../js/htmlGrabber.js"></script>
</html>

Ответ №1:

Я думаю, проблема в том, что функция изолирована в вашем коде. Также убедитесь, что он правильно определен в вашем HTML-файле. Добро пожаловать в Stack Overflow 🙂 !