التخطي إلى المحتوى الرئيسي

المشاركات

عرض المشاركات من أبريل, 2025

عداد زيارات باستخدام فرونت إند (Angular 18)

ممتاز، طالما أنت فرونت إند (Angular 18) ، والمطلوب منك في التاسك أنك تعمل عدد زيارات للموقع ، فهناك أكثر من طريقة حسب بالضبط تفاصيل الطلب: إذا كان المطلوب ببساطة "عداد زيارات" (عدد يظهر مثلاً فوق الصفحة): خطوات الحل الأساسية: تحتاج Backend أو API يحفظ العدادات (لأن الفرونت وحده بدون سيرفر مش هيحفظ البيانات). ممكن تستخدم أي API جاهز (مثلاً Firebase أو Mock API) أو تطلب من العميل توفير API. أو تبني واحد بسيط (مثلاً على Node.js لو تقدر). لو أنت مجبر تعملها فرونت فقط (بدون API) : تستخدم LocalStorage أو SessionStorage داخل المتصفح: هتحسب الزيارات لجهاز واحد فقط، مش كل الزوار الحقيقيين. في سيناريو أكثر واقعية : تستخدم خدمة زي Google Analytics أو أي خدمة Track جاهزة، وتعرض الرقم بناءً عليه. سيناريو سريع عملي للفرونت (بدون باك إند): // داخل component عندك مثلاً visit-counter.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-visit-counter', template: ` <div> <h2>عد...