בקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.

[צדיק תמים]

@למה-מה-קרה כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

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

כאמור אתה צריך לשמור את ה"ידית" בIndexedDB ולשלוף אותה משם. עשית את זה? לא ברור לי מה עשית בפועל טכנית
אולי תביא את הקטע קוד הרלוונטי?
אגב כתוב שם שיש 3 דרכים להציג את בקשת ההרשאה שמאפשרת להעניק גישה קבועה:

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

לכאורה זה אומר שאם תתקין את האתר שלך (3 נקודות של הדפדפן > שמירה ושיתוף > התקנת הדף כאפליקציה) לא תהיה אפילו בקשת הרשאה אלא תוכל אוטומטית לחדש את הגישה ל"ידית" שאתה שולף מהIndexedDB

[למה מה קרה]

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

לכאורה זה אומר שאם תתקין את האתר שלך (3 נקודות של הדפדפן > שמירה ושיתוף > התקנת הדף כאפליקציה) לא תהיה אפילו בקשת הרשאה אלא תוכל אוטומטית לחדש את הגישה ל"ידית" שאתה שולף מהIndexedDB

בשביל זה אני צריך להתקין על המחשב node.js (שרת מקומי) או משהו בסגנון
וזה פוגע לי בניידות של הפרוייקט,
השאלה האם יש אופצייה אחרת או שזו האפשרות הכי יעילה.
(אני חשבתי אולי על הכיוון לסגור את הפרוייקט כ-exe עם הכלי ש-@מתכנת-חובב הביא אולי זה יפתור לי את הבעיה)

זה הקוד נכון לעכשיו

    <script>
        const dbName = 'fileHandlesDB';
        const storeName = 'handles';

       
        function openDB() {
            return new Promise((resolve, reject) => {
                const request = indexedDB.open(dbName, 1);
                request.onupgradeneeded = (event) => {
                    const db = event.target.result;
                    db.createObjectStore(storeName, { keyPath: 'id' });
                };
                request.onsuccess = (event) => {
                    resolve(event.target.result);
                };
                request.onerror = (event) => {
                    reject(event.target.error);
                };
            });
        }

      
        function saveFileHandle(handle) {
            return openDB().then((db) => {
                return new Promise((resolve, reject) => {
                    const transaction = db.transaction(storeName, 'readwrite');
                    const store = transaction.objectStore(storeName);
                    const request = store.put({ id: 'fileHandle', handle });
                    request.onsuccess = () => {
                        resolve();
                    };
                    request.onerror = (event) => {
                        reject(event.target.error);
                    };
                });
            });
        }

       
        function getFileHandle() {
            return openDB().then((db) => {
                return new Promise((resolve, reject) => {
                    const transaction = db.transaction(storeName, 'readonly');
                    const store = transaction.objectStore(storeName);
                    const request = store.get('fileHandle');
                    request.onsuccess = (event) => {
                        resolve(event.target.result ? event.target.result.handle : null);
                    };
                    request.onerror = (event) => {
                        reject(event.target.error);
                    };
                });
            });
        }

[צדיק תמים]

@למה-מה-קרה כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

בשביל זה אני צריך להתקין על המחשב node.js (שרת מקומי) או משהו בסגנון

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

לגבי הקוד עברתי עליו מלמעלה והוא נראה בסדר, אבל חסר ההמשך, מה אתה עושה עם הhandle שאתה מקבל מgetFileHandle?

[למה מה קרה]

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

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

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

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

אפשר גם להגדיר מניפסט כדי שיופיע כפתור התקנה כזה אבל זה לא חובה כי אפשר ב3 נקודות כמו שפירטתי

אולי זה יעזור לי.

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

לגבי הקוד עברתי עליו מלמעלה והוא נראה בסדר, אבל חסר ההמשך, מה אתה עושה עם הhandle שאתה מקבל מgetFileHandle?

אה זה ההמשך חוץ מזה עשיתי לזה איזנ ממשקון קטן עם כמה כפתורים

  async function readFile(handle) {
            const file = await handle.getFile();
            const content = await file.text();
            const fileContentTextarea = document.getElementById('fileContent');
            fileContentTextarea.value = content;
            fileContentTextarea.style.display = 'block';
            document.getElementById('saveFileButton').style.display = 'block';
        }

       
        async function saveFile(handle, content) {
            const writable = await handle.createWritable();
            await writable.write(content);
            await writable.close();
            alert('הקובץ נשמר בהצלחה.');
        }

[צדיק תמים]

@למה-מה-קרה כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

async function readFile(handle) {
const file = await handle.getFile();

לפני getFile אתה צריך לקרוא ל ()handle.requestPermission

[צדיק תמים]

פוסט זה נמחק!

[צדיק תמים]

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

@למה-מה-קרה כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

async function readFile(handle) {
const file = await handle.getFile();

לפני getFile אתה צריך לקרוא ל ()handle.requestPermission

בדקתי ונראה שזה עובד, מצורף דוגמה
file-handling-web-app.html.zip

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

[למה מה קרה]

@צדיק-תמים

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

בדקתי ונראה שזה עובד, מצורף דוגמה
file-handling-web-app.html.zip

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

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

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

בסוף בסוף יש לי איזה כיוון לארוז את זה לתוכנה נורמלית

[צדיק תמים]

@למה-מה-קרה כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

אתה הצלחת להתקין את זה כאפליקציה דרך כרום?

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

אם אתה מתעקש על אלקטרון אתה יכול, רק שזה אומר שהתוכנה תשקול מאות מ"ב וגם תשתמש במאות מ"ב ראם. גם בכיוון הזה יש פתרונות רזים יותר כמו Tauri או Neutralinojs
https://github.com/Elanis/web-to-desktop-framework-comparison

[למה מה קרה]

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

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

תודה רבה רבה על העזרה המקצועית והמועילה.
(כל מילה נוספת מיותרת)

@צדיק-תמים כתב בבקשת מידע | קריאה וכתיבת נתונים מקובץ מקומי באמצעות html או js.:

אם אתה מתעקש על אלקטרון אתה יכול, רק שזה אומר שהתוכנה תשקול מאות מ"ב וגם תשתמש במאות מ"ב ראם. גם בכיוון הזה יש פתרונות רזים יותר כמו Tauri או Neutralinojs

אני מאוד רוצה לסגור את זה כתוכנה נורמלית, אני אנסה את אחת מההצעות שלך ומקווה שאצליח לסגור אותה כ-exe.