אנגולר על שרת שיתופי (ללא CLI, npm וכדו') אפשרי?

[למדן וידען]

אפשר להעלות פרויקט אנגולר לשרת כזה?
למישהו יש ניסיון בזה?

תודה

 

[devMode]

אתה מדבר על פרוייקט שאין לו צד שרת?
כי אנגולר זה רק צד לקוח, אלו קבצים סטטיים שלא צריכים שום דבר חוץ משרת סטטי שיגיש אותם לקליינט, זה יכול להיות על כל סוג שרת, באותה מידה אתה יכול גם לשלוח לקליינט את הקבצים בדיסק וזה יעבוד...

 

[@shaye]

נראה לי שאתם מחפשים משהו כזה ("שרת סטטי" - כמו ש @devMode ציין):

Push your ideas to the web | Netlify

Build with AI or code, deploy instantly. One platform with everything you need to make real apps live.

www.netlify.com

Vercel: Build and deploy the best web experiences with the AI Cloud – Vercel

Vercel gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

vercel.com

Surge

Shipping web projects should be fast, easy, and low risk. Surge is static web publishing for Front-End Developers, right from the CLI.

surge.sh

יש עוד, אבל אלו הידועים.
את שני הראשונים אפשר פשוט לחבר לריפו בגיטהאב/גיטלאב וכו', וכל ה-deployment נעשית out of the box!

 

[למדן וידען]

אולי לא הסברתי טוב.
יש לי שרת שיתופי מריץ php.. אין אפשרות להריץ שם נוד ואין cli.

יש לי פרויקט שמתכנתת כתבה לי, קליינט בלבד, באנגולר.
העלתי אותו לשרת, אני מקבל דף לבן.

לכאורה כי לא מותקן אנגולר בשרת.
השאלה אם יש דרך לייצא את האנגולר או משהו כזה לשרת סטטי שלא מותקן אנגולר וזה יעבוד לי.

או שלא הבנתי בכלל איך אנגולר עובד

 

[@shaye]

אנגולר הוא פריימוורק לצד לקוח בלבד.
כל התלויות של npm והעבודה עם ה-cli הם לזמן פיתוח בלבד.
כשרוצים להעלות את האתר מריצים npm run build וה-cli מייצא קבצי JS סטטיים שאותם יש להעלות לשרת (רק כדי להגיש אותם ללקוח).
הקבצים האלה לא חייבים לחיות באותו שרת שאחראי על הצד שרת (PHP, Node וכו') של האתר/אפליקציה, הוא יכול לתקשר עם צד שרת ע"י קריאות API.

המעלה הגדולה בשירותים שציינתי הוא, שהם עושים את כל התהליך של הבנייה בשרתים שלהם (CI CD).
(אתה רק מחבר את השירות לגיטהאב, ועל כל קומיט חדש שהם מזהים אוטומטית ע"י hooks, הם עושים את כל תהליך הבנייה וה-deploy!).

שוה לנסות את זה זה הדרך הכי קלה ולא אמור לקחת יותר מ2 דקות (בהנחה שהאפליקציה נמצאת בשירות גיט כלשהו).

 

[למדן וידען]

כשרוצים להעלות את האתר מריצים npm run build וה-cli מייצא קבצי JS סטטיים שאותם יש להעלות לשרת (רק כדי להגיש אותם ללקוח).

נכון זה צד לקוח בלבד שמתקשר עם API.

קיבלתי תיקיה עם מלא קבצי js ו map.
לזה התכוונתם?

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

אז מה כן צריך לעשות עם זה?
או שאולי לא קיבלתי את הקבצים הנכונים?

 

[תא חזי]

כשרוצים להעלות את האתר מריצים npm run build וה-cli מייצא קבצי JS סטטיים שאותם יש להעלות לשרת (רק כדי להגיש אותם ללקוח).

לא רק JS, אלא גם HTML וCSS

נכון זה צד לקוח בלבד שמתקשר עם API.

קיבלתי תיקיה עם מלא קבצי js ו map.
לזה התכוונתם?

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

אז מה כן צריך לעשות עם זה?
או שאולי לא קיבלתי את הקבצים הנכונים?

א. אולי לא קיבלת בתיקיית הבילד את קובץ הHTML שהוא הentry point לכל העסק, ואותו צריך לפתוח בדפדפן.
ב. הרבה פעמים (אם לא כל) קבצי פאבליק של אנגולר צריכים להיות מוגשים בשרת כדי לעבוד נכון. נסי להגיש אותם בlocalhost עם התוסף live server בVSCODE.
ג. הערה כללית: הגם שבד"כ אפשר להעלות קבצים שנבנו עם אנגולר לשרת שיתופי, אבל במקרה ותהיינה שגיאות CORS עם הAPI וכדו' כשהוא יושב על דומיין אחר, זה יכול להיות סיבוך במקרים מסויימים, ולא כל השרתים השיתופיים נגישים לתקן בעיות כאלה, במידה וצריך התערבות בשרת עצמו.

 

[devMode]

ב. הרבה פעמים (אם לא כל) קבצי פאבליק של אנגולר צריכים להיות מוגשים בשרת כדי לעבוד נכון. נסי להגיש אותם בlocalhost עם התוסף live server בVSCODE.

אני מתעסק לא מעט עם אנגולר ולא פגשתי בבעיה שאתה מתאר, כשפותחים את הindex.html זה עובד גם דרך מערכת הקבצים בלי שרת

ג. הערה כללית: הגם שבד"כ אפשר להעלות קבצים שנבנו עם אנגולר לשרת שיתופי, אבל במקרה ותהיינה שגיאות CORS עם הAPI וכדו' כשהוא יושב על דומיין אחר, זה יכול להיות סיבוך במקרים מסויימים, ולא כל השרתים השיתופיים נגישים לתקן בעיות כאלה, במידה וצריך התערבות בשרת עצמו.

הפתרון למקרים האלה הוא התערבות בשרת API ולא בשרת הסטטי, כך שאין משמעות לבעיה הזו

 

[devMode]

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

תבדוק בלשונית source אם כל הסקריפטים נטענו, ובקונסול תבדוק אם יש שגיאות

 

[למדן וידען]

תבדוק בלשונית source אם כל הסקריפטים נטענו, ובקונסול תבדוק אם יש שגיאות

הוא לא מצליח לטעון, נראה שהוא לא מכיר את type="module" ואת ה nomodule defer..

 

[למדן וידען]

תבדוק בלשונית source אם כל הסקריפטים נטענו, ובקונסול תבדוק אם יש שגיאות

עליתי על זה
היה בעיה ב

<base href="/">

בקובץ הindex.html

בדקתי לאן הוא מנתב, הורדתי את הסלש והכל עלה.

תודה @devMode !! ולכל מי שעזר, זה עזר לי להבין עוד משהו בעולם האנגולר.