ABA


"עזרה מאנשי ה client side בבניית mobile web application"
גירסת הדפסה        
קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21085 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 21085
Specter
חבר מתאריך 1.8.02
20205 הודעות
   23:06   17.01.15   
אל הפורום  
  עזרה מאנשי ה client side בבניית mobile web application  
 
   אני כרגע בתהליכי בניית אפליקציה למובייל מבוססת JS HTML CSS
יש לומר שאין לי רקע בשפות האלו ולמדתי אותם בצורה עצמאית מ 0.
לכן יש לי מעט חורים בחיבור הדברים.

לצד השרת אני משתמש ב PYTHON DJANGO.
לצד הלקוח כאמור אני משתמש ב JS HTML CSS ו JQUERY, שבסופו של דבר השאיפה ליישם עם PHONEGAP (רעיונות אחרים?)

השאלות שלי:
1) האם השיטה המומלצת לקבלת מידע מהשרת בפורמט JSON זה בשימוש עם AJAX?
למה בעצם לא להשתמש ב METHODS המובנים של HTML ולעשות POST/GET? או שאני מערבב פה קצת?

2) מבחינת best practices איך לעבוד עם cache, כלומר להפחית בתעבורה חוזרת של קבצי JS CSS וכו'..
איך לנצל יותר אחסון מקומי בצד הלוקח?

3) קראתי קצת על רינדור הדפים עם המידע בצד השרת "ודחיפה" ללקוח דף מוכן, זאת שיטה נכונה שכאי להתעסק איתה?


אשמח לתשובות ואפילו סתם references אני אסתדר

תודה!


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  מכתב meni181818 17.01.15 23:53 1
     כלומר זה עדיף מהשיטה הרגילה של html? Specter 18.01.15 07:21 2
         מה זאת אומרת השיטה הרגילה של HTML? inno3D 18.01.15 07:41 3
             ל HTML יש METHODS של POSTּ/GET למשל באלמנט של FORM Specter 18.01.15 19:03 5
                 אבל זה דברים שונים inno3D 19.01.15 01:04 14
  בהנחה שהבנתי אותך ובהנחה שמה שאני אומר נכון fly 18.01.15 14:32 4
     מכתב Specter 18.01.15 19:06 6
  אשמח לעוד מידע למי שבקיא Specter 18.01.15 19:07 7
  בלבלו אותך קצת משה הלולן 18.01.15 19:21 8
     מכתב Specter 18.01.15 22:25 9
         מכתב משה הלולן 18.01.15 22:37 10
             נהוג לומר שלפרוייקטים גדולים - angular ו- ember. לקטנים - backbone meni181818 18.01.15 22:45 11
                 אני אענה לשניכם, Specter 18.01.15 23:37 12
                     ברור שאפשר, אבל מומלץ רק בכמות מידע לא רחבה meni181818 19.01.15 00:37 13
                         אוקי, Specter 19.01.15 19:31 15
                             כן meni181818 19.01.15 23:08 16
  כמה תשובות לכל השאלות שלך: Ice Cold  20.01.15 09:57 17
     תודה! סיכום מצוין לשאלות Specter 21.01.15 19:59 18
         רק תדאג לפנות את המידע בסיום השימוש, ולא לעבוד באופן קבוע עם מידע גדול. Ice Cold  21.01.15 20:44 19

       
meni181818 לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק
   23:53   17.01.15   
אל הפורום  
  1. מכתב  
בתגובה להודעה מספר 0
 
   1) ajax מיישם בעצם שיטות GET/POST ברקע.

http://s28.postimg.org/izm7890yz/image.gif


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   07:21   18.01.15   
אל הפורום  
  2. כלומר זה עדיף מהשיטה הרגילה של html?  
בתגובה להודעה מספר 1
 
   או שיש לזה חסרונות?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
inno3D
חבר מתאריך 21.4.02
4533 הודעות
   07:41   18.01.15   
אל הפורום  
  3. מה זאת אומרת השיטה הרגילה של HTML?  
בתגובה להודעה מספר 2
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   19:03   18.01.15   
אל הפורום  
  5. ל HTML יש METHODS של POSTּ/GET למשל באלמנט של FORM  
בתגובה להודעה מספר 3
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
inno3D
חבר מתאריך 21.4.02
4533 הודעות
   01:04   19.01.15   
אל הפורום  
  14. אבל זה דברים שונים  
בתגובה להודעה מספר 5
 
   לשלוח get ב ajax זה לא כמו טופס


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
fly
חבר מתאריך 23.7.13
668 הודעות, 1 פידבק
   14:32   18.01.15   
אל הפורום  
  4. בהנחה שהבנתי אותך ובהנחה שמה שאני אומר נכון  
בתגובה להודעה מספר 0
 
   1. אם יבטלו את ה-js בדפדפן אז ה-AJAX של js לא יעבוד לעומת html שכן יעבוד

2. בהנחה שאתה שם בhead את כל ההפניות לcss וכד'
אז הכל יורד רק בפעם הראשונה בלבד

3. אם אתה רוצה להסתיר את המנגנון שיוצר את הדף או סיבות אחרות שחשבת עליהם אז תרנדר בשרת ותשלח מוכן
כמובן שזה יותר עומס על השרת מאשר לשלוח רק את הנתונים ואז לבנות את הדף אצל הלקוח ב-js

הבנתי שהמגמה היום שהשרת רק יספק את המידע
ושצד הלקוח בונה את הדף


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   19:06   18.01.15   
אל הפורום  
  6. מכתב  
בתגובה להודעה מספר 4
 
   1) אם זאת אפליקציה "סגורה" כלומר APK שיוצר עם PHONEGAP, האם עדיין הלקוח יכול לבטל JS?
למען האמת, גם אם כן, אני פשוט יוציא הודעה שזה לא עובד בלי, הרי מה הטעם? כמעט וכל העיצוב לא שווה בלי JS

2) יורד ונשמר כ CACHE הכוונה? אני צריך לדאוג למשהו נוסף או שזה התנהגות דיפולטיבית?

3) נראה לי שאני אוותר על רינדור בצד השרת, עם אלפי פניות זה יכול להיות אונס תעבורתי

תודה


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   19:07   18.01.15   
אל הפורום  
  7. אשמח לעוד מידע למי שבקיא  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
משה הלולן לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק
   19:21   18.01.15   
אל הפורום  
  8. בלבלו אותך קצת  
בתגובה להודעה מספר 0
 
   1)בעיקרון ajax זה 'השם של טכניקה' לעדכן חלקים באתר בלי לרענן את הדף בשביל לעשות את זה משתמשים בGET\POST יש על זה הרבה מידע בגוגל(גם על ההבדל)

2)אתה מדבר על phonegap? הjs וcss יושבים על הטלפון ולא מורדים מהאינטרנט ככה שאין לך מה לדאוג.

3)בדרך כלל מקבלים מידע בjson מהשרת ומרנדרים בצד לקוח תחפש לדוגמא מידע על handlebars.js.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   22:25   18.01.15   
אל הפורום  
  9. מכתב  
בתגובה להודעה מספר 8
 
   מצוין, מה שחשוב לי זה סעיף 3:
מה הדרך הטובה והמקובלת היום לבצע קבלת JSON מהשרת, פירסור המידע ורינדור הדף? (handlebars.js ?)


דבר נוסף חור קטן שיש לי זה נושא ה cache/cookies, אני אשאל את זה באמצעות שני סנריויים:
1. נניח יש תמונה לכל משתמש באפליקציה, אני לא ארצה כמובן שכל פעם שהמשתמש מתחבר להוריד לו מחדש את התמונה, איך שומרים אותה אצלו?

2. איך אני שומר על יוזר מחובר?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
משה הלולן לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק
   22:37   18.01.15   
אל הפורום  
  10. מכתב  
בתגובה להודעה מספר 9
 
   1. phonegap רץ בתוך webview ככה שאתה מקבל ב'חינם' את הcaching של הדפדפן.

2.שמירת מידע אפשר לדוגמא דרך local storage שוב אני עונה תשובות קצרות כי הדרך האמיתית ללמוד זה לחפור בגוגל על כל נושא יש לכל דבר יתרונות וחסרונות

סעיף 3: האמת אני לא יודע מה הכי מקובל בזממנו שווה לך לקרוא על angularjs,meteorjs,emberjs שתדע שהכלים האלה קימיים ותוכל לבחור את הכלי הנכון להעבודה הנכונה


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
meni181818 לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק
   22:45   18.01.15   
אל הפורום  
  11. נהוג לומר שלפרוייקטים גדולים - angular ו- ember. לקטנים - backbone  
בתגובה להודעה מספר 10
 
   http://s28.postimg.org/izm7890yz/image.gif


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   23:37   18.01.15   
אל הפורום  
  12. אני אענה לשניכם,  
בתגובה להודעה מספר 11
 
   כרגע בתור התחלה אני עובד עם JQUERY, לאחר מכן כנראה אני ארצה להתפתח לכיוון ה ANGULARJS

האם יש אפשרות לבצע את מה שמתואר בסעיף 3 באמצעות JQUERY?
אני יודע שיש AJAX METHOD מובנה ל JQUERY:
http://www.w3schools.com/jquery/jquery_ref_ajax.asp

כדאי ללכת על זה? או לבחון דרך אחרת?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
meni181818 לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק
   00:37   19.01.15   
אל הפורום  
  13. ברור שאפשר, אבל מומלץ רק בכמות מידע לא רחבה  
בתגובה להודעה מספר 12
 
   http://s28.postimg.org/izm7890yz/image.gif


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   19:31   19.01.15   
אל הפורום  
  15. אוקי,  
בתגובה להודעה מספר 13
 
   אם למשל יוזר רוצה לעדכן משהו בפרופיל שלו באפליקציה לצורך העניין,
האם גם זה אמור לעבור עם AJAX בפורט JSON?

כלומר לעדכן את ה DATABASE גם באותה השיטה?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
meni181818 לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 12.12.13
1032 הודעות, 1 פידבק
   23:08   19.01.15   
אל הפורום  
  16. כן  
בתגובה להודעה מספר 15
 
   http://s28.postimg.org/izm7890yz/image.gif


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Ice Cold  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק
   09:57   20.01.15   
אל הפורום  
  17. כמה תשובות לכל השאלות שלך:  
בתגובה להודעה מספר 0
 
1. לא רק שאפשר ומומלץ להשתמש ב-AJAX על פני FORM SUBMIT בכל הזדמנות, אם אתה מעצב את המסך מקומית על פי המידע שאתה מקבל מהשרת, ב-phonegap אתה פשוט חייב לעשות את זה. אם תשתמש ב-FORM רגיל, אתה תאבד את היכולות הנייטיביות של המכשיר בפעולה הבאה שתרצה לעשות.

2. כמו שמשה הלולן אמר, היות ואתה עובד עם PHONEGAP, שמבוסס דפדפן, אתה מקבל בחינם את יכולות ה-CACHING. אתה ל-א יכול להשתמש ב-COOKIES באפליקציות PHONEGAP, מכיוון שאין לאפליקציית PHONEGAP איזהשהו DOMAIN לשמור אותו עליו. אתה יכול להשתמש ב Local Storage כדי לשמור מידע.

3. אל תרנדר את הדפים בשרת. זה עומס מיותר בשרת, והדפדפן של המכשיר יותר ממסוגל להתמודד איתה (עד רמה מסויימת, כמובן).

4. להגיד ש-amber,angularjs, backbone נכונים לגודל כזה או אחר של פרוייקט זו טעות מהותית! אין שום קשר לגודל הפרוייקט ולארכיטקטורה שאתה משתמש בה. ברוב הפרוייקטים אני משתמש בקוד שכתבתי בעצמי, בחלק משתמש ב-jQuery ובחלק לא, וכו' וכו'... הכל תלוי בשימושים שלך והאם הארכיטקטורה מתאימה לפרויקט הספציפי שלך.

5. ניתן להשתמש ב-jQuery Ajax לטקסט בכל גודל שהוא, אבל יש לזה מחיר מסוים לשלם ב-PARSING שלו ב-JSON. אני כבר עבדתי עם תוכן של 200K בלי שום בעיה. אין FRAMEWORK שטוען תוכן מהשרת בשיטה כזו או אחרת. כל ה-FRAMEWORKS טוענות מידע מהשרת באותה צורה ע"י מימוש של xmlhttp של הדפדפן.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Specter
חבר מתאריך 1.8.02
20205 הודעות
   19:59   21.01.15   
אל הפורום  
  18. תודה! סיכום מצוין לשאלות  
בתגובה להודעה מספר 17
 
   רק לגבי 5, מה הכוונה ב "יש לזה מחיר מסוים לשלם ב-PARSING שלו ב-JSON" ?

רוב העבודה שלי כנראה הולכת להיות jQuery Ajax בשילוב עם JSON, האם יש בזה חסרון?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Ice Cold  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק
   20:44   21.01.15   
אל הפורום  
  19. רק תדאג לפנות את המידע בסיום השימוש, ולא לעבוד באופן קבוע עם מידע גדול.  
בתגובה להודעה מספר 18
 
יהיו לזה השלכות על צריכת זיכרון, ובמבנה לא תקין - אף לקריסה.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net