عمل تطبيق سهل لموقعك بستخدام webview

[CoderAden]

السلام عليكم ورحمة الله وبركاتة

اليوم درسنا سهل جداً وبسيط جداً وهوا كيفية عمل تطبيق سهل لموقعك طبعاً يفيد هذا الدرس لكثير من المواقع المتوافقة مع الهواتف المحمولة بشكل اساسي وحصراً فبدالاً من دفع الاموال الطائلة للمبرمجين والمبالغين بالاسحار حقيقة هذا الدرس تستطيع من خلالة عمل مثل هذا التطبيق الذي سوف اشرحة لكم اليوم
نبداء كالمعتاد بفتح برنامج "Eclipse"
نقوم بإنشاء مشروع جديد ونقوم بتسميتة كما يحلو لنا في المتال قمت بتسميتة SwalifWebview

• اولاً نقوم بالذهاب الى activity_main.xml

ونقوم بوضع اذاة WebView في layout
ملاحظة : نستطيع كتابة الكود التالي لكي يتولد بطريقة يدوية وانا افضل الطريقة اليدوية لعدد من الاسباب وهي التعود على كتابة الاكواد في المستقبل سوف يتطلب علينا كتابة الاكواد ولهذا من الاساس نقوم بكتابة الاكواد للتعود او تستيطع ان تقوم بستخدام الادوات الجهازة التي يوفرها التطبيق ...

او عن طريق الكود التالي :-

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="fill"
    tools:context="net.Swalif.Webview.MainActivity" >


    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" />


</RelativeLayout>

• الانتقال الى MainActivity.java لكي نقوم ببرمجة ووضع الروابط الخاصة التي نريد فتح التطبيق

اولاً نقوم بتعريف المتغيرات التي سوف نستخدمها في التطبيق وهي كالتالي :-

قمت بعمل تعليقات في الاكواد لكي تكون واضحة للجميع

import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.os.Bundle;
import android.app.Activity;
import android.view.Window;

الان نقوم ببرمجة Activity الخاص بالتطبيق

 // Declare Variables
    WebView webview;


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Prepare the progress bar
        requestWindowFeature(Window.FEATURE_PROGRESS);
        // Get the view from webview.xml
        setContentView(R.layout.activity_main);


        // Locate the WebView in webview.xml
        webview = (WebView) findViewById(R.id.webview);


        // Enable Javascript to run in WebView
        webview.getSettings().setJavaScriptEnabled(true);


        // Allow Zoom in/out controls
        webview.getSettings().setBuiltInZoomControls(true);


        // Zoom out the best fit your screen
        webview.getSettings().setLoadWithOverviewMode(true);
        webview.getSettings().setUseWideViewPort(false);


        // Load URL
        webview.loadUrl("http://www.swalif.net/softs/");


        // Show the progress bar
        webview.setWebChromeClient(new WebChromeClient() {
            public void onProgressChanged(WebView view, int progress) {
                setProgress(progress * 100);
            }
        });


        // Call private class InsideWebViewClient
        webview.setWebViewClient(new InsideWebViewClient());


    }


    private class InsideWebViewClient extends WebViewClient {
        @Override
        // Force links to be opened inside WebView and not in Default Browser
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;


        }


    }


}

• اعطاء التصاريح لكي يستطيع المستخدم الدخول للموقع بشكل كامل نتوجة لملف AndroidMainfest.xml المحدد باللون الاحمر في الصورة التالية وبعد ذلك نتوجة للتبويب Permissions ونقوم بإعطاء الترخيص الخاص بالانترنت android.permission.INTERNET او نقوم بكتابة الامر يدوياً بالتوجة الى تبويب AndroidMainfest وكتابة الكود التالي اسفل الوسم <uses-sdk

والكود كالتالي :-

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

والنتيجة كالتالي :-

اي سؤال انا متواجد وقريباً تطبيق سوالف سوفت على متجر GooglePlay اهذاء الى هذا الصرح الرائع

[غزوان]

جميل جداً ما شاء الله عليك , ممكن تضيف كود تحقق إذا لم يوجد إتصال فعلي بالانترنت يعرض صورة او إي محتوى يفيد بتطلب التطبيق بضرورة الاتصال بالانترنت .

[سيرياتوك]

مشكور ياغالي
بارك الله فيك

[al3abmizo]

شكرا افدتنا كثير