ربط تطبيق فلاتر الخاص بك بخدمة Firebase ليعمل على المتصفح
كما نعلم ان تطبيقات فلاتر تعمل تقريبا على جميع المنصات ولكن تحتاج لربطها بالمنصة التي تريد العمل عليها حتى لا يحدث مشاكل وفي هذا القسم شرحنا لكم كيف تقوم بربطها على اجهزة android , ios واليوم سوف نشرح لكم طريقة ربط المشروع الخاص بك على web في خدمة فايربيز وهيا خد\مة قوية تقدمها لنا جوجل كدعم للمطورين ومساعدتهم على انجاز الاعمال الخاصه بهم بشكل اسرع ولهذا سوف نقدم لكم اليوم طريقة الربط الصحيحه لمشروعك بكل سهوله والامر بسيط جدا جدا .
إن حرفة تطوير تطبيقات الأجهزة المحمولة تتطلب عمالة مكثفة وتغير العالم الرقمي يوميًا. بناء البرمجيات للأجهزة المحمولة هو ما يستلزمه. تقنيات المعالجة الدقيقة المتقدمة مطلوبة لإنشاء تطبيقات الهاتف المحمول. وقد رفعت هذه التقنيات من مستوى إنشاء برامج الهاتف المحمول. على سبيل المثال ، يمكنك الآن تشغيل تطبيقات الأجهزة المحمولة على مجموعة متنوعة من الأنظمة الأساسية. بالإضافة إلى ذلك ، يتم إنشاء أفضل تطبيقات سطح المكتب للهواتف الذكية.
تطبيقات الأجهزة المحمولة التي تم إنشاؤها متاحة للتنزيل والتثبيت المسبق على أجهزة Android و iPhone. يمكن لكل من أجهزة Mac وأجهزة الكمبيوتر التي تعمل بنظام Windows الاستجابة لها. يستكشف المطورون الحقائق المتعلقة باستهلاك تطبيقات الأجهزة المحمولة لإنشاء تطبيقات الأجهزة المحمولة. يأخذون في الاعتبار مقدار الأموال التي ينفقها المستخدمون على هواتفهم الذكية وإمكانية تطوير تطبيقات الهاتف المحمول.
How to connect flutter web with firebase
الخطوة الاولى وهيا الانتقال الى حسابك في فايربيز واختيار المشروع الذي تعمل عليه بشكل صحيح وبعدها اختر ويب ومن ثم بعدها اضف التطبيق الخاص بك وضع له اسم كما هو موضح .
بعد ذلك سوف تنتقل الى ثاني خطوة وهيا لاضافة بعض الاكواد والاوامر لعمل تطبيقك بشكل صحيح يمكنك نسخ الكود الذي نقدمه لك بالاسفل فهو اكثر وضوح من الكود الذي يقدمه لك firebase . مع تغيير ids بالذي يقدمه لك فايربيز .
code.dart
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-analytics.js"></script>
<script>
//Replace with your config data
var firebaseConfig = {
apiKey: "Anha1wShmI",
authDomain: ".firebaseapp.com",
projectId: "vacachal",
storageBucket: "vac.appspot.com",
messagingSenderId: "109037017",
appId: "1:10903047017:web:9eb35c2756d9b878",
measurementId: "G-M90GBQ2EKE"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
انتقل الى ملف web الموجود في عناصر تطبيق Flutter لديك ومنها انتقل الى index
اخيرا اضف الكود الذي قمت بنسخه بالاعلى والصقه في المكان المخصص له ويكون اسفل script كما هو موضح حتى لا يحدث معك اي مشاكل
وبهذا يكون مشروعك تم ربطه بخدمة فايربيز بشكل صحيح بدون اي مشاكل .
