This example shows how to create a web app containing a Simulink® simulation and host it on the development version of MATLAB® Web App Server. The example uses the mass spring damper model in Simulink and a MATLAB app that invokes the model as a basis for the web app. The APIs for creating a simulation can be found in the Simulink Compiler™ product. In the workflow, you:
Package the MATLAB app containing Simulink simulation using the Web App Compiler app in MATLAB
Compiler. This step creates a web app archive (
Deploy the web app archive (
.ctf) file to the development version of MATLAB Web App Server.
Run the web app from the web apps home page.
This example requires the Simulink Compiler product. For details, see Simulink Compiler Workflow Overview (Simulink Compiler).
Install and configure the development version of MATLAB Web App Server™.
For information on installing the server, see Install the Development Version of MATLAB Web App Server in MATLAB Compiler.
For information on configuring the server, see Configure the Development Version of MATLAB Web App Server in MATLAB Compiler.
Copy the Simulink model file
the corresponding MATLAB app
MassSpringDamperApp.mlapp to your
current working directory. The default location for the files is:
|Operating System||Default Location for Files|
MassSpringDamperApp.mlapp in MATLAB App Designer and switch to Code View.
Verify that the Simulink
Compiler APIs to create a simulation are present in the
webAppCompiler at the MATLAB command line to open the Web App Compiler
In the MAIN FILE section of the toolstrip, click the button to add the
MassSpringDamperApp.mlapp file to the project. The
Web App Compiler automatically resizes to include an App
details section that contains information about the app such
as app name, author, summary, description, and version. You can edit
information about the app in App Designer by clicking Edit App
Details. Click Refresh to update Web App
Compiler with any changes you have made.
(Optional) Make sure to use a display name that is easy to distinguish when your web app is deployed to the server.
(Optional) Provide a version number for tracking purposes. The version number is visible on the web apps home page.
(Optional) Add a description for your web app in the Summary field. This description is visible on the web apps home page.
In the Archive information section, specify the
archive name as
Click Package to package the app, and create a web
app archive (
In the Save Project dialog box that opens, specify a project name and a location where you want to save the web app project. Web App Compiler saves your project and opens a Package dialog box.
Once packaging is complete, in the Package dialog box, click Open output folder. This opens the project folder, which contains the following files:
You can view the log file,
PackagingLog.html, to see
mcc syntax used to package and create the web
Navigate to the project folder generated by Web App Compiler during the packaging process.
Copy the web app archive file
mySimulinkSimulationWebApp.ctf to the app folder
configured by the server. The default location is:
|Operating System||Apps Folder Location|
You can also open the apps folder by clicking the Open App Folder button in the server application. For more information, see Start the Server Application.
Click the Open Home Page button in the server application.
This action opens the web apps home page using your default web browser. You see a tile displaying the simple mortgage calculator web app. Your web app is now deployed.
To run a web app, click the
on the web apps home page.
The web app opens in a new tab.
Click the Simulate button to run the simulation.
You have successfully created, deployed, and run a web app.