آموزش ایجاد وبسایت PWA یا Progressive Web Apps

سلام وقتتون بخیر بعضی از جلساتی که نیاز بوده سورس کدها رو برای استفاده قرار دادیم

درود سافاری کلا سر ناسازگاری داره
خیلی از موارد در سافاری جوابگو نیست

چون در نهایت وبسایت شما هست شما یک بخش backend دارید خلاصه با api و این داستان‌های می تونید متوجه وارد بودن یا نبودن کاربر بشید

با این دستور میتونید شناسایی کنید نوع device رو

window.navigator.userAgent.indexOf('iPhone')

و با این دستور هم میتونید شناسایی کنید که آیا addtohomescreen هست یا نه (برنامتون)

window.navigator.AddToHomeScreen

خروجی ture یا false هست
با اینم میتونید شناسایی کنید که آیا مرورگر کاربر دکمه AddToHomeScreen رو ساپورت میکنه یا نه

'AddToHomeScreen' in window.navigator

همه دستورات بالا خروجی true و false دارند
موفق باشید

سلام شماره 7 رو لطفا از لینک زیر مطالعه بفرمایید
https://roocket.ir/faq

از دیتابیس‌های لوکال مثل indexeddb و localStorage میتونید بهره ببرید

pwa فقط مربوط میشه به javascript
یه سری تگ‌ html هم میتونه بهش کمک کنه

safari یکم قوانینش صفت و زیاده
شما چک کنید کوکی که ثبت میشه، expire تایم اون تا چه زمانی هست

وارد اولین جلسه بشید در زیر عنوانش آورده کی شروع شده

منظورتون از اینکه به session میرسه و بعد خارج میشه دقیقا چیه؟

سلام مجدد ، جناب موسوی وقتی pwa روی ایفون رو باز میکنم تا جایی که نیازی به session نباشه پیش میره . وای به محض اینکه توی کد هام session get میاد از pwa خارج میشه و به safari میره . من از لاروال استفاده کردم

این session get کدشو قرار بدید لطفا

به محض رسیدن به این لاین از pwa خارج و به محیط safari وارد میشه .

$category = Session::get('category');

در جای دیگری از برنامه با رسیدن به این خط از برنامه خارج میشه

$id = Session::get('kid');

من از لاراول استفاده میکنم و در کنترلری یک session رو تعریف میکنم . در هنگام تعریف session مشکل ندارم اما به محض اینکه قصد گرفتن دارم ( منظورم get هست ) از محیط pwa خارج میشه

ببخشید شما این کدها رو اوردید در جاوااسکریپت نوشتید ؟

$category = Session::get('category');

منظور این کد بالاست !
شما در جاوااسکریپت اینو نوشتید ؟

خیر ، این کد رو در کنترلر laravel نوشتم

دقت کنید نباید این موارد رو داخل pwa بکار ببرید اون یک service-worker هست توسط backend پردازش نمیشه اگر قرار هست چیزی به وبسایت بدید به شکل api باید اینکارو کنید.

متوجه منظورتون نشدم ، یعنی مقدار session رو چطور به کنترلر برسونم تا بتونه از پایگاه داده fetch کنه ؟
اگر امکانش هست بیشتر توضیح بدید ؟

فرض رو بر این میگذاریم که میخوام ویرایش profile انجام بدم ، و نیاز به id کاربر دارم که در session هنگام login ذخیره شده و الان قصد دارم بگم مقدار رکورد را برام fetch کن که برابر با id ی که در session ذخیره شده است باشه . ( دقیقا بر سر این مثال هم مشکل دارم )

باید کدتون رو کاملا در قالب پروژه ببینیم تا بتونم بهتون بگم مشکلتون از کجاست

بهترین راه به نظرم اینه که user و pass کاربر رو تو مرورگر ذخیره کنید و موقع اجرای صفحه از کوکی بخونید و عمل auth رو انجام بدید و در صورت موفقیت آمیز بودن عمل auth ، آی دی کاربر رو برگردونید و به صورت گلوبال استفاده کنید تو برنامه ازش

با سلام مجدد ، ببخشید مقداری گفتگو طولانی شده ولی تجربه جالبی بود برام گفتم با شما به اشتراک بگذارم . مشکل من روی iphone 5 بود و روی گوشی های دیگر اپل این مشکل وجود نداشت . طبق تحقیق که کردم از ورژن 10 به بعد iphone این مشکل برطرف شده

باید دیباگ کنید ممکنه هر چیزی باشه که تو پروژه‌اتون اتفاق افتاده !

حتما باید اول js رو خیلی خوب بلد باشید بعد pwa

بهتر هست و پیشنهاد میکنم جاوااسکریپت رو اول خوب یاد بگیرید و بعد es6 رو هم یاد بگیرید کاملا که آشنا شدید بیاید سمت pwa چون همه چی اینجا جاوااسکریپت هست