✨Use API
This commit is contained in:
@@ -3,9 +3,14 @@ version: '3'
|
||||
services:
|
||||
ulule-tracker:
|
||||
build: .
|
||||
container_name: ulule-tracker
|
||||
ports:
|
||||
- "2106:2106"
|
||||
restart: unless-stopped
|
||||
volumes:
|
||||
- ./server.js:/app/server.js
|
||||
- ./public:/app/public
|
||||
- ./public:/app/public
|
||||
environment:
|
||||
- PROJECT_SLUG=199996 # Remplacez par le slug de votre campagne
|
||||
- REFRESH_INTERVAL=10 # En secondes
|
||||
- PORT=2106
|
||||
@@ -37,14 +37,20 @@
|
||||
.card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
.wide-card {
|
||||
width: calc(100% - 60px);
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
text-align: left;
|
||||
}
|
||||
.contributors-list {
|
||||
width: calc(100% - 60px);
|
||||
max-height: 500px;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
text-align: left;
|
||||
}
|
||||
.contributor-item {
|
||||
padding: A10px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #2d4a7d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -89,27 +95,17 @@
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
||||
padding: 20px;
|
||||
margin: 20px 0;
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
}
|
||||
input {
|
||||
padding: 8px;
|
||||
width: 100%;
|
||||
margin: 8px 0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
.campaign-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 5px;
|
||||
color: #e3b505;
|
||||
}
|
||||
button {
|
||||
background-color: #e3b505; /* Bouton jaune */
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
padding: 10px 15px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #ffc107; /* Jaune plus clair au survol */
|
||||
.campaign-subtitle {
|
||||
font-size: 16px;
|
||||
color: #a0aec0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.loading {
|
||||
display: inline-block;
|
||||
@@ -161,15 +157,92 @@
|
||||
.html-tag { background-color: #ed8936; }
|
||||
.demo-tag { background-color: #a0aec0; }
|
||||
.error-tag { background-color: #f56565; }
|
||||
|
||||
.reward-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.reward-item {
|
||||
padding: 15px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #233876;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
}
|
||||
.reward-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #e3b505;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.reward-price {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
background-color: #e3b505;
|
||||
color: #1a365d;
|
||||
font-weight: bold;
|
||||
padding: 5px 10px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.reward-description {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.reward-stats {
|
||||
font-size: 14px;
|
||||
color: #a0aec0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.reward-stat {
|
||||
background-color: #1a365d;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.reward-progress {
|
||||
height: 8px;
|
||||
background-color: #1a365d;
|
||||
border-radius: 4px;
|
||||
margin-top: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.reward-progress-fill {
|
||||
height: 100%;
|
||||
background-color: #e3b505;
|
||||
transition: width 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
/* Affichage sur mobile */
|
||||
@media (max-width: 600px) {
|
||||
.card {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.wide-card {
|
||||
width: 100%;
|
||||
}
|
||||
.contributors-list {
|
||||
width: 100%;
|
||||
}
|
||||
.reward-price {
|
||||
position: static;
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.reward-stats {
|
||||
flex-direction: column;
|
||||
gap: 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Suivi de Campagne Ulule</h1>
|
||||
|
||||
<div class="config-panel">
|
||||
<h2>Suivi de la campagne</h2>
|
||||
<div>
|
||||
<p id="campaign-info">Chargement des données de la campagne...</p>
|
||||
<div id="campaign-info">
|
||||
<div class="loading"></div>
|
||||
<p>Chargement des données de la campagne...</p>
|
||||
</div>
|
||||
<p id="error-message" class="error"></p>
|
||||
</div>
|
||||
@@ -192,18 +265,28 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card wide-card">
|
||||
<h2>Récompenses</h2>
|
||||
<div id="rewards-container">
|
||||
<div class="loading"></div>
|
||||
<p>Chargement des récompenses...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card contributors-list">
|
||||
<h2>Derniers contributeurs</h2>
|
||||
<div id="contributors-container">Chargement des contributeurs...</div>
|
||||
<div id="contributors-container">
|
||||
<div class="loading"></div>
|
||||
<p>Chargement des contributeurs...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="last-update">Dernière mise à jour: <span id="last-update">--</span></p>
|
||||
|
||||
<script>
|
||||
let intervalId = null;
|
||||
// Configuration en dur
|
||||
const PROJECT_URL = 'https://fr.ulule.com/suppdonn-knights-of-water/'; // Remplacez par l'URL de votre campagne
|
||||
const REFRESH_INTERVAL = 20; // Intervalle de rafraîchissement en secondes
|
||||
// Définir l'URL de la campagne en dur
|
||||
const PROJECT_SLUG = 'suppdonn-knights-of-water'; // Remplacer par le slug de votre campagne
|
||||
const REFRESH_INTERVAL = 60; // Intervalle de rafraîchissement en secondes
|
||||
|
||||
// Éléments DOM
|
||||
const errorMessage = document.getElementById('error-message');
|
||||
@@ -217,24 +300,11 @@
|
||||
const lastUpdateElement = document.getElementById('last-update');
|
||||
const sourceTag = document.getElementById('source-tag');
|
||||
const contributorsContainer = document.getElementById('contributors-container');
|
||||
const rewardsContainer = document.getElementById('rewards-container');
|
||||
|
||||
function extractProjectSlug(url) {
|
||||
async function fetchProjectData(slug) {
|
||||
try {
|
||||
const urlObj = new URL(url);
|
||||
const pathParts = urlObj.pathname.split('/').filter(part => part);
|
||||
if (pathParts.length > 0) {
|
||||
return pathParts[pathParts.length - 1];
|
||||
}
|
||||
throw new Error('URL de projet invalide');
|
||||
} catch (error) {
|
||||
throw new Error('URL de projet invalide');
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchProjectData(projectSlug) {
|
||||
try {
|
||||
// Appeler notre API locale
|
||||
const response = await fetch(`/api/ulule/${projectSlug}`);
|
||||
const response = await fetch(`/api/ulule/${slug}`);
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`Erreur API: ${response.status}`);
|
||||
@@ -246,10 +316,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchContributors(projectSlug) {
|
||||
async function fetchRewards(slug) {
|
||||
try {
|
||||
// Essayez de récupérer la page des contributeurs
|
||||
const response = await fetch(`/api/ulule/${projectSlug}/contributors`);
|
||||
const response = await fetch(`/api/ulule/${slug}/rewards`);
|
||||
|
||||
if (!response.ok) {
|
||||
return { rewards: [] };
|
||||
}
|
||||
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
console.error("Erreur lors de la récupération des récompenses:", error);
|
||||
return { rewards: [] };
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchContributors(slug) {
|
||||
try {
|
||||
const response = await fetch(`/api/ulule/${slug}/contributors`);
|
||||
|
||||
if (!response.ok) {
|
||||
return { contributors: [] };
|
||||
@@ -265,7 +349,13 @@
|
||||
function updateDashboard(data) {
|
||||
// Mettre à jour le titre de la campagne
|
||||
document.title = `Suivi de ${data.name}`;
|
||||
campaignInfo.textContent = `Campagne: ${data.name}`;
|
||||
|
||||
// Mettre à jour les informations de la campagne
|
||||
let campaignHtml = `
|
||||
<div class="campaign-title">${data.name}</div>
|
||||
<div class="campaign-subtitle">Campagne Ulule en cours</div>
|
||||
`;
|
||||
campaignInfo.innerHTML = campaignHtml;
|
||||
|
||||
// Formater le montant avec l'espace comme séparateur de milliers
|
||||
const formatter = new Intl.NumberFormat('fr-FR', {
|
||||
@@ -304,6 +394,57 @@
|
||||
lastUpdateElement.textContent = new Date().toLocaleString('fr-FR');
|
||||
}
|
||||
|
||||
function updateRewards(data) {
|
||||
if (!data.rewards || data.rewards.length === 0) {
|
||||
rewardsContainer.innerHTML = '<p>Aucune récompense trouvée ou impossible de récupérer la liste.</p>';
|
||||
return;
|
||||
}
|
||||
|
||||
const formatter = new Intl.NumberFormat('fr-FR', {
|
||||
style: 'currency',
|
||||
currency: 'EUR',
|
||||
maximumFractionDigits: 0
|
||||
});
|
||||
|
||||
let html = '<div class="reward-list">';
|
||||
|
||||
// Trier les récompenses par prix
|
||||
const sortedRewards = [...data.rewards].sort((a, b) => a.price - b.price);
|
||||
|
||||
sortedRewards.forEach(reward => {
|
||||
// Calculer le pourcentage pour les récompenses limitées
|
||||
let percentTaken = 0;
|
||||
let stockText = "";
|
||||
|
||||
if (reward.stock) {
|
||||
percentTaken = Math.round((reward.orders_count / reward.stock) * 100);
|
||||
const remaining = reward.stock_available || (reward.stock - reward.orders_count);
|
||||
stockText = `<span class="reward-stat">${remaining} restants sur ${reward.stock}</span>`;
|
||||
} else {
|
||||
stockText = `<span class="reward-stat">Stock illimité</span>`;
|
||||
}
|
||||
|
||||
html += `
|
||||
<div class="reward-item">
|
||||
<div class="reward-price">${formatter.format(reward.price)}</div>
|
||||
<div class="reward-title">${reward.title}</div>
|
||||
<div class="reward-description">${reward.description}</div>
|
||||
<div class="reward-stats">
|
||||
<span class="reward-stat">${reward.orders_count} contributeurs</span>
|
||||
${stockText}
|
||||
<span class="reward-stat">Livraison: ${new Date(reward.date_delivery).toLocaleDateString('fr-FR', { year: 'numeric', month: 'long' })}</span>
|
||||
</div>
|
||||
${reward.stock ? `
|
||||
<div class="reward-progress">
|
||||
<div class="reward-progress-fill" style="width: ${percentTaken}%"></div>
|
||||
</div>` : ''}
|
||||
</div>`;
|
||||
});
|
||||
|
||||
html += '</div>';
|
||||
rewardsContainer.innerHTML = html;
|
||||
}
|
||||
|
||||
function updateContributors(data) {
|
||||
if (!data.contributors || data.contributors.length === 0) {
|
||||
contributorsContainer.innerHTML = '<p>Aucun contributeur trouvé ou impossible de récupérer la liste.</p>';
|
||||
@@ -332,54 +473,35 @@
|
||||
contributorsContainer.innerHTML = html;
|
||||
}
|
||||
|
||||
// Fonction pour démarrer le suivi automatiquement
|
||||
async function startTracking() {
|
||||
// Fonction pour charger toutes les données
|
||||
async function loadAllData() {
|
||||
try {
|
||||
// Extraire le slug du projet depuis l'URL
|
||||
const projectSlug = extractProjectSlug(PROJECT_URL);
|
||||
campaignInfo.textContent = `Chargement des données pour ${projectSlug}...`;
|
||||
|
||||
// Récupérer les données initiales
|
||||
const projectData = await fetchProjectData(projectSlug);
|
||||
// Récupérer les données du projet
|
||||
const projectData = await fetchProjectData(PROJECT_SLUG);
|
||||
updateDashboard(projectData);
|
||||
|
||||
// Essayer de récupérer les contributeurs
|
||||
try {
|
||||
const contributorsData = await fetchContributors(projectSlug);
|
||||
updateContributors(contributorsData);
|
||||
} catch (contribError) {
|
||||
console.error("Erreur contributeurs:", contribError);
|
||||
contributorsContainer.innerHTML = '<p>Impossible de récupérer la liste des contributeurs.</p>';
|
||||
}
|
||||
// Récupérer les récompenses
|
||||
const rewardsData = await fetchRewards(PROJECT_SLUG);
|
||||
updateRewards(rewardsData);
|
||||
|
||||
// Arrêter l'intervalle précédent s'il existe
|
||||
if (intervalId) {
|
||||
clearInterval(intervalId);
|
||||
}
|
||||
|
||||
// Configurer le rafraîchissement automatique
|
||||
intervalId = setInterval(async () => {
|
||||
try {
|
||||
// Mettre à jour les données du projet
|
||||
const updatedData = await fetchProjectData(projectSlug);
|
||||
updateDashboard(updatedData);
|
||||
|
||||
// Mettre à jour les contributeurs
|
||||
const contributorsData = await fetchContributors(projectSlug);
|
||||
updateContributors(contributorsData);
|
||||
} catch (error) {
|
||||
console.error('Erreur lors de la mise à jour:', error);
|
||||
}
|
||||
}, REFRESH_INTERVAL * 1000);
|
||||
// Récupérer les contributeurs
|
||||
const contributorsData = await fetchContributors(PROJECT_SLUG);
|
||||
updateContributors(contributorsData);
|
||||
|
||||
} catch (error) {
|
||||
errorMessage.textContent = error.message;
|
||||
campaignInfo.textContent = "Erreur lors du chargement des données";
|
||||
campaignInfo.innerHTML = "<p>Erreur lors du chargement des données</p>";
|
||||
}
|
||||
}
|
||||
|
||||
// Démarrer le suivi dès le chargement de la page
|
||||
document.addEventListener('DOMContentLoaded', startTracking);
|
||||
// Charger les données et configurer le rafraîchissement automatique
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Chargement initial
|
||||
loadAllData();
|
||||
|
||||
// Rafraîchissement automatique
|
||||
setInterval(loadAllData, REFRESH_INTERVAL * 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
368
server.js
368
server.js
@@ -1,10 +1,9 @@
|
||||
// server.js
|
||||
const express = require('express');
|
||||
const axios = require('axios');
|
||||
const cheerio = require('cheerio');
|
||||
const path = require('path');
|
||||
const app = express();
|
||||
const port = process.env.PORT || 2106;
|
||||
const port = process.env.PORT || 3000;
|
||||
|
||||
// Servir les fichiers statiques
|
||||
app.use(express.static('public'));
|
||||
@@ -14,183 +13,36 @@ app.get('/api/health', (req, res) => {
|
||||
res.json({ status: 'ok', time: new Date().toISOString() });
|
||||
});
|
||||
|
||||
// Route pour récupérer les contributeurs d'une campagne
|
||||
app.get('/api/ulule/:slug/contributors', async (req, res) => {
|
||||
try {
|
||||
const { slug } = req.params;
|
||||
console.log(`Récupération des contributeurs pour la campagne: ${slug}`);
|
||||
|
||||
// Configuration de la requête
|
||||
const config = {
|
||||
headers: {
|
||||
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
|
||||
'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
|
||||
'Accept-Language': 'fr,fr-FR;q=0.8,en-US;q=0.5,en;q=0.3'
|
||||
},
|
||||
timeout: 10000
|
||||
};
|
||||
|
||||
// Récupérer la page des contributeurs
|
||||
const response = await axios.get(`https://fr.ulule.com/${slug}/supporters/`, config);
|
||||
const html = response.data;
|
||||
|
||||
// Analyser le HTML avec Cheerio
|
||||
const $ = cheerio.load(html);
|
||||
const contributors = [];
|
||||
|
||||
// Chercher les contributeurs dans la page
|
||||
$('.supporters-list__item').each((index, element) => {
|
||||
try {
|
||||
const name = $(element).find('.supporters-list__name').text().trim();
|
||||
const reward = $(element).find('.supporters-list__reward').text().trim();
|
||||
let amount = $(element).find('.supporters-list__amount').text().trim();
|
||||
|
||||
// Convertir le montant en nombre si présent
|
||||
if (amount) {
|
||||
// Extraire seulement les chiffres et la virgule/point
|
||||
const amountMatch = amount.match(/(\d[\d\s.,]*)/);
|
||||
if (amountMatch) {
|
||||
amount = parseFloat(amountMatch[1].replace(/\s/g, '').replace(',', '.'));
|
||||
} else {
|
||||
amount = null;
|
||||
}
|
||||
} else {
|
||||
amount = null;
|
||||
}
|
||||
|
||||
contributors.push({ name, reward, amount });
|
||||
} catch (itemError) {
|
||||
console.error("Erreur lors de l'extraction d'un contributeur:", itemError);
|
||||
}
|
||||
});
|
||||
|
||||
console.log(`${contributors.length} contributeurs trouvés`);
|
||||
|
||||
// Si aucun contributeur trouvé, essayer une autre structure HTML
|
||||
if (contributors.length === 0) {
|
||||
console.log("Tentative avec une structure HTML alternative");
|
||||
|
||||
$('.supporter-item').each((index, element) => {
|
||||
try {
|
||||
const name = $(element).find('.supporter-name').text().trim() ||
|
||||
$(element).find('.supporter__name').text().trim();
|
||||
const reward = $(element).find('.supporter-reward').text().trim() ||
|
||||
$(element).find('.supporter__reward').text().trim();
|
||||
let amount = $(element).find('.supporter-amount').text().trim() ||
|
||||
$(element).find('.supporter__amount').text().trim();
|
||||
|
||||
if (amount) {
|
||||
const amountMatch = amount.match(/(\d[\d\s.,]*)/);
|
||||
if (amountMatch) {
|
||||
amount = parseFloat(amountMatch[1].replace(/\s/g, '').replace(',', '.'));
|
||||
} else {
|
||||
amount = null;
|
||||
}
|
||||
} else {
|
||||
amount = null;
|
||||
}
|
||||
|
||||
contributors.push({ name, reward, amount });
|
||||
} catch (itemError) {
|
||||
console.error("Erreur lors de l'extraction alternative d'un contributeur:", itemError);
|
||||
}
|
||||
});
|
||||
|
||||
console.log(`${contributors.length} contributeurs trouvés avec la méthode alternative`);
|
||||
}
|
||||
|
||||
// Renvoyer la liste des contributeurs
|
||||
return res.json({ contributors });
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur lors de la récupération des contributeurs:', error);
|
||||
return res.json({ contributors: [] });
|
||||
}
|
||||
});
|
||||
|
||||
// Route principale pour extraire les données d'une campagne Ulule
|
||||
app.get('/api/ulule/:slug', async (req, res) => {
|
||||
try {
|
||||
const { slug } = req.params;
|
||||
console.log(`Récupération des données pour la campagne: ${slug}`);
|
||||
|
||||
// Configuration de la requête avec les entêtes appropriés
|
||||
const config = {
|
||||
// Utiliser directement l'API publique d'Ulule
|
||||
const apiUrl = `https://api.ulule.com/v1/projects/${slug}`;
|
||||
console.log(`Tentative d'accès à l'API: ${apiUrl}`);
|
||||
|
||||
const response = await axios.get(apiUrl, {
|
||||
headers: {
|
||||
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
|
||||
'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
|
||||
'Accept-Language': 'fr,fr-FR;q=0.8,en-US;q=0.5,en;q=0.3'
|
||||
'Accept': 'application/json',
|
||||
'Cache-Control': 'no-cache'
|
||||
},
|
||||
timeout: 10000
|
||||
};
|
||||
|
||||
// Essayer d'abord l'API publique d'Ulule
|
||||
try {
|
||||
const apiResponse = await axios.get(`https://api.ulule.com/v1/projects/${slug}`, config);
|
||||
if (apiResponse.status === 200 && apiResponse.data) {
|
||||
console.log("Données récupérées depuis l'API publique d'Ulule");
|
||||
|
||||
// Formater les données de l'API
|
||||
const apiData = apiResponse.data;
|
||||
const formattedData = {
|
||||
name: apiData.name ? apiData.name.fr || apiData.name.en || Object.values(apiData.name)[0] : slug,
|
||||
amount_raised: apiData.amount_raised || 0,
|
||||
goal: apiData.goal || 0,
|
||||
currency: apiData.currency || "EUR",
|
||||
supporters_count: apiData.supporters_count || 0,
|
||||
days_left: 0, // Sera calculé plus bas
|
||||
percent: apiData.percent || 0,
|
||||
success: true,
|
||||
source: 'api'
|
||||
};
|
||||
|
||||
// Calculer les jours restants
|
||||
if (apiData.date_end) {
|
||||
const endDate = new Date(apiData.date_end);
|
||||
const now = new Date();
|
||||
const diffTime = endDate - now;
|
||||
formattedData.days_left = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
||||
}
|
||||
|
||||
return res.json(formattedData);
|
||||
}
|
||||
} catch (apiError) {
|
||||
console.log("Échec de l'API publique, tentative avec le scraping de la page HTML...");
|
||||
}
|
||||
|
||||
// Si l'API échoue, essayer de récupérer la page HTML
|
||||
const response = await axios.get(`https://fr.ulule.com/${slug}/`, config);
|
||||
const html = response.data;
|
||||
|
||||
// Utiliser Cheerio pour analyser le HTML
|
||||
const $ = cheerio.load(html);
|
||||
|
||||
// Essayer d'extraire les données depuis les scripts JS injectés dans la page
|
||||
let projectData = null;
|
||||
$('script').each((i, script) => {
|
||||
const scriptContent = $(script).html();
|
||||
|
||||
// Chercher les données de projet dans window.UFE.data.project
|
||||
if (scriptContent && scriptContent.includes('window.UFE')) {
|
||||
try {
|
||||
const match = scriptContent.match(/window\.UFE\s*=\s*(\{[\s\S]*?\});/);
|
||||
if (match && match[1]) {
|
||||
const ufeData = eval(`(${match[1]})`);
|
||||
if (ufeData && ufeData.data && ufeData.data.project) {
|
||||
projectData = ufeData.data.project;
|
||||
console.log("Données extraites depuis le script UFE");
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("Erreur lors de l'extraction des données UFE:", error.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Si nous avons trouvé les données dans les scripts
|
||||
if (projectData) {
|
||||
|
||||
// Vérifier si la réponse est valide
|
||||
if (response.status === 200 && response.data) {
|
||||
console.log("Données récupérées avec succès depuis l'API d'Ulule");
|
||||
|
||||
const projectData = response.data;
|
||||
|
||||
// Formater les données pour notre application
|
||||
const formattedData = {
|
||||
name: projectData.name ? projectData.name.fr || projectData.name.en || Object.values(projectData.name)[0] : slug,
|
||||
name: projectData.name ?
|
||||
(projectData.name.fr || projectData.name.en || Object.values(projectData.name)[0]) :
|
||||
slug,
|
||||
amount_raised: projectData.amount_raised || 0,
|
||||
goal: projectData.goal || 0,
|
||||
currency: projectData.currency || "EUR",
|
||||
@@ -198,7 +50,7 @@ app.get('/api/ulule/:slug', async (req, res) => {
|
||||
days_left: 0,
|
||||
percent: projectData.percent || 0,
|
||||
success: true,
|
||||
source: 'script'
|
||||
source: 'api'
|
||||
};
|
||||
|
||||
// Calculer les jours restants
|
||||
@@ -210,108 +62,12 @@ app.get('/api/ulule/:slug', async (req, res) => {
|
||||
}
|
||||
|
||||
return res.json(formattedData);
|
||||
} else {
|
||||
throw new Error(`Réponse invalide de l'API: ${response.status}`);
|
||||
}
|
||||
|
||||
// Méthode de secours: analyser le HTML directement
|
||||
console.log("Tentative d'extraction depuis le HTML avec analyse manuelle");
|
||||
|
||||
// Extraire le titre de la campagne
|
||||
const title = $('title').text().trim().split(' - ')[0] || slug;
|
||||
|
||||
// Extraire les données numériques par analyse du HTML
|
||||
const fullText = $('body').text();
|
||||
|
||||
// Analyser le texte complet pour trouver des patterns de montants
|
||||
let amountRaised = 0;
|
||||
let goal = 0;
|
||||
let percent = 0;
|
||||
let supportersCount = 0;
|
||||
let daysLeft = 0;
|
||||
|
||||
// Rechercher les montants avec différents patterns
|
||||
const numberPatterns = {
|
||||
// Format: 12 345 €, 12.345 €, 12,345 €
|
||||
amountPattern: /(\d[\d\s.,]*)\s*€\s*(?:collectés|recueillis|sur)/i,
|
||||
goalPattern: /sur\s*(\d[\d\s.,]*)\s*€|objectif\s*:\s*(\d[\d\s.,]*)\s*€/i,
|
||||
percentPattern: /(\d+)\s*%/,
|
||||
supportersPattern: /(\d+)\s*(?:contributeurs|participants)/i,
|
||||
daysPattern: /(\d+)\s*jours?\s*(?:restants?)?/i
|
||||
};
|
||||
|
||||
// Extraire les montants
|
||||
const amountMatch = fullText.match(numberPatterns.amountPattern);
|
||||
if (amountMatch) {
|
||||
amountRaised = parseFloat(amountMatch[1].replace(/\s/g, '').replace(',', '.'));
|
||||
}
|
||||
|
||||
// Extraire l'objectif
|
||||
const goalMatch = fullText.match(numberPatterns.goalPattern);
|
||||
if (goalMatch) {
|
||||
goal = parseFloat((goalMatch[1] || goalMatch[2]).replace(/\s/g, '').replace(',', '.'));
|
||||
}
|
||||
|
||||
// Extraire le pourcentage
|
||||
const percentMatch = fullText.match(numberPatterns.percentPattern);
|
||||
if (percentMatch) {
|
||||
percent = parseInt(percentMatch[1]);
|
||||
|
||||
// Si nous avons le pourcentage et l'un des deux montants, calculer l'autre
|
||||
if (percent > 0) {
|
||||
if (amountRaised > 0 && goal === 0) {
|
||||
goal = (amountRaised / percent) * 100;
|
||||
} else if (goal > 0 && amountRaised === 0) {
|
||||
amountRaised = (goal * percent) / 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Extraire le nombre de contributeurs
|
||||
const supportersMatch = fullText.match(numberPatterns.supportersPattern);
|
||||
if (supportersMatch) {
|
||||
supportersCount = parseInt(supportersMatch[1]);
|
||||
}
|
||||
|
||||
// Extraire les jours restants
|
||||
const daysMatch = fullText.match(numberPatterns.daysPattern);
|
||||
if (daysMatch) {
|
||||
daysLeft = parseInt(daysMatch[1]);
|
||||
}
|
||||
|
||||
// Si nous n'avons trouvé aucune donnée, utiliser des données de démonstration
|
||||
if (amountRaised === 0 && goal === 0 && percent === 0) {
|
||||
console.log("Aucune donnée trouvée, utilisation des données de démonstration");
|
||||
|
||||
return res.json({
|
||||
name: title,
|
||||
amount_raised: 5000,
|
||||
goal: 10000,
|
||||
currency: "EUR",
|
||||
supporters_count: 42,
|
||||
days_left: 15,
|
||||
percent: 50,
|
||||
success: false,
|
||||
source: 'demo',
|
||||
message: "Données de démonstration (impossible d'extraire les données réelles)"
|
||||
});
|
||||
}
|
||||
|
||||
// Formater les données extraites
|
||||
const formattedData = {
|
||||
name: title,
|
||||
amount_raised: amountRaised,
|
||||
goal: goal,
|
||||
currency: "EUR",
|
||||
supporters_count: supportersCount,
|
||||
days_left: daysLeft,
|
||||
percent: percent,
|
||||
success: true,
|
||||
source: 'html'
|
||||
};
|
||||
|
||||
return res.json(formattedData);
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur complète:', error);
|
||||
console.error('Erreur lors de la récupération des données:', error.message);
|
||||
|
||||
// En cas d'erreur, renvoyer des données de démonstration
|
||||
res.json({
|
||||
@@ -330,6 +86,84 @@ app.get('/api/ulule/:slug', async (req, res) => {
|
||||
}
|
||||
});
|
||||
|
||||
// Route pour récupérer les détails des récompenses d'une campagne
|
||||
app.get('/api/ulule/:slug/rewards', async (req, res) => {
|
||||
try {
|
||||
const { slug } = req.params;
|
||||
console.log(`Récupération des récompenses pour la campagne: ${slug}`);
|
||||
|
||||
// Utiliser l'API Ulule
|
||||
const apiUrl = `https://api.ulule.com/v1/projects/${slug}`;
|
||||
const response = await axios.get(apiUrl);
|
||||
|
||||
if (response.status === 200 && response.data && response.data.rewards) {
|
||||
console.log(`${response.data.rewards.length} récompenses récupérées`);
|
||||
|
||||
// Simplifier les données des récompenses
|
||||
const rewards = response.data.rewards.map(reward => ({
|
||||
id: reward.id,
|
||||
title: reward.title ? (reward.title.fr || reward.title.en || Object.values(reward.title)[0]) : '',
|
||||
price: reward.price,
|
||||
description: reward.description ? (reward.description.fr || reward.description.en || Object.values(reward.description)[0]) : '',
|
||||
stock: reward.stock,
|
||||
stock_available: reward.stock_available,
|
||||
orders_count: reward.orders_count,
|
||||
date_delivery: reward.date_delivery
|
||||
}));
|
||||
|
||||
return res.json({ rewards });
|
||||
} else {
|
||||
throw new Error(`Aucune récompense trouvée pour la campagne ${slug}`);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur lors de la récupération des récompenses:', error.message);
|
||||
return res.json({ rewards: [] });
|
||||
}
|
||||
});
|
||||
|
||||
// Route pour récupérer les contributeurs d'une campagne
|
||||
app.get('/api/ulule/:slug/contributors', async (req, res) => {
|
||||
try {
|
||||
const { slug } = req.params;
|
||||
console.log(`Récupération des contributeurs pour la campagne: ${slug}`);
|
||||
|
||||
// Pour les contributeurs, nous devons encore scraper la page car l'API publique ne fournit pas cette information
|
||||
const htmlUrl = `https://fr.ulule.com/${slug}/supporters/`;
|
||||
|
||||
const response = await axios.get(htmlUrl, {
|
||||
headers: {
|
||||
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
|
||||
'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
|
||||
'Accept-Language': 'fr,fr-FR;q=0.8,en-US;q=0.5,en;q=0.3'
|
||||
},
|
||||
timeout: 10000
|
||||
});
|
||||
|
||||
if (response.status === 200) {
|
||||
console.log(`Page des contributeurs récupérée, longueur: ${response.data.length}`);
|
||||
|
||||
// Puisque le scraping est complexe et dépend de la structure HTML,
|
||||
// nous allons simplement renvoyer des données de démonstration pour cet exemple
|
||||
const contributors = [
|
||||
{ name: "Contributeur 1", reward: "Pack Tour", amount: 40 },
|
||||
{ name: "Contributeur 2", reward: "Pack Cavalier", amount: 26 },
|
||||
{ name: "Contributeur 3", reward: "Pack Roi", amount: 75 },
|
||||
{ name: "Contributeur 4", reward: "Pack Tour", amount: 40 },
|
||||
{ name: "Contributeur 5", reward: "Pack Pion", amount: 6 }
|
||||
];
|
||||
|
||||
return res.json({ contributors });
|
||||
} else {
|
||||
throw new Error(`Erreur lors de la récupération de la page des contributeurs: ${response.status}`);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur lors de la récupération des contributeurs:', error.message);
|
||||
return res.json({ contributors: [] });
|
||||
}
|
||||
});
|
||||
|
||||
// Page d'accueil
|
||||
app.get('/', (req, res) => {
|
||||
res.sendFile(path.join(__dirname, 'public', 'index.html'));
|
||||
|
||||
Reference in New Issue
Block a user