مشكلة في إرسال البيانات بإستخدام flutter - dio

مرحبا ممكن تحدد أي مشكلة , لأنه مش مفهوم أي مشكلة من الصورة ؟ 

عند استعمال physical device ، وعند إرسال بينات إلى ال API يقف التطبيق عن العمل وتظهر الصورة التي أرفقتها

مع العلم / أن التطبيق يعمل بشكل طبيعي عند استعمال محاكي

هل هناك فرق بين استعمال ال physical device واستعمال محاكي في تغيير ال url الخاص بال API أو غيرها من الأمور؟

  بتاريخ On 3‏/4‏/2021 at 17:57 قال Mohammed Abu Yousef:

عند استعمال physical device ، وعند إرسال بينات إلى ال API يقف التطبيق عن العمل وتظهر الصورة التي أرفقتها

مع العلم / أن التطبيق يعمل بشكل طبيعي عند استعمال محاكي

أظهر المزيد  

معظم الأخطاء تظهر عند استعمال الجوال الحقيقي غير المحاكي لذلك يجب التأكد من أنه لا يوجد خطأ في عملية إرسال البيانات في المحاكي ثم في الجوال الحقيقي , ايضا تأكد من وضع الصلاحيات المناسبة كالاتصال ببيانات الجهاز أو Wifi. 

حاول تشغيل المشروع من موجه الأوامر باستخدام flutter run لمعرفة ما إذا كانت هناك أي مشكلة أم لا.

يمكنك ايضا من استخدام حزمة flutter_flipperkit من هنا . للتتبع الأخطاء في تطبيقك وعمل تقارير بها.

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

  بتاريخ On 3‏/4‏/2021 at 17:57 قال Mohammed Abu Yousef:

هل هناك فرق بين استعمال ال physical device واستعمال محاكي في تغيير ال url الخاص بال API أو غيرها من الأمور؟

أظهر المزيد  

إذا كنت تستعمل local API مخدم من local host لن يستطيع الجهاز الحقيقي الاتصال مع المخدم في حاسوبك.

لحل المشكلة عليك استبدال IP الذي يتصل عليه التطبيق ووضع IP الحاسوب الذي يقوم بتشغيل المخدم حيث سوف تستخدم local IP للجهاز في الشبكة الداخلية أي جهاز router لديك.

يمكن معرفة ال IP الداخلي من خصائص اتصال واي فاي للحاسوب :

اختر Wi-Fi network > the Wi-Fi network المتصل بها > Properties خصائص.

ابحث عن IPv4 address. وقم بوضعه في التطبيق

  بتاريخ On 3‏/4‏/2021 at 20:45 قال Wael Aljamal:

إذا كنت تستعمل local API مخدم من local host لن يستطيع الجهاز الحقيقي الاتصال مع المخدم في حاسوبك.

لحل المشكلة عليك استبدال IP الذي يتصل عليه التطبيق ووضع IP الحاسوب الذي يقوم بتشغيل المخدم حيث سوف تستخدم local IP للجهاز في الشبكة الداخلية أي جهاز router لديك.

يمكن معرفة ال IP الداخلي من خصائص اتصال واي فاي للحاسوب :

اختر Wi-Fi network > the Wi-Fi network المتصل بها > Properties خصائص.

ابحث عن IPv4 address. وقم بوضعه في التطبيق

 

أظهر المزيد  

قمت بالفعل بإضافة IPv4 address ولكن للأسف نفس المشكلة وها هي الرسالة التي تظهر:

  بتاريخ On 4‏/4‏/2021 at 09:16 قال Mohammed Abu Yousef:

قمت بالفعل بإضافة IPv4 address ولكن للأسف نفس المشكلة وها هي الرسالة التي تظهر:

 

أظهر المزيد  

يمكنك تغيير api الى 10.0.2.2:8000 وتجربة ذلك 

  بتاريخ On 4‏/4‏/2021 at 09:20 قال بلال زيادة:

يمكنك تغيير api الى 10.0.2.2:8000 وتجربة ذلك 

أظهر المزيد  

نعم أعلم ذلك، هذا بإمكانه العمل على المحاكي، أنا أريد تجربته على physical device

  بتاريخ On 4‏/4‏/2021 at 09:22 قال Mohammed Abu Yousef:

نعم أعلم ذلك، هذا بإمكانه العمل على المحاكي، أنا أريد تجربته على physical device

أظهر المزيد  

يجب استخدام real website لا يعمل السيرفر الشخصي على الموبايل لذلك يظهر الخطأ.

  بتاريخ On 4‏/4‏/2021 at 09:23 قال بلال زيادة:

يجب استخدام real website لا يعمل السيرفر الشخصي على الموبايل لذلك يظهر الخطأ.

أظهر المزيد  

يعني يجب رفع السيرفر على استضافة؟

  بتاريخ On 4‏/4‏/2021 at 09:24 قال Mohammed Abu Yousef:

يعني يجب رفع السيرفر على استضافة؟

أظهر المزيد  

صحيح. 

  بتاريخ On 4‏/4‏/2021 at 09:16 قال Mohammed Abu Yousef:

قمت بالفعل بإضافة IPv4 address ولكن للأسف نفس المشكلة وها هي الرسالة التي تظهر:

أظهر المزيد  

بالنسبة لي، أقوم بتجريب التطبيقات على الخادم المحلي بنفس هذه الطريقة وهي الاتصال على IP الحاسب الخاص بي.

تأكد أن الحاسوب مرئي على الشبكة.

  بتاريخ On 4‏/4‏/2021 at 11:36 قال Wael Aljamal:

بالنسبة لي، أقوم بتجريب التطبيقات على الخادم المحلي بنفس هذه الطريقة وهي الاتصال على IP الحاسب الخاص بي.

هل ال IP هو الذي في الصورة؟

تأكد أن الحاسوب مرئي على الشبكة.

كيف أتأكد؟

أظهر المزيد  

  بتاريخ On 4‏/4‏/2021 at 11:36 قال Wael Aljamal:

كيف أتأكد؟

أظهر المزيد  

نعم هذا هو، طبعا يجب على الهاتف الاتصال على نفس شبكة wifi

  بتاريخ On 4‏/4‏/2021 at 18:16 قال Wael Aljamal:

نعم هذا هو، طبعا يجب على الهاتف الاتصال على نفس شبكة wifi

أظهر المزيد  

يصبح هكذا ؟ (علما أن التوصيل بين اللابتوب والجوال عن طريق USB)

String url = 'http://192.168.1.104:8000/api/';

  بتاريخ On 4‏/4‏/2021 at 18:25 قال Mohammed Abu Yousef:

التوصيل بين اللابتوب والجوال عن طريق USB

أظهر المزيد  

هذا لا يسبب مشكلة، فقط تأكد من اتصالهما كليهما على نفس ال router عن طريق wifi مثلا من الضروري اتصالهما على نفس الشبكة.

تأكد من جعل حاسوبك available على الشبكة من خصائص الشبكة

بالنسبة للرابط نفس الذي استخدمته من قبل فقط تبديل localhost or 127.0.0.1 بال IP لديك.

آخر تعديل يمكن أن تقوم به هو التأكد أن المخدم المحلي لديك wampp / xampp يسمح بالاتصال الخارجي من جهاز آخر ابحث عن connect to wamp from another computer حسب المخدم لديك ربما يتطلب تعديل في الاعدادات

  بتاريخ On 4‏/4‏/2021 at 18:33 قال Wael Aljamal:

هذا لا يسبب مشكلة، فقط تأكد من اتصالهما كليهما على نفس ال router عن طريق wifi مثلا من الضروري اتصالهما على نفس الشبكة.

تأكد من جعل حاسوبك available على الشبكة من خصائص الشبكة

بالنسبة للرابط نفس الذي استخدمته من قبل فقط تبديل localhost or 127.0.0.1 بال IP لديك.

آخر تعديل يمكن أن تقوم به هو التأكد أن المخدم المحلي لديك wampp / xampp يسمح بالاتصال الخارجي من جهاز آخر ابحث عن connect to wamp from another computer حسب المخدم لديك ربما يتطلب تعديل في الاعدادات

أظهر المزيد  

هوا موجود عندي public، أخليه  private زي الصورة؟

  بتاريخ On 4‏/4‏/2021 at 19:14 قال Mohammed Abu Yousef:

هوا موجود عندي public، أخليه  private زي الصورة؟

أظهر المزيد  

نعم كما تلاحظ هذا نوع الشبكة فيقوم windose بإخفاء الجهاز عندما تكون الشبكة عامة Public للحماية من الاختراق.

و تصح قابلة للاكتشاف discoverable في الشبكة المنزلية حيث يتصل عليها أجهزة موثوقة.

  بتاريخ On 4‏/4‏/2021 at 19:16 قال Wael Aljamal:

نعم كما تلاحظ هذا نوع الشبكة فيقوم windose بإخفاء الجهاز عندما تكون الشبكة عامة Public للحماية من الاختراق.

و تصح قابلة للاكتشاف discoverable في الشبكة المنزلية حيث يتصل عليها أجهزة موثوقة.

أظهر المزيد  

للأسف نفس المشكلة، لكن الرسالة هذه المرة مختلفة، ها هي لعلك تفيدك في معرفة الخطأ

 Bad state: Insecure HTTP is not allowed by platform: http://192.168.1.104:8000/api/login

  بتاريخ On 4‏/4‏/2021 at 19:27 قال Mohammed Abu Yousef:

للأسف نفس المشكلة، لكن الرسالة هذه المرة مختلفة، ها هي لعلك تفيدك في معرفة الخطأ

 Bad state: Insecure HTTP is not allowed by platform: http://192.168.1.104:8000/api/login

أظهر المزيد  

تمام، اتصل الهاتف مع المخدم،

الآن يتطلب تعديل في 

android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" /> <!-- This Line -->

<application
        android:name="io.flutter.app.FlutterApplication"
        android:label="receipt"
        android:usesCleartextTraffic="true"

حاول إضافة هذه الخاصية "android:usesCleartextTraffic="true

  بتاريخ On 4‏/4‏/2021 at 19:33 قال Wael Aljamal:

تمام، اتصل الهاتف مع المخدم،

الآن يتطلب تعديل في 

android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" /> <!-- This Line -->

<application
        android:name="io.flutter.app.FlutterApplication"
        android:label="receipt"
        android:usesCleartextTraffic="true"

حاول إضافة هذه الخاصية "android:usesCleartextTraffic="true

أظهر المزيد  

هناك تقدم، لم يتوقف التطبيق عن العمل مباشرة كما كان من قبل، لكن ظهرت هذه المشكلة:

Http status error [500]

  بتاريخ On 4‏/4‏/2021 at 19:38 قال Mohammed Abu Yousef:

Http status error [500]

أظهر المزيد  

هذه المشكلة في المخدم.  Internal Server Error server error response code أرجو التأكد من كيفية ارسال الطلبات و إعادة اختباره.

يمكنك مراجعة السؤال التالي: