exponenta event banner

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

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

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

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

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

Предпосылки

  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

Упаковка и создание веб-приложений с помощью компилятора веб-приложений

  1. Запустите MATLAB.

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

  3. В разделе MAIN FILE панели инструментов нажмите кнопку, чтобы добавить Mortgage.mlapp файл в проект. Компилятор Web App автоматически изменяет размер, чтобы включить раздел сведений о приложении, содержащий такие сведения о приложении, как имя приложения, автор, сводка, описание и версия. Чтобы изменить сведения о приложении в App Designer, щелкните Изменить сведения о приложении. Нажмите кнопку «» Обновить «», чтобы обновить компилятор веб-приложений с внесенными изменениями.

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

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

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

  4. В разделе Сведения об архиве укажите имя архива как myMortgageWebApp.

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

    В открывшемся диалоговом окне Сохранить проект укажите имя проекта и расположение для сохранения проекта веб-приложения. Компилятор веб-приложений сохраняет проект и открывает диалоговое окно Пакет.

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

    • myMortgageWebApp.ctf

    • mccExcludedFiles.log

    • PackagingLog.html

    • requiredMCRProducts.txt

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

Упаковка и создание веб-приложения с помощью compiler.build.webAppArchive

Примечание

Если вы уже создали автономное приложение с помощью приложения компилятора Web App, можно пропустить этот раздел. Однако если вы хотите знать, как создать веб-приложение из окна команд 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.

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

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

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

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

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

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

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

    Windows

    %ProgramData%\MathWorks\webapps\R2021a\apps

    Linux

    /local/MathWorks/webapps/R2021a/apps

    macOS

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

    Можно также открыть папку приложений, нажав кнопку Открыть папку приложений в серверном приложении. Дополнительные сведения см. в разделе Запуск серверного приложения.

  3. Нажмите кнопку Открыть домашнюю страницу в серверном приложении.

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

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

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

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

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

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

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

    Mortgage calculator web app results.

Связанные темы