The Angular Boilerplate is designed to simplify and enhance the deployment process for Angular.js applications directly on the edge of the network.
This repository is an example of the new GitHub repository created during the deployment. For a more detailed step-by-step to deploy this template via Azion Real-Time Manager (RTM), check the How to deploy edge applications with the Angular Boilerplate guide.
This template uses Angular CLI version 16.1.3.
To use this template, you must sign in on Azion Console.
If you haven't created an account, go to the signup page to complete the registration.
To successfully deploy this template, you need to provide the information to configure your Azion application, as requested in the Settings tab on the template's page.
For a more detailed step-by-step on using this template and requirements, check the How to deploy edge applications with the Angular Boilerplate guide.
- Generate a GitHub personal token.
- Enable Edge Functions on your Azion account.
Once the template is deployed, you can edit and update your args and code, as well as implement a continuous deployment workflow. However, you'll need first to declare secrets on your project's GitHub repository to complete the second build with the changes. When the second build is completed, you'll be able to manage your project with a continuous deployment workflow and edit the args as desired.
To do so, open your repository in GitHub. Then, go to Settings > Secrets and variables > Action to add your variables, following these instructions:
- Add the Azion personal token to the secrets:
- Read how to generate an Azion personal token in the documentation.
AZION_PERSONAL_TOKEN=<value>- Add the environments for use in the action workflow in the main.yml file, included in the .github/workflows folder of your repository:
- name: edge-...
id: azion_edge
...
with:
....
azionPersonalToken: ${{ secrets.AZION_PERSONAL_TOKEN }}
....
- Open a pull request to merge the changes to the main branch and start the automatic deployment.
Now your project is ready to work with a continuous deployment workflow, updating instantly any changes in the application or the repository.
Considering that this initial setup may not be optimal for your specific edge application, all settings can be customized any time you need by using Azion Console.
To manage and edit your edge application’s settings, read the documentation about managing edge applications for more details.
The edge application created during the deployment has an assigned Azion domain to make it accessible through the browser. The domain has the following format: xxxxxxxxxx.map.azionedge.net. However, you can add a custom domain for users to access your edge application through it. Go to the Domains documentation to read more about it.