كيف تم اخفاء السورس كود في هذا الموقع

محمد المصري12 · 24 نوفمبر 2021

حاولت تفحص مصدر صفحة هذا الموقع : https://egcovac.mohp.gov.eg/#/home

عن طريق : view-source:https://egcovac.mohp.gov.eg/#/home

ولكنه لا يظهر عندي ، ما هي الطريقة المتبعة لإخفاءه السورس كود؟

بلال زيادة · 24 نوفمبر 2021

في هذا الوقت الموقع متوقف , لذلك لا يمكنني الدخول إلى مصدر هذه الصفحة , ولكن ربما تقصد بأن الصفحة تحتوي على أكواد جافا سكريبت ؟

محمد المصري12 · 24 نوفمبر 2021

شغال اخي ، يمكن عشان انت برا مصر

جرب افتحه عن طريق proxy


<!doctype html>
<html class="no-js" lang="ar" dir="ltr" id="htmlTag">

<head>
  <meta charset="utf-8">
  <title>وزارة الصحة والسكان المصرية - لقاح فيروس كورونا المستجد</title>
  <base href="/">

  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous">
<link rel="stylesheet" href="styles.dcb7b8c2f4497fddee1c.css"></head>

<body>
  <!-- Version No. 1.0.29 -->
  <!-- Google Analytics -->
  <script>
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-185467712-2', 'auto');

  </script>
  <!-- End Google Analytics -->

  <link rel="stylesheet" id="lang" href="assets/styles/style-ltr.css">
  <app-root></app-root>
<script type="text/javascript" src="runtime.26209474bfa8dc87a77c.js"></script><script type="text/javascript" src="es2015-polyfills.8324bb31dd8aa5f2460c.js" nomodule></script><script type="text/javascript" src="polyfills.8bbb231b43165d65d357.js"></script><script type="text/javascript" src="scripts.70d76f7af51fd5ea461d.js"></script><script type="text/javascript" src="main.bcab8247d099703a0cdc.js"></script></body>

</html>

هذا هو السورس كود فقط

Adnane Kadri · 24 نوفمبر 2021

بتاريخ 4 ساعات قال محمد المصري5:

شغال اخي ، يمكن عشان انت برا مصر

جرب افتحه عن طريق proxy



<!doctype html>
<html class="no-js" lang="ar" dir="ltr" id="htmlTag">

<head>
  <meta charset="utf-8">
  <title>وزارة الصحة والسكان المصرية - لقاح فيروس كورونا المستجد</title>
  <base href="/">

  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous">
<link rel="stylesheet" href="styles.dcb7b8c2f4497fddee1c.css"></head>

<body>
  <!-- Version No. 1.0.29 -->
  <!-- Google Analytics -->
  <script>
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-185467712-2', 'auto');

  </script>
  <!-- End Google Analytics -->

  <link rel="stylesheet" id="lang" href="assets/styles/style-ltr.css">
  <app-root></app-root>
<script type="text/javascript" src="runtime.26209474bfa8dc87a77c.js"></script><script type="text/javascript" src="es2015-polyfills.8324bb31dd8aa5f2460c.js" nomodule></script><script type="text/javascript" src="polyfills.8bbb231b43165d65d357.js"></script><script type="text/javascript" src="scripts.70d76f7af51fd5ea461d.js"></script><script type="text/javascript" src="main.bcab8247d099703a0cdc.js"></script></body>

</html>

هذا هو السورس كود فقط

بحسب ما يظهر من الشيفرة، يحتمل أن يكون التطبيق مبني على الـ Vue أو الـ React أو الـ Angular فالمطور هنا يقوم بعمل Rendering لمكون بعد تحميل موارد الصفحة، هذا المكون هو العنصر app-root . حيث أن ملف الجافاسكربت المرفق يقوم بضبط الصفحة بناءا عليه بعد تحميل مواردها، وفي حالة طلب تفحص لمصدر الصفحة لن يتم إظهار إلا وسم المكون مرفقا بملف الجافاسكربت، فيظهر وكأن التطبيق قد تم إخفاء مصدره.

لأن عملية إخفاء مصدر صفحة عن المتصفح مستحيلة عمليا ولن يمكن ذلك بشتى الطرق، ففكرة الويب المفتوح هي في مشاركة البيانات، ومادام المتصفح يقوم بعرض الصفحة بشكل طبيعي فهذا يعني أن له وصولا عليها.

أي باختصار: مصدر الصفحة ليس مخفيا، وإنما يتم تحميل مكونات الصفحة وعناصرها بعد تحميل موارد هاته الصفحة.

وعلى نحو خاص جدا، هاته الفكرة شائعة في تطبيقات الويب التقدمية وتطبيقات الصفحة الواحدة SPA's ولا تقتصر على الـ Vue أو React أو Angluar. بل يمكن حتى مماثلة نفس الفكرة عن طريق الجافاسكربت أو الجيكويري بشكل بسيط.

التطبيق لا يفتح معي أيضا، ولكن يمكن التخمين أن هذا التطبيق تطبيق Angular، ﻷن مطوري هذا الأخير يستعملون عادة اسم أو مصطلح app-root كإسم المكون الجذر الذي يتم فيه عمل Rendering لكامل المكونات الفرعية الأخرى لتطبيق الـ angular. (قد تجد البعض الآخر يسمونه wt-root أيضا). وبالتالي فإن ذات الفكرة تنطبق عليه أيضا, فهو ليس إخفاءا وإنما تحميل لمكونات الصفحة بعد مواردها، وطلب تفحص مصدر صفحة ما ليس إلا تفحصًا لمصدرها قبل تحميل أي مورد.

سامح أشرف · 25 نوفمبر 2021

يمكنك أن تستعمل خدمات مثل wappalyzer لفحص المواقع ومعرفة التقنيات التي تستخدمها، وستجد أن الموقع يستعمل Webpack و Angular كأدوات لإتصدير ملفات المشروع بالإضافة إلى مكتبة Bootstrap الإصدار v4.3.1 و مكتبة أيقونات font-awesome الإصدار 5.15.3 وستجد أن الموقع يستعمل خدمات أخرى مثل Google Analytics و TypeScript و ipify و recaptcha

وتستطيع التأكد من كل هذه الأداوات والمكتبات من خلال تفحص الكود المصدري للموقع، حيث ستجد في الأعلى روابط لمكتبة font-awesome وملف styles الذي يحتوي على إصدار Bootstrap في داخله.

وعند قراءة أي ملف JavaScript يستعمله الموقع فستجد أن كل أكواده موجودة بشكل مضغوط للغاية ولكن عند البحث عن كلمة Angular على سبيل المثال في ملف main.js (آخر ملف JavaScript مرفق في الصفحة) ستجد أن الكلمة موجودة فعلًا في أكثر من كائن مما يثبت أن الموقع يستعمل Angular كواجهة للموقع.

تستطيع أن تقرأ عن التطبيقات ذات الصفحة الواحدة وتجربة إنشاء واححدة بإستخدام jQuery فقط من خلال هذه المقالة:

كيف تم اخفاء السورس كود في هذا الموقع

السؤال

محمد المصري12

4 أجوبة على هذا السؤال

Recommended Posts

بلال زيادة

محمد المصري12

Adnane Kadri

سامح أشرف

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية