There are many ways in order to convert your Webapp to Mobile Application. First of all we have to know that ” What is Web app “. So basically Web-app is a web application is an application software that runs on a web server, unlike computer-based software programs that are stored locally on the Operating System of the device. Web applications are accessed by the user through a web browser with an active internet connection.
Now we have to know that what is mobile app A mobile application, also referred to as a mobile app or simply an app, is a computer program or software application designed to run on a mobile device such as a phone, tablet, or watch.
So to convert our web-app to mobile application or to apk there are 2 ways.
First way to convert Web-app to mobile application is by conveerting it thorugh website —
Yes, we can convert any website to mobile application by using some websites I am listing some of the websites and its link by which you will be able to do it.
1. Appsgeyser –– Here you can convert any website Yes you read it right You can convert any website to mobile application by which it will be useful to you or to publish it at any store. But try to avoid copyright.
2. Appypie — Appypie is a great site to convertany website to mobile application. Here also you just have to signup and provide your url and it will convert it. But it will show some banner and advertisements which any user doesn’t likes. Appy Pie is a No-code development platform released for Android, iOS, Fire OS, Windows Phone, and BlackBerry platforms that allows its users to create and monetize different types of mobile apps. It also features its own marketplace to show off apps created through it.
3. Appmysite — AppMySite online app builder helps businesses convert website into app. Design native, Android & iOS mobile app. Create an app from website in 3 easy steps. It is very easy to make it. Appmysite is also available at google play store if you want to download it you can go through this link.
Here also you just have to provide your url it will convert it automatically.
But there are some pricing and you may have to pay for it.
4.GoNative — Convert your website into native Android and iOS. Here the advantage it will convert your web-app to app for android as well as IOS so you don’t have to make any more application for IOS category. And it is totally free you can access its all features free by just signing up. Its a good platform if you are looking to convert your Web-app to mobile application.
5. Web2Application — Turn any responsive website into app– beautiful native IOS and android platform by just 3 easy steps.
Here also you just have to provide you url and it will convert it into mobile application automatically.
There is a pricing list which in which you have to pay. To get your service done.
Second method is by doing some coding and by extracting it by android studio.
So lets create a project.
Step 1 – Create new Android project.
Provide Activity name as EasyOnlineConverter
Step 2 – Add an webView to your activity as shown in the picture below.
layout/activity_main.xml
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
android:layout_height=“match_parent”
tools:context=“.MainActivity”>
<WebView
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:id=“@+id/webView”
android:layout_alignParentLeft=“true”
android:layout_alignParentStart=“true”
android:layout_alignParentTop=“true”
android:layout_alignParentRight=“true”
android:layout_alignParentEnd=“true” />
</RelativeLayout>
|
src/main/AndroidManifest.xml
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<?xml version=“1.0” encoding=“utf-8”?>
package=“com.example.programmingknowledge.easyonlineconverter” >
<uses–permission android:name=“android.permission.INTERNET”></uses–permission>
<application
android:allowBackup=“true”
android:icon=“@drawable/ic_launcher”
android:label=“@string/app_name”
android:theme=“@style/AppTheme” >
<activity
android:name=“.MainActivity”
android:label=“@string/app_name” >
<intent–filter>
<action android:name=“android.intent.action.MAIN” />
<category android:name=“android.intent.category.LAUNCHER” />
</intent–filter>
</activity>
</application>
</manifest>
|
MainActivity.java
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
package com.example.programmingknowledge.easyonlineconverter;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends ActionBarActivity {
private WebView myWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myWebView = (WebView)findViewById(R.id.webView);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
myWebView.setWebViewClient(new WebViewClient());
}
@Override
public void onBackPressed() {
if(myWebView.canGoBack()) {
myWebView.goBack();
} else {
super.onBackPressed();
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
|
menu/menu_main.xml
|
1
2
3
4
5
6
|
<item android:id=“@+id/action_settings” android:title=“@string/action_settings”
android:orderInCategory=“100” app:showAsAction=“never” />
</menu>
|
OUTPUT
Now run your android app, it will create you web-app to android app.
If you want to donwload source code then click below button.
Degital marketing
Degital marketing
Yeah sure jayesh,
Stay connected with us your recommended topic will be available ASAP.