The compiler generates an Angular application for all Designer services, and deploys it as a part of the service repository. You can download the uncompiled Angular resources generated by the Designer, and use them as a starting point for Pro-Code application development. Once you have finished your modified Angular app, you can update your Designer project to use your code instead of the generated Angular code.
Please note: The Designer does not recognize changed Angular apps and generates new Angular code. Once you have changed your process in the Designer, you need to merge your changes into the newly generated Angular code.
Use Git to track your changes and for easy merging.
You can use different tools for Pro-Code development. Our PAS developers recommend the following:
As you will start with Angular development, you need to install Angular and its dependencies.
|Visual Studio Code||Our developers recommend Visual Studio Code as a development environment.|
|Git||To version your project, we recommend to use Git.|
Downloading the Angular Resources
Download the uncompiled Angular resources that have been generated by the Designer, and use them as a starting point for Pro-Code application development. To get these resources, do the following:
Open your service in the PAS Designer.
Go to the Controls panel, open the menu and select option Application from section Export > Pro-Code to download the project resources.
Go to Controls Panel for detailed information about the panel's functionalities.
The Angular app project is then downloaded as a ZIP file.
Now, extract the zipped resources to a folder, and open the folder as an Angular project in your favorite IDE, for example Visual Studio Code.
Expand the projects folder to see the libraries and the main angular project that was generated for the pas-designer-service.
The project contains the following different library types:
A good starting point to get familiar with the project is the file README.md. You can find it in the root directory of the project.
The README.md file describes how to configure the local project so that you can use it in combination with your Scheer PAS system.
The @pas modules are provided by our internal registry and are available for the generated applications.
Once you have your changes applied, you can built and start the Angular application using the following command:
Updating the Service
Once you have applied your changes to the Angular applications, you can merge the changed application back into the xUML service, and deploy the service to the integration component (Bridge) of the PAS platform.
When you build the application as described above, a dist directory is compiled to the project folder. This folder needs to be copied into the xUML service repository.
Switch to the Designer and export the repository of the Designer service. To do so, select option Service from menu section Export > Compiled of the Controls panel.
- Unzip the exported repository.
- The repository contains a folder htdocs. Replace the contents of this folder with the contents of the dist folder of your Angular project.
- Zip the repository back to its old name.
Click Open Administration () from the Deployment Controls to switch to the management UI of your deployment target where you can deploy the service repository: