Cordova webview چیست؟

[mehrad77]

Cordova webview چیست؟

اپلیکیشن‌هایی که با کوردوا ساخته میشنود در واقع یک WebView بر اساس مرورگر هستند که در پلتفورم مورد نظر اجرا می‌شوند. شما می‌توانید این کار را خودتان هم با استفاده از API های کوردوا انجام دهید. برای این کار باید با برنامه نویسی نتیو (مثلا جاوا برای اندروید یا سویفت برای آی او اس و سی شارپ برای ویندوز فون ) آن پلتفر آشنایی داشته باشید. کوردوا وب ویو در پلتفرم‌های زیر موجود است:

- Amazon Fire OS WebViews
- Android WebViews
- iOS WebViews
- Windows Phone 8.0 WebViews

*در این مقاله هدف ما نسخه اندروید آن است.

آموزش استفاده از کوردوا وب ویو در اندروید

در این آموزش فرض بر این گرفته شده که شما با برنامه نویسی برای اندروید آشنا هستید. اگر نیستید، در این مورد تحقیق کنید.
CordovaWebView یک کامپوننت برای sdk اندروید است که مانند وب ویوو خود اندروید وظیفه نمایش یک صفحه وب را در درون اپلیکیشن ما دارد.

1. ابتدا این کامپوننت را از Apache Cordova دانلود کنید و پکیج های اندروید آن را اکسترکت کنید.
   
2. وارد دایرکتوری /framework شوید و فایل ant jar. را اجرا کنید. این عمل باعث ساخت فایلی در آدرس زیر می‌شود :
   /framework/cordova-x.x.x.jar.
   
3. فایل .jar را در دایرکتوری کتاب‌خانه‌های اندروید به آدرس /libs کپی کنید.
   
4. در فایل xml اندرویدتان، کد زیر را وارد کنید:
   
   کد:

   <org.apache.cordova.CordovaWebView
     android:id="@+id/tutorialView"
     android:layout_width="match_parent"
     android:layout_height="match_parent" />
5. فایل جاوای اکتیویتی مان را هم به شکل زیر تغیر می‌دهیم:
   
   کد:

   public class CordovaViewTestActivity extends Activity implements CordovaInterface {
     CordovaWebView cwv;
     /* Called when the activity is first created. */
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
         cwv = (CordovaWebView) findViewById(R.id.tutorialView);
         Config.init(this);
         cwv.loadUrl(Config.getStartUrl());
     }
6. این کد را هم در آخر جاوا اضافه کنید :
   
   کد:

   @Override
public ExecutorService getThreadPool() {
     return threadPool;
}
7. صفحه html خود را هم در آدرس /assets/www کپی کنید و در جاوا به آن لینک دهید.
   
8. و در آخر فایل config.xml را از /framework/res/xml به دایرکتوری /res/xml منتقل کنید. (در پروژه)
   

این هم فیلمی که پیدا کردم:
آموزش استفاده از کوردوا وب ویوو
برای دانلود ویدیو از سایت کانورت تو ام پی تری و یا زودآپ استفاده کنید.



منبع:
Apache Cordova API Documentation

در مورد مزایی این روش نسبت به webview خود اندروید هم بدانید که امکان دسترسی به منابع سخت افزاری بیشتری دارید.
اگر میخواهید برنامهتان آنلاین کار کنند یادتان نرود که دسترسی اینترنت را در فایل مانیفست اضافه کنید:

کد:

<uses-permission android:name="android.permission.INTERNET" />

مزیت ها

<sub>مهم ترین مزیّتش اینه که از لحاظ امکانات نامحدود می‌شید!
Apache Cordova ده‌ها پلاگین داره، به شما اجازه می‌ده هر وقت که خواستید از طریق همون فایل HTML هر کاری که خواستید در هر وقتی انجام بدین. یعنی با استفاده از پلاگین‌هاش می‌تونید امکانات جاوااسکریپت رو افزایش بدین. شاید خیلی کارها باشه که انجامش با جاوااسکریپت تقریباً غیر ممکن باشه (مثل پرداخت درون‌برنامه و…) ولی مثلاً با Cordova می‌تونید این امکان رو اضافه کنید. شاید می‌گید خوب چه فرقی می‌کنه با Cordova اضافه بشه یا اینکه خودمون جداگانه اون رو اضافه کنیم؛ فرقش در اینه که بعد به ایونت‌های بازی‌تون دسترسی ندارید. مثلاً شاید نتونید بگید هر موقع توی بازی فلان اتّفاق افتاد تبلیغات رو نشون نده و… (البته شاید این امکان وجود داشته‌باشه ولی من خبر ندارم)

همون طور هم که می‌دونید چند وقتیه خروجی اندروید کانستراکت کلاً اسمش به Cordova تغییر کرده. یعنی خود سیرا این روش رو برای خروجی پیشنهاد می‌ده. درضمن خیلی از خروجی‌های دیگه هم با Cordova سازگاری کامل دارند (مثل Crosswalk)</sub>

[Nano-Games]

این روش ویژگیهاش مثل همون بیسیک فور اندرویده ؟
یعنی مثلا فول اسکرین و حجم کمتر واینا رو داره ؟

[mehrad77]

در واقع همونه! فقط به جای وب ویوو ، کوردوا وب ویوو میزارید

[mostafanastary]

سلام.ممنون بابت آموزش،
مزایای استفاده از این روش چیه؟

[Mojtaba]

سلام. مهم ترین مزیّتش اینه که از لحاظ امکانات نامحدود می‌شید!
Apache Cordova ده‌ها پلاگین داره، به شما اجازه می‌ده هر وقت که خواستید از طریق همون فایل HTML هر کاری که خواستید در هر وقتی انجام بدین. یعنی با استفاده از پلاگین‌هاش می‌تونید امکانات جاوااسکریپت رو افزایش بدین. شاید خیلی کارها باشه که انجامش با جاوااسکریپت تقریباً غیر ممکن باشه (مثل پرداخت درون‌برنامه و…) ولی مثلاً با Cordova می‌تونید این امکان رو اضافه کنید. شاید می‌گید خوب چه فرقی می‌کنه با Cordova اضافه بشه یا اینکه خودمون جداگانه اون رو اضافه کنیم؛ فرقش در اینه که بعد به ایونت‌های بازی‌تون دسترسی ندارید. مثلاً شاید نتونید بگید هر موقع توی بازی فلان اتّفاق افتاد تبلیغات رو نشون نده و… (البته شاید این امکان وجود داشته‌باشه ولی من خبر ندارم)

همون طور هم که می‌دونید چند وقتیه خروجی اندروید کانستراکت کلاً اسمش به Cordova تغییر کرده. یعنی خود سیرا این روش رو برای خروجی پیشنهاد می‌ده. درضمن خیلی از خروجی‌های دیگه هم با Cordova سازگاری کامل دارند (مثل Crosswalk).

[seyed]

آقا با این روش بازم اون آرم مزاحم ludei میاد اول بازی؟

[Mojtaba]

Cordova مال شرکت آپاچی هست، به Ludei ربطی نداره که بخواد آرمشو نشون بده. ما درمورد CocoonJS WebView حرف نمی‌زدیم.

[Nano-Games]

من نمیفهمم !
خب تفاوتش با خروجی در b4a چیه ؟
برتریش نسبت به اون چیه ؟

[mehrad77]

ببینید این روش هم در B4A قابل اجراست. درواقع فقط از یک نوع آبجکت دیگه استفاده میکنیم. برتریهاشم رو هم آقا مجتبی گفت.