| Strona główna Forum Tablica ogłoszeń Galeria zdjęć Czat room Współpraca Reklama Kontakt
Slupsk, eSlupsk, portal mieszkancow Slupska i okolic, Forum
Dzisiaj jest 28 mar 2024, o 10:33

Strefa czasowa UTC+1godz.


NA NASZYM PORTALU MOŻNA PISAĆ BEZ KONIECZNOŚCI REJESTROWANIA SIĘ - ZAPRASZAMY.

 



Nowy temat Odpowiedz w temacie  [ Posty: 1 ] 
Autor Wiadomość
Post: 25 maja 2021, o 17:51 
Nowy użytkownik
Nowy użytkownik

Rejestracja: 26 lip 2019, o 08:55
Posty: 2
[b]Kabrinskiy Eduard - Azure devops deploy to aws - Кабринский Эдуард


<h1>Azure devops deploy to aws</h1>
<p>[youtube]</p>
Azure devops deploy to aws <a href="http://remmont.com">Recent news stories</a> Azure devops deploy to aws
<h1> Alberto Corrales Garcia </h1>
<p>Software development and Technology</p>
<h3>Azure DevOps: Deploy your SPA on AWS S3 bucket</h3>
<ul>
<li>Get link</li>
<li>Facebook</li>
<li>Twitter</li>
<li>Pinterest</li>
<li>Email</li>
<li>Other Apps</li>
</ul>
<h2><img src="https://2.bp.blogspot.com/-oYnsUuyROyw/XLNTHXiNS-I/AAAAAAAAFdo/drO0C-_DfhAH0uFjat-NYRlDCaE2QpfIwCLcBGAs/s640/vsts-to-azure-devops-redirection.jpg" /></h2>
<h2>Introduction</h2>
<p>According to Amazon's definition: Amazon Simple Storage Service (Amazon S3) is an object storage service that offers industry-leading scalability, data availability, security, and performance.</p>
<p>These features make AWS S3 a really interesting candidate to store static files. However, since AWS S3 supports http static hosting, single page applications (SPA) can also get benefit from AWS S3.</p>
<p style="clear: both"><img src="https://2.bp.blogspot.com/-OAt37ykE0d0/XLNTHfAzJ2I/AAAAAAAAFds/-Rq0Y_5RuWgeklsoNJ6E8AmR9sEZgdBPgCLcBGAs/s400/tempsnip.png" /></p>
<p>Additionally, if you want to support https, you can also use AWS CloudFront. You can find more info in this article: https://aws.amazon.com/blogs/networking-and-content-delivery/amazon-s3-amazon-cloudfront-a-match-made-in-the-cloud/</p>
<p>In a project were I'm working, I configured CI/CD to deploy a React application in AWS s3. Due to the poor quality of AWS documentation, even the simplest task can be a challenge, so I will try to explain how to configure Azure DevOps to deploy to AWS S3, as this may be of help to somebody.</p>
<h2>Configuring Release Pipeline on Azure DevOps</h2>
<p>In order to work with AWS, the first thing you will need is AWS Tools for Microsoft Visual Studio Team Services installed, which you can install from here: https://marketplace.visualstudio.com/items?itemName=AmazonWebServices.aws-vsts-tools&refid=gs_card.</p>
<p>Once you install the extensions, you will be able to see tasks related to AWS S3, particularly, Download and Upload. <br /></p>
<p style="clear: both"><img src="https://1.bp.blogspot.com/-UuMUil09qGk/XLNc37rVxjI/AAAAAAAAFeE/pm3BlPjwMt8vhfEhnJ7jeydC6wfqm0JHQCLcBGAs/s640/1.PNG" /></p>
<p>So lets upload our react artifact files to AWS S3.</p>
<h3>Configuring AWS Credentials</h3>
<p>To use AWS services from Azure DevOps, you need to configure your AWS credentials. For example, in the S3 Upload task, you will see the AWS Credentials section, where you need to add your credentials.</p>
<p style="clear: both"><img src="https://2.bp.blogspot.com/-ug5PhFdamVw/XLNc3zCFqkI/AAAAAAAAFd8/swLJK5JZce8ZXcf3-8zgZ-QCFlFsEyeBQCLcBGAs/s640/2.PNG" /></p>
<p>If you don't know how to create your AWS key id and access key, here you have a tutorial (quite a bit more straightforward than AWS official documentation): https://www.cloudberrylab.com/resources/blog/how-to-find-your-aws-access-key-id-and-secret-access-key/</p>
<h3>Configure S3 Upload task</h3>
<p>Now you have to configure the S3 Upload task. To do so, you have to specify your S3 bucket name and the folder from the build that you want to upload.</p>
<p style="clear: both"><img src="https://4.bp.blogspot.com/-y9fo1g-x_n8/XLNc39yFdmI/AAAAAAAAFeA/rWojiW59N0oaW8MiwHA1WF9lcWV32l_CgCLcBGAs/s640/3.png" /></p>
<p style="clear: both"><img src="https://2.bp.blogspot.com/-2WQrtMj9seM/XLNc4WX8hoI/AAAAAAAAFeI/kYYCH9y4MB4Gs0eT3v5jc5byj300FS4WgCLcBGAs/s640/4.PNG" /></p>
<h3>Cleaning Previous Deployments</h3>
<p>In spite of the fact that I configured "overwrite" feature to update existing files, react (actually webpack) creates a new bundle with a different name each time you build. for this reason, I need to clean previous deployed files, before starting a new deployment.</p>
<p>To remove existing files, we don't have an Azure DevOps specific task, so we will need to use AWS cli task. I also want to keep folders sandbox and logos, where I have data I don't deploy with react application. In order to do it through a AWS command, you can execute:</p>
<blockquote><p>aws s3 rm s3://react-app-dev --recursive --exclude "sandbox/*" --exclude "logos/*"</p></blockquote>
<p>So you need to configure your command in AWS cli task in this way:</p>
<p style="clear: both"><img src="https://3.bp.blogspot.com/-756iAZoCJnQ/XLNc4qLZ-kI/AAAAAAAAFeM/Z7ahnAGLGfkK-3zeWEqkYLfzW-1eEfB9gCLcBGAs/s640/5.png" /></p>
<p>However, when you execute your pipeline, you will see this error: <i>AWS CLI is not installed on this machine</i>.</p>
<p style="clear: both"><img src="https://3.bp.blogspot.com/-5YONvyVPcR0/XLNdyMusEkI/AAAAAAAAFes/2Vi-TNXv5XMVcSt3kJjEsZJCWxamsUrnQCLcBGAs/s640/8.PNG" /></p>
<p>This error, is because you need to install first AWS cli. To install it, add a command task and write this script:</p>
<p style="clear: both"><img src="https://4.bp.blogspot.com/-qY01UUgGQVA/XLNc4qr4QdI/AAAAAAAAFeQ/DIq6Fh6-y9MMXkRtsB4cZuSrUEXWPJ4ggCLcBGAs/s640/6.PNG" /></p>
<p>As this is a python script, you will need to add a "Use Python 3.x task" before to use python tasks.</p>
<p>And now your deployment pipeline is ready to deploy your SPA into AWS S3.</p>
<p>To sum up, this is the pipeline in order that you need to follow to deploy your react app on AWS S3 bucket.</p>
<p style="clear: both"><img src="https://3.bp.blogspot.com/-UJ20Lq4gsX8/XLNc5PAXkTI/AAAAAAAAFeU/UGHaCXdzaRoA6MjF84H6rDciQwms3XVegCLcBGAs/s640/7.PNG" /></p>
<p>Notice that tasks such as AWS S3 or configuring AWS Cli in Azure DevOps can be very useful for many purposes, so this guide can be helpful for example if you need AWS cli for other purposes.</p>
<h2>Azure devops deploy to aws</h2>

<h3>Azure devops deploy to aws</h3>
<p>[youtube]</p>
Azure devops deploy to aws <a href="http://remmont.com">International news</a> Azure devops deploy to aws
<h4>Azure devops deploy to aws</h4>
Alberto Corrales Garcia Software development and Technology Azure DevOps: Deploy your SPA on AWS S3 bucket Get link Facebook Twitter Pinterest Email Other
<h5>Azure devops deploy to aws</h5>
Azure devops deploy to aws <a href="http://remmont.com">Azure devops deploy to aws</a> Azure devops deploy to aws
SOURCE: <h6>Azure devops deploy to aws</h6> <a href="https://dev-ops.engineer/">Azure devops deploy to aws</a> Azure devops deploy to aws
#tags#[replace: -,-Azure devops deploy to aws] Azure devops deploy to aws#tags#[/b]
[b]Kabrinskiy Eduard[/b]
[url=http://remmont.com]today's news headlines[/url]


Zgłoś ten post
Na górę
 Wyświetl profil  
Odpowiedz z cytatem  

Asystent

 Tytuł: Może tu jest to, czego szukasz:                                        Napisane:   dziś

Asystent forum



 

Dołączył(a): 12 paź 2007
11:30 am
Posty: 1000
Lokalizacja: Słupsk

Góra
Wyświetl posty nie starsze niż:  Sortuj wg  
Nowy temat Odpowiedz w temacie  [ Posty: 1 ] 

Strefa czasowa UTC+1godz.


Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 4 gości


Możesz tworzyć nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów

Szukaj:




cron



Redakcja portalu nie bierze odpowiedzialności za treść postów i ogłoszeń. Należą one do osób, które je zamieciły.

© 2007 - 2016 www.eSlupsk.com - All Rights Reserved / Wszelkie prawa zastrzeżone | ISSN 1689-6238
Powered by phpBB



Ciekawe portale europejskie:
eBelgia.com | eFrancja.com | eHolandia.com | eHiszpania.com | eNorwegia.com | eNiemcy.com | eSzwecja.com | Mardyt.net
GBritain.net | eLondyn.com | eSzkocja.com | eIrlandia.com | GBritain.biz | eLondyn.net | eDublin.net | eAnglia.net
Inne ciekawe strony:
eSlupsk.com | eKoszalin.com | ePraca.net | eMieszkanie.net | eZdrowie.net | ePsycholog.net | KupSprzedaj.net | eSlupsk.net
PolBird.com | SklepFM.com | RajPrezentow.pl | MazNaZlecenie.pl | ZonaNaZlecenie.pl