Простое веб-приложение ипотечного калькулятора

В этом примере показано, как создать веб-приложение и разместить его на версии разработки Сервера Веб-приложения MATLAB®. Пример использует простое приложение калькулятора из App Designer как базис для веб-приложения. Для получения информации о приложении и численных значениях можно войти, видеть Приложение, которое Вычисляет и Отображает Данные на графике На основе Числового Входа. В рабочем процессе, вас:

  • Группируйте простое приложение калькулятора из App Designer с помощью приложения Web App Compiler или compiler.build.webAppArchive в MATLAB Compiler™. Этот шаг создает архив веб-приложения (.ctf) файл.

  • Разверните архив веб-приложения (.ctf) файл к версии разработки MATLAB Web App Server.

  • Запустите веб-приложение от домашней страницы веб-приложений.

Необходимые условия

  1. Установите и сконфигурируйте версию разработки MATLAB Web App Server™.

  2. Скопируйте файл App Designer Mortgage.mlapp к вашей текущей рабочей директории. Местоположение по умолчанию файла:

    Операционная системаРасположение файла по умолчанию
    Windows®C:\Program Files\MATLAB\R2021a\examples\matlab\main\Mortgage.mlapp
    Linux®/usr/local/MATLAB/R2021a/examples/matlab/main/Mortgage.mlapp
    macOS/Applications/MATLAB/R2021a.app/examples/matlab/main/Mortgage.mlapp

Пакет и создает веб-приложение Используя Web App Compiler

  1. StartMatlab.

  2. Введите webAppCompiler в командной строке MATLAB, чтобы открыть приложение Web App Compiler.

  3. В разделе MAIN FILE панели инструментов нажмите кнопку, чтобы добавить Mortgage.mlapp файл к проекту. Web App Compiler автоматически изменяет размер, чтобы включать раздел App details, который содержит информацию о приложении, таком как имя приложения, автор, сводные данные, описание и версия. Можно отредактировать информацию о приложении в App Designer путем нажатия на Edit App Details. Нажмите Refresh, чтобы обновить Web App Compiler с любыми изменениями, которые вы внесли.

    • (Необязательно) Убедитесь, что использовали имя отображения, которое легко отличить, когда ваше веб-приложение развертывается на сервере.

    • (Необязательно) Обеспечьте номер версии для отслеживания целей. Номер версии отображается на домашней странице веб-приложений.

    • (Необязательно) Добавьте описание для своего веб-приложения в поле Summary. Это описание отображается на домашней странице веб-приложений.

  4. В разделе Archive information задайте архивное имя как myMortgageWebApp.

  5. Нажмите Package, чтобы группировать приложение и создать архив веб-приложения (.ctf файл).

    В диалоговом окне Save Project, которое открывается, задайте название проекта и местоположение, где вы хотите сохранить проект веб-приложения. Web App Compiler сохраняет ваш проект и открывает диалоговое окно Package.

  6. Если упаковка завершена в диалоговом окне Package, нажмите Open output folder. Это открывает папку проекта, которая содержит следующие файлы:

    • myMortgageWebApp.ctf

    • mccExcludedFiles.log

    • PackagingLog.html

    • requiredMCRProducts.txt

    Можно просмотреть файл журнала, PackagingLog.html, видеть точное mcc синтаксис раньше группировал и создавал архив веб-приложения.

Пакет и создает веб-приложение Используя compiler.build.webAppArchive

Примечание

Если вы уже создали автономное приложение с помощью приложения Web App Compiler, можно пропустить этот раздел. Однако, если вы хотите знать, как создать веб-приложение из окна команды MATLAB с помощью программируемого подхода, следовать этим инструкциям.

  1. Сохраните путь к файлу Mortgage.mlapp расположенный в matlabroot\examples\matlab\main.

    mortgageApp = fullfile(matlabroot,'examples','matlab','main','Mortgage.mlapp');
  2. Создайте архив веб-приложения использование compiler.build.webAppArchive команда. Используйте аргументы значения имени, чтобы задать архивное имя.

    buildResults = compiler.build.webAppArchive(mortgageApp,...
        'ArchiveName','myMortgageWebApp');

    compiler.build.Results объект buildResults содержит информацию о типе сборки, сгенерированных файлах и опциях сборки.

  3. Функция сборки генерирует следующие файлы в папке под названием myMortgageWebAppwebAppArchive в вашей текущей рабочей директории:

    • mccExcludedFiles.log — Файл журнала, который содержит список любых функций тулбокса, которые не были включены в веб-приложение. Для получения дополнительной информации о неподдерживаемых функциях смотрите Ограничения MATLAB Compiler.

    • myMortgageWebApp.ctf — Файл технологии компонентов, который содержит развертываемый архив.

    • requiredMCRProducts.txt — Текстовый файл, который содержит идентификаторы продукта продуктов, требуемых MATLAB Runtime запускать веб-приложение.

    • unresolvedSymbols.txt — Текстовый файл, который содержит информацию о неразрешенных символах.

Разверните веб-приложение

  1. Перейдите к папке проекта, сгенерированной MATLAB Compiler во время упаковочного процесса.

  2. Скопируйте архивный файл веб-приложения myMortgageWebApp.ctf к папке приложения, сконфигурированной сервером. Местоположение по умолчанию:

    Операционная системаМестоположение папки приложений

    Windows

    %ProgramData%\MathWorks\webapps\R2021a\apps

    Linux

    /local/MathWorks/webapps/R2021a/apps

    macOS

    /Library/Application Support/MathWorks/webapps/R2021a/apps

    Можно также открыть папку приложений путем нажатия кнопки Open App Folder в серверном приложении. Для получения дополнительной информации смотрите, Запускают Серверное приложение.

  3. Нажмите кнопку Open Home Page в серверном приложении.

    Это действие открывает домашнюю страницу веб-приложений с помощью веб-браузера по умолчанию. Вы видите, что мозаика отображает простое веб-приложение ипотечного калькулятора. Ваше веб-приложение теперь развертывается.

Запустите веб-приложение

  1. Чтобы запустить веб-приложение, нажмите myMortgageWebApp мозаика на домашней странице веб-приложений.

    Веб-приложение открывается в новой вкладке.

  2. Нажмите кнопку Monthly Payment, чтобы получить ежемесячную оплату и график основной суммы и процентов.

    Вы успешно создали, развернули и запускаете веб-приложение.

    Веб-приложение ипотечного калькулятора

    Mortgage calculator web app results.

Похожие темы