<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Front-End Web &amp; Mobile Archives - The NOKIA Blog</title>
	<atom:link href="https://thenokiablog.com/tag/front-end-web-mobile/feed/" rel="self" type="application/rss+xml" />
	<link>https://thenokiablog.com/tag/front-end-web-mobile/</link>
	<description></description>
	<lastBuildDate>Wed, 26 Mar 2025 20:05:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://thenokiablog.com/wp-content/uploads/2024/03/cropped-Cjdowner-Cryptocurrency-Flat-ICON-ICX.512-32x32.png</url>
	<title>Front-End Web &amp; Mobile Archives - The NOKIA Blog</title>
	<link>https://thenokiablog.com/tag/front-end-web-mobile/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Firewall support for AWS Amplify hosted sites</title>
		<link>https://thenokiablog.com/firewall-support-for-aws-amplify-hosted-sites/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Wed, 26 Mar 2025 20:05:15 +0000</pubDate>
				<category><![CDATA[Nokia Mobile Phone]]></category>
		<category><![CDATA[Announcements]]></category>
		<category><![CDATA[AWS Amplify]]></category>
		<category><![CDATA[AWS WAF]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Front-End Web & Mobile]]></category>
		<category><![CDATA[Hosting]]></category>
		<category><![CDATA[Launch]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Regions]]></category>
		<category><![CDATA[Security, Identity, & Compliance]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/firewall-support-for-aws-amplify-hosted-sites/</guid>

					<description><![CDATA[<p>Today, we&#8217;re announcing the general availability of the AWS WAF integration with AWS Amplify Hosting. Web...</p>
<p>The post <a href="https://thenokiablog.com/firewall-support-for-aws-amplify-hosted-sites/">Firewall support for AWS Amplify hosted sites</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<table id="amazon-polly-audio-table">
<tbody>
<tr>
<td id="amazon-polly-audio-tab">
<div id="amazon-polly-by-tab">
            <img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/03/firewall-support-for-aws-amplify-hosted-sites.png" alt="Voiced by Polly" width="554" height="56">
           </div>
</td>
</tr>
</tbody>
</table>
<p>Today, we&rsquo;re announcing the general availability of the AWS WAF integration with AWS Amplify Hosting.</p>
<p>Web application owners are constantly working to protect their applications from a variety of threats. Previously, if you wanted to implement a robust security posture for your Amplify Hosted applications, you needed to create architectures using Amazon CloudFront distributions with AWS WAF protection, which required additional configuration steps, expertise, and management overhead.</p>
<p>With the general availability of AWS WAF in Amplify Hosting, you can now directly attach a web application firewall to your AWS Amplify apps through a one-click integration in the Amplify console or using infrastructure as code (IaC). This integration gives you access to the full range of AWS WAF capabilities including managed rules, which provide protection against common web exploits and vulnerabilities like SQL injection and cross-site scripting (XSS). You can also create your own custom rules based on your specific application needs.</p>
<p>This new capability helps you implement defense-in-depth security strategies for your web applications. You can take advantage of AWS WAF rate-based rules to protect against distributed denial of service (DDoS) attacks by limiting the rate of requests from IP addresses. Additionally, you can implement geo-blocking to restrict access to your applications from specific countries, which is particularly valuable if your service is designed for specific geographic regions.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/html-element-select-envato-tuts/" class="template-2"><span class="cta">Read more</span><span class="postTitle">HTML Element: select | Envato Tuts+</span></a></div><p><span><strong>Let&rsquo;s see how it works<br></strong></span>Setting up AWS WAF protection for your Amplify app is straightforward. From the Amplify console, navigate to your app settings, select the <strong>Firewall</strong> tab, and choose the predefined rules you want to apply to your configuration.&nbsp;<img fetchpriority="high" decoding="async" class="aligncenter wp-image-94093" src="https://thenokiablog.com/wp-content/uploads/2025/03/firewall-support-for-aws-amplify-hosted-sites-1.png" alt="AWS WAF integration in AWS Amplify Hosting" width="800" height="512"></p>
<p>Amplify hosting simplifies configuring firewall rules. You can activate four categories of protection.</p>
<ul>
<li><strong>Amplify-recommended firewall protection</strong> &ndash; Protect against the most common vulnerabilities found in web applications, block IP addresses from potential threats based on Amazon internal threat intelligence, and protect against malicious actors discovering application vulnerabilities.</li>
<li><strong>Restrict access to amplifyapp.com</strong> &ndash; Restrict access to the default Amplify generated amplifyapp.com domain. This is useful when you add a custom domain to prevent bots and search engines from crawling the domain.</li>
<li><strong>Enable IP address protection</strong> &ndash; Restrict web traffic by allowing or blocking requests from specified IP address ranges.</li>
<li><strong>Enable country protection</strong> &ndash; Restrict access based on specific countries.</li>
</ul>
<p>Protections enabled through the Amplify console will create an underlying web access control list (ACL) in your AWS account. For fine-grained rulesets, you can use the AWS WAF console rule builder.</p>
<p>After a few minutes, the rules are associated to your app and AWS WAF blocks suspicious requests.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/skipping-the-whm-getting-started-wizard-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Skipping the WHM Getting Started Wizard | cPanel Blog</span></a></div><p>If you want to see AWS WAF in action, you can simulate an attack and monitor it using the AWS WAF request inspection capabilities. For example, you can send a request with an empty User-Agent value. It will trigger a blocking rule in AWS WAF.</p>
<p>Let&rsquo;s first send a valid request to my app.</p>
<pre><code class="lang-curl">curl -v -H "User-Agent: MyUserAgent" https://main.d3sk5bt8rx6f9y.amplifyapp.com/
* Host main.d3sk5bt8rx6f9y.amplifyapp.com:443 was resolved.
...(redacted for brevity)...
&gt; GET / HTTP/2
&gt; Host: main.d3sk5bt8rx6f9y.amplifyapp.com
&gt; Accept: */*
&gt; User-Agent: MyUserAgent
&gt; 
* Request completely sent off
&lt; HTTP/2 200 
&lt; content-type: text/html
&lt; content-length: 0
&lt; date: Mon, 10 Mar 2025 14:45:26 GMT
 
</code></pre>
<p>We can observe that the server returned an HTTP 200 (OK) message.</p>
<p>Then, send a request with no value associated to the User-Agent HTTP header.</p>
<pre><code class="lang-curl"> curl -v -H "User-Agent: " https://main.d3sk5bt8rx6f9y.amplifyapp.com/ 
* Host main.d3sk5bt8rx6f9y.amplifyapp.com:443 was resolved.
... (redacted for brevity) ...
&gt; GET / HTTP/2
&gt; Host: main.d3sk5bt8rx6f9y.amplifyapp.com
&gt; Accept: */*
&gt; 
* Request completely sent off
&lt; HTTP/2 403 
&lt; server: CloudFront
... (redacted for brevity) ...
&lt;TITLE&gt;ERROR: The request could not be satisfied&lt;/TITLE&gt;
&lt;/HEAD&gt;&lt;BODY&gt;
&lt;H1&gt;403 ERROR&lt;/H1&gt;
&lt;H2&gt;The request could not be satisfied.&lt;/H2&gt;</code></pre>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/gone-phishing-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Gone Phishing | cPanel Blog</span></a></div><p>We can observe that the server returned an HTTP 403 (Forbidden) message.</p>
<p>AWS WAF provide visibility into request patterns, helping you fine-tune your security settings over time. You can access logs through Amplify Hosting or the AWS WAF console to analyze traffic trends and refine security rules as needed.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-94096" src="https://thenokiablog.com/wp-content/uploads/2025/03/firewall-support-for-aws-amplify-hosted-sites-2.png" alt="AWS WAF integration in AWS Amplify Hosting - Dashboard" width="1024" height="422"></p>
<p><span><strong>Availability and pricing<br></strong></span>Firewall support is available in all AWS Regions in which Amplify Hosting operates. This integration falls under an AWS WAF global resource, similar to Amazon CloudFront. Web ACLs can be attached to multiple Amplify Hosting apps, but they must reside in the same Region.</p>
<p>The pricing for this integration follows the standard AWS WAF pricing model, You pay for the AWS WAF resources you use based on the number of web ACLs, rules, and requests. On top of that, AWS Amplify Hosting adds $15/month when you attach a web application firewall to your application. This is prorated by the hour.</p>
<p>This new capability brings enterprise-grade security features to all Amplify Hosting customers, from individual developers to large enterprises. You can now build, host, and protect your web applications within the same service, reducing the complexity of your architecture and streamlining your security management.</p>
<p>To learn more, visit the AWS WAF integration documentation for Amplify or try it directly in the Amplify console.</p>
<p>       &mdash; seb </p>
<hr>
<p>How is the News Blog doing? Take this 1 minute survey!</p>
<p><em>(This survey is hosted by an external company. AWS handles your information as described in the AWS Privacy Notice. AWS will own the data gathered via this survey and will not share the information collected with survey respondents.)</em></p>
<p>       <!-- '"` --></p>
<p>The post <a href="https://thenokiablog.com/firewall-support-for-aws-amplify-hosted-sites/">Firewall support for AWS Amplify hosted sites</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>AWS Weekly Roundup: DeepSeek-R1, S3 Metadata, Elastic Beanstalk updates, and more (February 3, 2024)</title>
		<link>https://thenokiablog.com/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Mon, 03 Feb 2025 18:43:16 +0000</pubDate>
				<category><![CDATA[Nokia Mobile Phone]]></category>
		<category><![CDATA[Amazon Bedrock]]></category>
		<category><![CDATA[Amazon SageMaker]]></category>
		<category><![CDATA[Amazon SageMaker AI]]></category>
		<category><![CDATA[Amazon Simple Storage Service (S3)]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Artificial Intelligence]]></category>
		<category><![CDATA[AWS Amplify]]></category>
		<category><![CDATA[AWS Elastic Beanstalk]]></category>
		<category><![CDATA[AWS Lambda]]></category>
		<category><![CDATA[AWS re:Invent]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[Compute]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Front-End Web & Mobile]]></category>
		<category><![CDATA[Generative AI]]></category>
		<category><![CDATA[Launch]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Regions]]></category>
		<category><![CDATA[Week in Review]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024/</guid>

					<description><![CDATA[<p>Last week, I had an amazing time attending AWS Community Day Thailand in Bangkok. This event...</p>
<p>The post <a href="https://thenokiablog.com/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024/">AWS Weekly Roundup: DeepSeek-R1, S3 Metadata, Elastic Beanstalk updates, and more (February 3, 2024)</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<table id="amazon-polly-audio-table">
<tbody>
<tr>
<td id="amazon-polly-audio-tab">
<div id="amazon-polly-by-tab">
            <img decoding="async" src="https://thenokiablog.com/wp-content/uploads/2025/02/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024.png" alt="Voiced by Polly" width="554" height="56">
           </div>
</td>
</tr>
</tbody>
</table>
<p>Last week, I had an amazing time attending AWS Community Day Thailand in Bangkok. This event came at an exciting time, following the recent launch of the AWS Asia Pacific (Bangkok) Region. We had over 300 attendees and featured 15 speakers from the community, including an AWS Hero and 4 AWS Community Builders who shared their technical expertise and experiences.</p>
<p>The highlight was definitely Jeff Barr, AWS Vice President &amp; Chief Evangelist, delivering an inspiring keynote titled &ldquo;Next-Generation Software Development&rdquo;, which set the perfect tone for the day. The day kicked off with welcoming remarks from Vatsun Thirapatarapong, AWS Country Manager for Thailand, and was made even more special thanks to the tremendous support from both the AWS User Group volunteers and the AWS Thailand team.</p>
<p>Here&rsquo;s a photo capturing the excitement from the event:&nbsp;</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-large wp-image-93493" src="https://thenokiablog.com/wp-content/uploads/2025/02/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024.jpg" alt width="1024" height="576"></p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/html-element-select-envato-tuts/" class="template-2"><span class="cta">Read more</span><span class="postTitle">HTML Element: select | Envato Tuts+</span></a></div><p><span><strong>Last week&rsquo;s AWS Launches</strong></span> <br>There are 30+ launches last week and here are some launches that caught my attention:</p>
<p>DeepSeek-R1 models now available on AWS &mdash; Channy wrote on how you can now deploy DeepSeek-R1 models in&nbsp;Amazon Bedrock&nbsp;and&nbsp;Amazon SageMaker AI. This helps you to build and scale generative AI applications with minimal infrastructure investment.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full" src="https://thenokiablog.com/wp-content/uploads/2025/02/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024-1.png" width="2365" height="1022"></p>
<p>Amazon S3 Tables increases table limit to 10,000 per bucket &mdash; S3 Tables now supports creating up to 10,000 tables in each table bucket, allowing you to scale up to 100,000 tables across 10 buckets within an AWS Region per account.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/skipping-the-whm-getting-started-wizard-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Skipping the WHM Getting Started Wizard | cPanel Blog</span></a></div><p>Amazon S3 Metadata now generally available &mdash; S3 Metadata provides automated and easily queried metadata that updates in near real-time, simplifying business analytics and real-time inference applications. It supports both system-defined and custom metadata, including integration with AWS analytics services.</p>
<p>AWS Amplify adds TypeScript Data client support for Lambda functions &mdash; Developers can now use the Amplify Data client within AWS Lambda functions, enabling consistent type-safe data operations across frontend and backend applications.</p>
<p>AWS Elastic Beanstalk adds Python 3.13, .NET 9, and PHP 8.4 support on Amazon Linux 2023 &mdash; AWS Elastic Beanstalk brings the latest language features and improvements to application deployments while benefiting from Amazon Linux 2023 enhanced security and performance features.</p>
<p><span><strong>From community.aws</strong></span> <br>Here&rsquo;s my top 5 personal favorites posts from community.aws:</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/gone-phishing-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Gone Phishing | cPanel Blog</span></a></div><p><span><strong>Upcoming AWS and community events</strong></span> <br>Check your calendars and sign up for upcoming AWS and community events:</p>
<ul>
<li>AWS Korea re:Invent reCap Online, February 2-4 &mdash; A virtual event recapping key announcements and innovations from re:Invent 2023 for the Korean audience.</li>
<li>AWS Community Days &ndash; Join community-led conferences that feature technical discussions, workshops, and hands-on labs. Upcoming AWS Community Day is in Ahmedabad (February 8).</li>
<li>AWS Public Sector Day London, February 27 &mdash; Join public sector leaders and innovators to explore how AWS is enabling digital transformation in government, education, and healthcare.</li>
<li>AWS Innovate GenAI + Data Edition &mdash; A free online conference focusing on generative AI and data innovations. Available in multiple Regions: APJC and EMEA (March 6), North America (March 13), Greater China Region (March 14), and Latin America (April 8).</li>
</ul>
<p>Browse more upcoming AWS led in-person and virtual developer-focused events.</p>
<p><img decoding="async" loading="lazy" class="alignright wp-image-93484 size-medium" src="https://thenokiablog.com/wp-content/uploads/2025/02/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024-2.png" alt width="300" height="169"></p>
<p><strong><span>AWS Community re:Invent re:Caps</span><br></strong></p>
<p>Lastly, if you want to learn about top announcements and innovations from AWS re:Invent, the AWS Community shares a summary from a community perspective of these announcements so you can get up to speed. Download the AWS Community re:Invent re:Caps deck.&nbsp;</p>
<p>That&rsquo;s all for this week. Check back next Monday for another Weekly Roundup!</p>
<p>&mdash; Donnie</p>
<p><em>This post is part of our Weekly Roundup series. Check back each week for a quick roundup of interesting news and announcements from AWS!</em></p>
<p>       <!-- '"` --></p>
<p>The post <a href="https://thenokiablog.com/aws-weekly-roundup-deepseek-r1-s3-metadata-elastic-beanstalk-updates-and-more-february-3-2024/">AWS Weekly Roundup: DeepSeek-R1, S3 Metadata, Elastic Beanstalk updates, and more (February 3, 2024)</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Announcing new APIs for Amazon Location Service Routes, Places, and Maps</title>
		<link>https://thenokiablog.com/announcing-new-apis-for-amazon-location-service-routes-places-and-maps/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Fri, 08 Nov 2024 18:35:09 +0000</pubDate>
				<category><![CDATA[Nokia Mobile Phone]]></category>
		<category><![CDATA[Amazon Location]]></category>
		<category><![CDATA[Announcements]]></category>
		<category><![CDATA[AWS Amplify]]></category>
		<category><![CDATA[Front-End Web & Mobile]]></category>
		<category><![CDATA[Launch]]></category>
		<category><![CDATA[News]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/announcing-new-apis-for-amazon-location-service-routes-places-and-maps/</guid>

					<description><![CDATA[<p>Today, Amazon Location Service released 17 new and enhanced APIs that expand and improve capabilities for...</p>
<p>The post <a href="https://thenokiablog.com/announcing-new-apis-for-amazon-location-service-routes-places-and-maps/">Announcing new APIs for Amazon Location Service Routes, Places, and Maps</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<table id="amazon-polly-audio-table">
<tbody>
<tr>
<td id="amazon-polly-audio-tab">
<div id="amazon-polly-by-tab">
            <img loading="lazy" decoding="async" src="https://thenokiablog.com/wp-content/uploads/2024/11/announcing-new-apis-for-amazon-location-service-routes-places-and-maps.png" alt="Voiced by Polly" width="554" height="56">
           </div>
</td>
</tr>
</tbody>
</table>
<p>Today, Amazon Location Service released 17 new and enhanced APIs that expand and improve capabilities for the Routes, Places, and Maps functionalities, creating a more cohesive and streamlined experience for developers. By introducing enhanced features and offering simplified migration, these updates make Amazon Location Service more accessible and useful for a wide range of applications.</p>
<p>You can now access advanced route optimization, toll cost calculations, GPS traces snapping, and a variety of map styles with static and dynamic rendering options, and perform proximity-based search and predictive suggestions, with rich, detailed information on points of interest.</p>
<p>At Amazon, the vast majority of our roadmaps are driven by customer feedback. Many customers building applications with Amazon Location Service have shared that they need purpose-built APIs and more granular details, such as contact information and business hours, when working with location-based data. Although the current API set has provided valuable tools for many customers, developers have expressed a desire for additional capabilities, such as detailed route planning, proximity-based searches, additional places details, and static map images. These new APIs address these requests and provide a more comprehensive, out-of-the-box location solution.</p>
<p><span><strong>New and enhanced capabilities</strong></span><br>Today&rsquo;s launch introduces 10 updated APIs and seven entirely new APIs, responding directly to your feedback. Each service&mdash;Routes, Places, and Maps&mdash;receives specific enhancements designed to support a broader range of use cases.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/html-element-select-envato-tuts/" class="template-2"><span class="cta">Read more</span><span class="postTitle">HTML Element: select | Envato Tuts+</span></a></div><p><strong>Routes</strong><br>The Amazon Location Routes API now supports advanced route planning and customization options, allowing users to:</p>
<ul>
<li>CalculateIsolines to identify service areas within specific travel time, or distance</li>
<li>OptimizeWaypoints to determine the most efficient sequence of waypoints, helping to minimize either travel time or distance</li>
<li>Calculate Toll Costs to provide precise cost estimates for routes involving toll roads</li>
<li>SnapToRoads, to enable precise matching of GPS traces by snapping points to the road network</li>
</ul>
<p>With these capabilities, you can design more accurate and dynamic route experiences for your users. For example, a logistics company could optimize driver routes in real-time, factoring in live traffic and minimizing travel costs for deliveries.</p>
<p><strong>Maps</strong><br>The updated Amazon Location Maps API includes more purpose-built map styles crafted by skilled cartographers. These map styles offer professional designs that accelerate time to market and eliminate the need for custom map creation. Additionally, the Static Map Image feature allows developers to integrate static maps within applications, reducing the need for continuous data streaming and improving performance in use cases where interactivity isn&rsquo;t necessary.</p>
<p>Key features of the Maps API include:</p>
<ul>
<li>GetTile, to download a tile from a tileset, with a specified X, Y, and Z axis values</li>
<li>GetStyleDescriptor, to return information about the style</li>
<li>GetStaticMap, which enables the rendering of non-interactive maps for reporting or visualization purposes</li>
</ul>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/skipping-the-whm-getting-started-wizard-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Skipping the WHM Getting Started Wizard | cPanel Blog</span></a></div><p><strong>Places</strong><br>The Amazon Location Places API enhancements allow more detailed search capabilities, addressing requests for increased granularity in location data. The new capabilities include:</p>
<ul>
<li>SearchNearby and Autocomplete, which support proximity-based queries and enable predictive text features for better user experiences</li>
<li>Enhanced business details with categories such as Business Hours, Contact Information, and additional attributes for points of interest</li>
</ul>
<p>These features are especially useful for applications where users need detailed information about nearby locations, such as food delivery services or retail applications. Imagine that a customer opens a food delivery application, searches for nearby restaurants using <code>SearchNearby</code>, and retrieves restaurant details such as business hours and contact information to confirm availability. Once multiple delivery orders are assigned to a driver, the application uses <code>OptimizeWaypoints</code> to suggest the most efficient route for pickups and deliveries. As the driver follows the route, <code>SnaptoRoads</code> provides precise visualization of their location, enhancing the customer&rsquo;s real-time tracking experience.</p>
<p><span><strong>Enhanced Location Service in action</strong></span><br>Calling the API is straightforward. You can use the AWS Command Line Interface (AWS CLI), one of our AWS SDKs, or the plain REST API. However, displaying the information on a map in a web or mobile app requires some additional setup. Although the process is well documented, it&rsquo;s too detailed to cover fully here. In this demo, I&rsquo;ll focus on using the API.</p>
<p>Amazon Location Service allows API calls to be authenticated in two ways: through AWS API authentication (AWS Sigv4 authentication) or through API keys. API keys can be more convenient for developers of mobile applications where the end user is not authenticated or when integrating with Amazon Cognito is not feasible. This is the recommended authentication method for front-end applications.</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/gone-phishing-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Gone Phishing | cPanel Blog</span></a></div><p>To demonstrate the versatility of the APIs and how easily you can integrate inside your applications, I use a combination of the AWS CLI, cURL, and a graphical REST API client for each step of the demo.</p>
<p><strong>Step 1: Create an API key</strong></p>
<p>First, I create an API key for my application using the AWS CLI. You can also manage API keys in the AWS Management Console.</p>
<pre><code class="lang-bash">REGION=eu-central-1
KEYNAME=geo-key-seb

aws location create-key --region ${REGION} --key-name ${KEYNAME} --restrictions 
AllowActions="geo-routes:*","geo-places:*","geo-maps:*",
AllowResources="arn:aws:geo-routes:${REGION}::provider/default",
"arn:aws:geo-places:${REGION}::provider/default",
"arn:aws:geo-maps:${REGION}::provider/default" 
--no-expiry 

{
    "Key": "v1.public.ey...cy",
    "KeyArn": "arn:aws:geo:eu-central-1:02345678901:api-key/geo-key-seb",
    "KeyName": "geo-key-seb",
    "CreateTime": "2024-09-29T09:35:53.115000+00:00"
}</code></pre>
<p>This command generates the API key, which I can now use to call Amazon Location APIs.</p>
<p><strong>Step 2: Get geographic coordinates</strong></p>
<p>Next, I use <code>cURL</code> to retrieve the geographic coordinates (a longitude and latitude) for the city center of Lille, France, by calling <code>GeoCode</code>&nbsp;and passing an address in the <code>QueryText</code> parameter.</p>
<pre><code class="lang-bash">$ curl --silent -X "POST" "https://places.geo.eu-central-1.amazonaws.com/v2/geocode?key=v1.public.ey...cy" 
       -d $'{ "QueryText": "Grand Place, Lille, France" }' 
 
{"ResultItems":[{"PlaceId":"AQ...5U","PlaceType":"Street","Title":"Grand'Place, 59800 Lille, France",
                 "Address":{"Label":"Grand'Place, 59800 Lille, France",
                 "Country":{"Code2":"FR","Code3":"FRA","Name":"France"},
                 "Region":{"Code":"HDF","Name":"Hauts-de-France"},"SubRegion":{"Name":"Nord"},
                 "Locality":"Lille","District":"Centre","PostalCode":"59800",
                 "Street":"Grand'Place","StreetComponents":[{"BaseName":"Grand'Place","Language":"fr"}]},
                 "Position":[3.06361,50.63706],
                 "MapView":[3.0628,50.6367,3.06413,50.63729],
                 "MatchScores":{"Overall":1,"Components":{"Address":{"Country":1,"Locality":1,"Intersection":[1]}}}}]}</code></pre>
<p>This returns several data points, including the GPS coordinates for the city center: [3.06361, 50.63706].</p>
<p><strong>Step 3: Search for nearby places</strong></p>
<p>Using the coordinates retrieved, I use a REST API client tool to call the <code>SearchNearby</code> API to find places of interest around Lille&rsquo;s city center.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-88415" src="https://thenokiablog.com/wp-content/uploads/2024/11/announcing-new-apis-for-amazon-location-service-routes-places-and-maps-1.png" alt="Amazon Location Service - API call for places of interest" width="3456" height="2042"></p>
<p>On the right side of the screen, I can read the API response: a list of nearby places, such as restaurants, banks, and parking areas. I can further refine the search by specifying categories or restricting the search area.</p>
<p>The <code>SearchNearby</code> API accepts an optional <code>Filter</code> parameter that helps you restrict the search within a bounding box or to include or exclude business chains, categories, countries, or food types.</p>
<pre><code class="lang-json">"Filter": {
   "BoundingBox": [ number ],
   "ExcludeBusinessChains": [ "string" ],
   "ExcludeCategories": [ "string" ],
   "ExcludeFoodTypes": [ "string" ],
   "IncludeBusinessChains": [ "string" ],
   "IncludeCategories": [ "string" ],
   "IncludeCountries": [ "string" ],
   "IncludeFoodTypes": [ "string" ]
},</code></pre>
<p>In my search for nearby points of interest, one of the results returned was a McDonald&rsquo;s, a well-known international reference &#127828;.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-88416" src="https://thenokiablog.com/wp-content/uploads/2024/11/announcing-new-apis-for-amazon-location-service-routes-places-and-maps-2.png" alt="Amazon Location Service - SearchNearby result" width="800" height="360"></p>
<p><strong>Step 4: Get driving directions</strong></p>
<p>Finally, I use the AWS CLI to calculate driving directions between two city centers: Brussels, Belgium, and Lille, France.</p>
<pre><code class="lang-bash">aws location calculate-routes    
    --origin 4.35278 50.84687      
    --destination 3.06361 50.63706 
    --key "v1.public.ey...cy"</code></pre>
<p>The response includes a polyline for rendering the path on a map and a step-by-step list of driving directions.</p>
<pre><code class="lang-json">...
          "TravelMode": "Car",
          "Type": "Vehicle",
          "VehicleLegDetails": {
            "TravelSteps": [
              {
                "Duration": 15,
                "Distance": 75,
                "ExitNumber": [],
                "GeometryOffset": 0,
                "Type": "Depart"
              },
              {
                "Duration": 10,
                "Distance": 8,
                "ExitNumber": [],
                "GeometryOffset": 2,
                "Type": "Turn",
                "TurnStepDetails": {
                  "Intersection": [],
                  "SteeringDirection": "Right",
                  "TurnIntensity": "Typical"
                }
              },
...</code></pre>
<p><strong>Step 5: Displaying the driving directions on a map</strong></p>
<p>To visualize the route on a map, I use the MapLibre library, which is a rendering engine for displaying maps in web and mobile applications. Following the Amazon Location Service Developer Guide, I built a basic app to display the route.</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-88518 size-full" src="https://thenokiablog.com/wp-content/uploads/2024/11/announcing-new-apis-for-amazon-location-service-routes-places-and-maps-3.png" alt="Amazon Location Service - Map with route" width="1916" height="856"></p>
<p>In addition to MapLibre, you can use&nbsp;AWS Amplify to integrate and display Amazon Location data in your applications.</p>
<p><span><strong>Getting started</strong></span><br>With these new and updated APIs, Amazon Location Service offers a more comprehensive suite of mapping and location data for your business needs. These will help to accelerate your development lifecyle by increasing developers&rsquo; agility and scalability.</p>
<p>To get started, explore the updated Amazon Location Service Developer Guide&nbsp;and begin integrating these features today. You can also visit the Amazon Location Service page to learn more or try out the APIs with your favorite AWS SDKs to see how they can enhance your applications.</p>
<p>       &mdash; seb<br>
       <!-- '"` --></p>
<p>The post <a href="https://thenokiablog.com/announcing-new-apis-for-amazon-location-service-routes-places-and-maps/">Announcing new APIs for Amazon Location Service Routes, Places, and Maps</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Simplify and enhance Amazon S3 static website hosting with AWS Amplify Hosting &#124; Amazon Web Services</title>
		<link>https://thenokiablog.com/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services/</link>
		
		<dc:creator><![CDATA[Mister Nokia]]></dc:creator>
		<pubDate>Wed, 30 Oct 2024 17:03:30 +0000</pubDate>
				<category><![CDATA[Nokia Mobile Phone]]></category>
		<category><![CDATA[Amazon Simple Storage Service (S3)]]></category>
		<category><![CDATA[Announcements]]></category>
		<category><![CDATA[AWS Amplify]]></category>
		<category><![CDATA[Front-End Web & Mobile]]></category>
		<category><![CDATA[Launch]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Storage]]></category>
		<guid isPermaLink="false">https://thenokiablog.com/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services/</guid>

					<description><![CDATA[<p>We are announcing an integration between AWS Amplify Hosting and Amazon Simple Storage Service (Amazon S3)....</p>
<p>The post <a href="https://thenokiablog.com/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services/">Simplify and enhance Amazon S3 static website hosting with AWS Amplify Hosting | Amazon Web Services</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<table id="amazon-polly-audio-table">
<tbody>
<tr>
<td id="amazon-polly-audio-tab">
<div id="amazon-polly-by-tab">
            <img loading="lazy" decoding="async" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services.png" alt="Voiced by Polly" width="554" height="56">
           </div>
</td>
</tr>
</tbody>
</table>
<p>We are announcing an integration between AWS Amplify Hosting and Amazon Simple Storage Service (Amazon S3). Now, you can deploy static websites with content stored in your S3 buckets and serve over a content delivery network (CDN) with just a few clicks.</p>
<p>AWS Amplify Hosting is a fully managed service for hosting static sites that handles various aspects of deploying a website. It gives you benefits such as custom domain configuration with SSL, redirects, custom headers, and deployment on a globally available CDN powered by Amazon CloudFront.</p>
<p>When deploying a static website, Amplify remembers the connection between your S3 bucket and deployed website, so you can easily update your website with a single click when you make changes to website content in your S3 bucket. Using AWS Amplify Hosting is the recommended approach for static website hosting because it offers more streamlined and faster deployment without extensive setup.</p>
<p>Here&rsquo;s how the integration works starting from the Amazon S3 console:</p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/html-element-select-envato-tuts/" class="template-2"><span class="cta">Read more</span><span class="postTitle">HTML Element: select | Envato Tuts+</span></a></div><p><img loading="lazy" decoding="async" class="aligncenter wp-image-88571 size-full" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services.gif" alt width="1280" height="593"></p>
<p><span><strong>Deploying a static website using the Amazon S3 console<br></strong></span>Let&rsquo;s use this new integration to host a personal website directly from my S3 bucket.</p>
<p>To get started, I navigate to my bucket in the Amazon S3 console . Here&rsquo;s the list of all the content in that S3 bucket:</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88214" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-1.png" alt width="1636" height="1612"></p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/skipping-the-whm-getting-started-wizard-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Skipping the WHM Getting Started Wizard | cPanel Blog</span></a></div><p>To use the new integration with AWS Amplify Hosting, I navigate to the <strong>Properties section</strong>, then I scroll down until I find <strong>Static website hosting</strong> and select <strong>Create Amplify app</strong>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88388" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-2.png" alt width="4895" height="1969"></p>
<p>Then, it redirects me to the Amplify page and populates the details from my S3 bucket. Here, I configure my <strong>App name</strong> and the <strong>Branch name</strong>. Then, I select <strong>Save and deploy</strong>.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88215" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-3.png" alt width="3390" height="1522"></p>
<div class="internal-linking-related-contents"><a href="https://thenokiablog.com/gone-phishing-cpanel-blog/" class="template-2"><span class="cta">Read more</span><span class="postTitle">Gone Phishing | cPanel Blog</span></a></div><p>Within seconds, AWS Amplify has deployed my static website, and I can visit the site by selecting <strong>Visit deployed URL</strong>. If I make any subsequent changes in my S3 bucket for my static website, I need to redeploy my application in the Amplify console by selecting the <strong>Deploy updates</strong> button.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88216" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-4.png" alt width="1673" height="718"></p>
<p>I can also use the AWS Command Line Interface (AWS CLI) for programmatic deployment. To do that, I need to get the values for required parameters, such as <code>APP_ID</code> and <code>BRANCH_NAME</code> from my AWS Amplify dashboard. Here&rsquo;s the command I use for deployment:</p>
<pre><code class="lang-bash">aws amplify start-deployment --appId APP_ID --branchName BRANCH_NAME --sourceUrlType=BUCKET_PREFIX --sourceUrl s3://S3_BUCKET/S3_PREFIX</code></pre>
<p>After Amplify Hosting generates a URL for my website, I can optionally configure a custom domain for my static website. To do that, I navigate to my apps in AWS Amplify and select <strong>Custom domains</strong> in the navigation pane. Then, I select <strong>Add domain&nbsp;</strong>to start configuring a custom domain for my static website. Learn more about setting up custom domains in the Amplify Hosting User Guide.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88217" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-5.png" alt width="2955" height="1290"></p>
<p>In the following screenshot, I have my static website configured with my custom domain. Amplify also issues an SSL/TLS certificate for my domain so that all traffic is secured through HTTPS.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88218" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-6.png" alt width="3766" height="1774"></p>
<p>Now, I have my static site ready, and I can check it out at https://donnie.id.</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88219" src="https://thenokiablog.com/wp-content/uploads/2024/10/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services-7.png" alt width="3698" height="1956"></p>
<p><span><strong>Things you need to know<br></strong></span><strong>More available features &ndash;</strong> AWS Amplify Hosting has more features you can use for your static websites. Visit the AWS Amplify product page to learn more.</p>
<p><strong>Deployment options &ndash;</strong> You can get started deploying a static website from Amazon S3 using the Amplify Hosting console, AWS CLI, or AWS SDKs.</p>
<p><strong>Pricing &ndash;</strong> For pricing information, visit Amazon S3 pricing page and AWS Amplify pricing page.</p>
<p><strong>Availability &ndash; </strong>Amplify Hosting integration with Amazon S3 is now available in AWS Regions where Amplify Hosting is available.&nbsp;</p>
<p>Start building your static website with this new integration. To learn more about Amazon S3 static website hosting with AWS Amplify, visit the AWS Amplify Hosting User Guide.&nbsp;</p>
<p>Happy building,</p>
<p>&mdash; Donnie</p>
<p>       <!-- '"` --></p>
<p>The post <a href="https://thenokiablog.com/simplify-and-enhance-amazon-s3-static-website-hosting-with-aws-amplify-hosting-amazon-web-services/">Simplify and enhance Amazon S3 static website hosting with AWS Amplify Hosting | Amazon Web Services</a> appeared first on <a href="https://thenokiablog.com">The NOKIA Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
