استقرار برنامه NextJS در فروشگاه های اپلیکیشن موبایل با استفاده از CapacitorJS

آیا تا به حال به داشتن یک پایگاه کد واحد برای برنامه های وب و تلفن همراه خود فکر کرده اید؟

اخیراً یک بلیط SPIKE برای تحقیق در مورد تجزیه و تحلیل شکاف ارسال برنامه ما به Google Play و App Store به من وظیفه داده شد. چیزی که بلافاصله در ذهن من ظاهر شد react-native. بنابراین من به دنبال فریمورک های محبوبی گشتم که این را پشتیبانی می کند. انتخاب برتر Solito بود. 2 چیز را حل کرد:

• ناوبری NextJS در تلفن همراه
• الگوهای ساخت اپلیکیشن های چند پلتفرمی

مشکل این بود که من مجبور شدم کدهای زیادی را بازنویسی کنم تا آن را به آن تبدیل کنم react-native-web برای پشتیبانی از مؤلفه های بومی
بنابراین من از اطرافیان تیم خواستم دیدگاهی داشته باشند. یکی از CapacitorJS پیشنهادی توسط Ionic. این راه حل عالی برای نیاز بود!

راه اندازی اولیه با برنامه NextJS من

چند چیز برای آسان تر کردن زندگی شما

• از JDK 17 استفاده کنید (این بهترین نسخه برای استفاده با اندروید برای جلوگیری از مشکلات ساخت Gradle است)
• ایجاد کنید index.html فایل داخل شما /public dir که شامل:

خطاهای رایج ساخت با npx cap sync

• اگر /out dir گم شده است، باید خود را به روز کنید next.config.js شامل شدن output: export بجای output: standalone
• اگر Gradle خطاهای ساخت را دارد، بررسی کنید که آیا از نسخه JDK صحیح استفاده می کنید
• در صورت خطای iOS، XCode خود را به روز کنید

نتیجه

آسان است، درست است؟ فقط مطمئن شوید که برنامه وب شما پاسخگو باشد و باید به راحتی کار کند. 🚀 موفق باشید، رفقا!