Merhabalar Ben @bypatnos Lojistik grup adına paylaşılan Başka Bir Siteden Veri Çekme makalesinde sizi görmekten mutluk duyarım.
Bir web sitesindeki veriyi doğrudan kendi web sitenize entegre etmek için bir backend uygulaması geliştirmeniz gerekir. Bu süreçte, veri çekme (web scraping veya API ile) işlemini arka planda yapabilir ve sonuçları kendi sitenizde gösterebilirsiniz. İşte nasıl yapacağınızı adım adım açıklıyorum:1. Backend Uygulamasıyla Veri Çekme
Bir backend uygulaması geliştirerek, hedef siteden veriyi alabilirsiniz. Python kullanıyorsanız Flask veya Django gibi bir framework seçebilirsiniz.Örnek: Flask ile Web Scraping ve API Servisi
- Python Scripti Hazırlayalım :
Kod:from flask import Flask, jsonify import requests from bs4 import BeautifulSoup app = Flask(__name__) @app.route('/get-tehlike-sinifi', methods=['GET']) def get_tehlike_sinifi(): url = "https://www.armadaosgb.com/tehlike-sinifi-ogrenme/" response = requests.get(url) soup = BeautifulSoup(response.content, 'html.parser') # Örneğin bir tabloyu çekmek için table = soup.find('table') # Sitedeki tabloyu bul rows = table.find_all('tr') if table else [] data = [] for row in rows: cols = [col.text.strip() for col in row.find_all('td')] if cols: data.append(cols) return jsonify({"data": data}) if __name__ == '__main__': app.run(debug=True)- Bu script, hedef siteden veriyi çeker ve JSON formatında döner.
2. Frontend'de Veriyi Kendi Sitenizde Gösterin
Backend'den alınan veriyi kendi web sitenize entegre etmek için frontend tarafında bir API isteği yapabilirsiniz.HTML ve JavaScript;
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tehlike Sınıfı</title>
</head>
<body>
<h1>Tehlike Sınıfı Bilgileri</h1>
<div id="data"></div>
<script>
fetch('http://localhost:5000/get-tehlike-sinifi')
.then(response => response.json())
.then(data => {
const container = document.getElementById('data');
data.data.forEach(row => {
const rowElement = document.createElement('p');
rowElement.textContent = row.join(' | ');
container.appendChild(rowElement);
});
})
.catch(error => console.error('Error:', error));
</script>
</body>
</html>3. Barındırma ve Yayınlama
- Backend: Flask uygulamasını bir sunucuda çalıştırın (örneğin, AWS, Heroku, veya kendi VPS’iniz).
- Frontend: HTML dosyanızı web sitenizin bir parçası olarak sunun.
LOJİSTİK TİM SUNDU
