Developing pro-code applications for the Scheer PAS platform assumes intermediate-level knowledge of HTML, CSS, JavaScript, and the Angular framework. If you are completely new to frontend development, we recommended to comprehend the fundamentals of frontend development before continuing with pro-code development. Useful tutorials: |
You can use different tools for pro-code development, here are some recommendations from our PAS developers:
Name | Description | Further Information |
---|---|---|
Angular | 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. |
When you develop a low-code application within PAS Designer, you can download the uncompiled Angular resources generated by the Designer. These resources are the starting point for pro-code application development. To get the 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 to download the project resources.
The Angular app project is then downloaded as a zip file. The zip folder contains a folder project. Open this folder to get access to further files for Services, Models, and Forms, to further develop the existing version. | ||
After extracting the resources, open the project in your IDE, for example Visual Studio Code. If you expand the projects folder, you can see the libraries and the main angular project that was generated for the pas-designer-service. Libraries that are called with the following suffixes:
| ||
The README.md file describes how to configure the local project so that you can use it in combination with your Scheer PAS system. |
Once you have finished to develop the application in pro-code, the application project will be deployed in the same environment as the xUML service: In the integration component (Bridge) of the PAS platform.
The node modules do not require manual configuration and installation in package.json. Once the exported application is compiled, the @pas dependencies will be installed and implemented from the projects’ package registry at .npmrc. |
When you have developed components in the Angular project, the application can be built and compiled with the command
npm run build:all |
You can then deploy the application to the server. When you build and deploy the application, a dist directory is compiled.
| |
|