CODEWITHSUNDEEP
javascriptandroidhtmlweb-applicationsoffline
Hariom Prajapati
Hariom Prajapati

Reputation: 11

How to convert a web app to android app without 'url' in offline mode?

I make a web app using HTML canvas.I want to convert my web app to an android app. But main problem is that my app's all file in my device offline and I have no url of my HTML web app project but have only files of project. Can anyone tell me how to convert my HTML project to android app?

Upvotes: 1

Views: 876

Answers (2)

Sandeep Yohans
Sandeep Yohans

Reputation: 983

Ok so I willl tell you how to get started with creating a basic app with local HTML pages.

  1. Download Android Studio IDE.
  2. Create Android project with Empty Activity.
  3. Put all your html pages in asset folder:

add android assets folder

  1. Add WebView to your view (replace the code in your activity_main.xml file with this)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:background="#FFFFFF"
 android:layout_height="match_parent">

<WebView
 android:layout_width="match_parent"
 android:id="@+id/webView"
 android:layout_height="match_parent"
 android:layout_margin="10dp"/>
</RelativeLayout>

  1. Load the HTML pages in WebView from your Activity class in onCreate():

    setContentView(R.layout.activity_main);

    WebView webView = findViewById(R.id.webView);

    webView.loadUrl("file:///android_asset/xyz.html");

To know more on how to use WebView in Android app efficiently refer this doc.

Upvotes: 1

Tun_Tauk
Tun_Tauk

Reputation: 11

Do you mean project.js (javascript file)? If your project only contains Html, css, and javascript, the easiest way is using Ionic framework. Start with node.js. First, convert your project into a node project and then convert it to an ionic project.

Upvotes: 0

Related Questions