Adding API Property
Explore how to enhance Angular services by introducing an API property using environment variables, replacing hard-coded URLs. Understand the process of deploying both your Angular application and API to Heroku, creating a live public URL. Verify functionality by running Cypress tests to ensure smooth integration and deployment.
We'll cover the following...
We'll cover the following...
In this chapter, we’ll deploy both code repositories, the API and our Angular application, to Heroku. This gives our application a publicly accessible URL. Below is our updated application code. Use this to make further changes.
�PNG
IHDR ?�~� pHYs ��~� fIDATH��WKLQ���̔�uG�� e�n�. 6qcb�l?���D`�F#�
Ku�F
1Qc�
��!���� ��C�P�|B?$���ܱ3����I&}��}�̽s�[*�ɀU�A� �K��yx�gY�Ajq��3L Š� ��˫�OD�4��3Ϗ:X�3��o�P J�ğo#IH�a����,{>1/�2$�R AR]�)w��?�sZw^ ��q�Y�m_��e���r[8�^�
�&p��-���A}c��- ������!����2_) E�)㊪j���v�m� �ZOi� g�nW�{<n8�P����o�=$8�K��9|$����@��v�P< �j�>�n.|�e2�a&�0aŸ����be �̀��C�fˤE%-{�ֺ��C��N��jXi�~c�C,t��T�����r �{� �L)s��V��6%�(�#ᤙ!�]��H�ҐH$R���^R�A�61(?Y舚�>���(Z����Qm�L2�K�ZIc��
���̧�C��2!⅄ �(����" �Go��>�q��=��$%�z`ѯ��T�&����PHh�Z!=� ��z��O��������,*VVV�1�f*C J�]EE��K�k��d�#5��� `2yT!�}7���߈~�,���zs�����y�T��V������D�� C2�G��@%̑72Y�{oJ�"@��^h�~ ��fĬ�!a�D��6���Ha|�3��� [>�����]7U2п���] �ė
��PU� �.Wejq�in�g��+ p<ߺQH����總j[������.��� Q���p _�K�� 1(�� +��bB8�\ra
�́�v.l���(���ǽ�w���L��w�8�C�� IEND�B`�Adding API property
Update environment variables
Before deploying the application, let’s make a few updates. Start by updating one ...