สร้างตัวย่อ URL แบบไร้เซิร์ฟเวอร์ด้วย AWS Lambda, Python และ Upstash Redis

การสร้างเลเยอร์

ก่อนอื่นเราต้องสร้างและบีบอัดแพ็คเกจ ไปที่เทอร์มินัลท้องถิ่นของคุณแล้วพิมพ์คำสั่งด้านล่าง นั่นจะสร้าง 148 ในโฟลเดอร์แพ็คเกจที่ติดตั้ง Redis

mkdir packages
cd packages
python3 -m venv venv
source venv/bin/activate
 
mkdir python
cd python
pip install redis -t .
 
rm -rf *dist-info
cd..
zip -r requirements-package.zip python

จากนั้นกลับไปที่ 157 ทำงานบน AWS และตรงไปยังเลเยอร์จากแถบด้านข้าง คลิกที่สร้างเลเยอร์ และกรอกการกำหนดค่าที่จำเป็นแล้วอัปโหลด 166 ไฟล์คล้ายกับของฉัน

เมื่อสร้างเลเยอร์แล้ว เราจำเป็นต้องเชื่อมต่อเลเยอร์นี้กับ 170 ของเรา ฟังก์ชั่น ไปที่ส่วนเลเยอร์ของฟังก์ชันแล้วคลิก เพิ่มเลเยอร์ ปุ่ม.

ตอนนี้เราควรจะสามารถย่อ URL ให้สั้นลงได้ สิ่งที่เหลืออยู่คือการเรียกค้น URL แบบยาวจาก 189 คีย์และเปลี่ยนเส้นทางเบราว์เซอร์ไปยัง URL นั้น เพื่อสิ่งนั้น เราจะสร้าง 193 ฟังก์ชันแลมบ์ดา

ฟังก์ชันแลมบ์ดาสำหรับการเปลี่ยนเส้นทาง URL

ขั้นตอนการสร้าง 208 แลมบ์ดาเหมือนกับที่อธิบายไว้ข้างต้น ต่อไปนี้เป็นขั้นตอนอีกครั้ง:

• การสร้างฟังก์ชันแลมบ์ดาชื่อ 212 จากแดชบอร์ด Lambda
• การตั้งค่าตัวแปรสภาพแวดล้อม
• พิมพ์รหัสที่ให้ไว้ด้านล่าง
• การสร้างเลเยอร์ด้วย 224 ไฟล์. (เราอาจใช้ 233 อีกครั้ง ข้อกำหนดจะเหมือนกันในกรณีนี้)
• การเพิ่มเลเยอร์ให้กับฟังก์ชันแลมบ์ดา

นี่คืออัลกอริทึมหลักสำหรับแลมบ์ดาตัวเปลี่ยนเส้นทาง

import json
import redis
 
#Create a redis client.
redis_client = redis.Redis(
 host= UPSTASH_REDIS_REST_HOST,
 port= UPSTASH_REDIS_REST_PORT,
 password= UPSTASH_REDIS_REST_PASSWORD
)
 
def lambda_handler(event, context):
 # Get the short URL from the request path
 short_url = event['pathParameters']['short_url']
 
 # Look up the long URL associated with the short URL in Redis
 long_url = redis_client.get(short_url).decode('utf-8').strip('"')
 
 long_url = format_url_for_redirection(long_url)
 
 # If the short URL doesn't exist, return a 404 error
 if not long_url:
 response = {
 'statusCode': 404,
 'body': json.dumps({'error': 'Short URL not found'})
 }
 return response
 
 # Otherwise, redirect the user to the long URL
 response = {
 'statusCode': 302,
 'headers' : {'Location':long_url},
 'body' : ''
 }
 return response
 
 
def format_url_for_redirection(url):
 if not url.startswith("http://") and not url.startswith("https://"):
 url = "https://" + url
 return url

เพียงเท่านี้แลมบ์ดาของเราก็พร้อมแล้ว! แม้ว่าวิธีนี้จะใช้งานได้ดี แต่เพื่อทำให้ URL สั้นลงเป็นบริการที่เข้าถึงได้ เราต้องหาทางเรียกใช้ lambdas ของเรา มีหลายวิธีในการใช้ฟังก์ชัน lambda แต่สำหรับการนำไปใช้งานนี้ เราจะใช้ AWS API Gateway .

การสร้างเกตเวย์ API บน AWS

ขั้นแรก ไปที่ API Gateway จากคอนโซล AWS ในแดชบอร์ด ให้คลิก สร้าง API ปุ่มและสร้าง REST API . หลังจากทำการกำหนดค่าพื้นฐานแล้ว เราก็จะมี API ของเราภายในไม่กี่วินาที

จากนั้นเราจำเป็นต้องเชื่อมต่อ API Gateway กับฟังก์ชัน Lambda ของเรา ในส่วนทรัพยากร ให้ไปที่ การดำเนินการ> สร้างทรัพยากร . ป้อน 245 และ 256 .

จากนั้นคลิกที่ 268 เส้นทางในทรัพยากร และไปที่ การดำเนินการ> สร้างวิธีการ> เลือก GET> ยืนยัน . ส่วนนี้ค่อนข้างสำคัญ การกำหนดค่านี้ช่วยให้เราสามารถถ่ายโอนข้อมูลคำขอจาก API Gateway ไปยังฟังก์ชัน Lambda ตรวจสอบให้แน่ใจว่าถูกต้อง!

เราได้เชื่อมต่อฟังก์ชันตัวย่อเข้ากับ API ของเราแล้ว ดังนั้นเราจึงสามารถย่อ URL ของเราให้สั้นลงได้ อย่างไรก็ตาม เราต้องการ 273 ฟังก์ชัน Lambda เชื่อมต่อกับ API เพื่อให้บริการของเราทำงานได้ คลิกที่ 283 ในแหล่งข้อมูล ให้ไปที่ การดำเนินการ> สร้างทรัพยากร .

คลิกที่ 295 ในแหล่งข้อมูล จากนั้น การดำเนินการ> สร้างวิธีการ> เลือก GET> ยืนยัน .

ในที่สุด API ของเราก็ได้รับการตั้งค่าแล้ว ขั้นตอนสุดท้ายคือการปรับใช้ API ไปที่ การดำเนินการ> ปรับใช้ API> สร้างระยะใหม่ . พิมพ์ฟิลด์ที่จำเป็นและปรับใช้ ขณะนี้เรามี API สาธารณะแล้ว ในระยะ คุณสามารถดู URL เรียกใช้สาธารณะสำหรับ API ของคุณได้

มีงานสุดท้ายที่ต้องทำ:เรียกใช้ฟังก์ชัน Lambda ผ่านทาง 307 เกตเวย์

ไปที่ 316 ฟังก์ชัน Lambda ภายในภาพรวมฟังก์ชัน คลิกส่วน เพิ่มทริกเกอร์ ปุ่ม.

เมื่อคุณเพิ่มทริกเกอร์ให้กับทั้งสองฟังก์ชัน API สาธารณะและฟังก์ชัน Lambda ของเราก็พร้อมที่จะใช้งาน สำหรับ 321 ฟังก์ชั่นการทริกเกอร์เส้นทาง URL เป็นดังนี้:

334

เพื่อทริกเกอร์ 348 คุณจะต้องได้รับการตอบสนองจาก 352 ฟังก์ชั่น URL ที่ทริกเกอร์สำหรับ 365 มีโครงสร้างดังนี้:

<div class="container mt-5">
 <h1 class="mb-4 text-center">URL Shortener</h1>
 <div class="row justify-content-center">
 <div class="col-md-6">
 <div class="input-group mb-3">
 <input
 type="text"
 class="form-control"
 id="url-input"
 placeholder="Enter URL to shorten"
 />
 <div class="input-group-append">
 <button class="btn btn-primary" type="button" id="shorten-btn">
 Shorten
 </button>
 </div>
 </div>
 <a id="short-url" class="d-none"></a>
 </div>
 </div>
</div>

<!-- Add Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
 
<!-- Add custom JS -->
<script>
 const shortenBtn = document.getElementById("shorten-btn");
 const urlInput = document.getElementById("url-input");
 const urlOutput = document.getElementById("short-url");
 
 shortenBtn.addEventListener("click", async function () {
 let long_url = urlInput.value;
 const apiUrl = `<INVOKE_URL>/shortener?long_url="${long_url}"`;
 const response = await fetch(apiUrl);
 const data = await response.json();
 shortUrl = data.short_url;
 
 urlOutput.innerHTML = shortUrl;
 urlOutput.href = shortUrl;
 urlOutput.classList.remove("d-none");
 });
</script>