Website PHP Tutorial
Template Website
Business Info
Blogger Templates
Free CSS Template
Online Tools
Do You Want to use our services or want to establish cooperation please contact us on whatsapp +6285244351343

Artikel Terbaru , 2020-03-09

Convert website to a Webview APK

PenulisIndra Rani

Convert website to a Webview APK

Convert website to a Webview APK

Published : 2020-03-09 by Indra Rani | Website PHP Tutorial

Convert website to a Webview APK

Sitemap Convert website to a Webview APK

Hi all . do you have a website / blog sometimes we as website owners cannot maintain our visitors because some visitors are looking for content using Google's search engine. therefore making an APK may be one of the best choices for maintaining your website visitors. There are several ways to make a website into an APK. here I will explain how to make your website an APK using Phonegap. directly, you can go to the phonegap site at https://build.phonegap.com You can register first if you don't have an account.  

Requires Keystore before Convert website to a Webview APK

Before you create an APK, you must have a keystore file to make your APK as a release version.  but if you don't have KEYSTORE yet, then you can read the tutorial to create a keystore on this link. https://maniac-developer.com/en/read/how-to-make-a-keystore-to-build-an-apk-311.html

Code for Convert website to a Webview APK

After that, you can make 2 files named 
1. Index.html 
2. config.xml

3. logo.png

This is the code for your index.html.

<!DOCTYPE html>

   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 body,html{width : 100%; height: 100%; overflow:hidden; background: #f9f9f9;padding:0px;margin:0px !important;  }
 *{    box-sizing: border-box;}

<iframe src="URLYOURSITE" style="width:100vw;padding:0px;margin:0px !important;  height:100vh; overflow:auto; border:0px !important"> </iframe> 

Code For Config.xml

<?xml version="1.0" encoding="UTF-8"?>
<widget id="com.emag.pastrynbakery" version="0.0.3" xmlns="http://www.w3.org/ns/widgets"
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Your APP  Name</name>
Description your app
<author rel="nofollow" href="https://maniac-developer.com" email="indra.novhyta@gmail.com">
  Indra Rani

<content src="index.html" />
<preference name="permissions" value="none" />
<preference name="orientation" value="default" />
<preference name="webviewbounce" value="false" />
<preference name="exit-on-suspend" value="false" />
<preference name="loadUrlTimeoutValue" value="700000" />

<preference name="target-device" value="universal" />
<preference name="android-minSdkVersion" value="14" />
<preference name="android-targetSdkVersion" value="28" />
<preference name="DisallowOverscroll" value="true" />
<preference name="orientation" value="portrait" />
<preference name="android-build-tool" value="gradle" />
<icon  src="logo.png" /> 

<access origin="*"/>
<plugin name="cordova-plugin-whitelist" version="1" />  
<allow-intent rel="nofollow" href="http://*/*" />
<allow-intent rel="nofollow" href="https://*/*" />
<allow-intent rel="nofollow" href="tel:*" />
<allow-intent rel="nofollow" href="sms:*" />
<allow-intent rel="nofollow" href="mailto:*" />
<allow-intent rel="nofollow" href="geo:*" />
<allow-intent rel="nofollow" href="market:*" /> 

After you make the code above, then you need to compress your code into ZIP. and upload it on the phonegap site. like in the picture below

After you upload your ZIP, then you just click "READY TO BUILD". After you upload your ZIP, then you just click "READY TO BUILD". after you click, it will appear as shown below.

Your APK is still in the BETA / test stage. to make it a release version, you can click the "NO KEY SELECTED" button. and enter your keystore. 

Make sure you click the LOCK button. to enter your keystore password. And finished. You just have to download your APK. and upload to Playstore 

Dont forget for share . 

6 Latest articles

Update your latest information by increasing reading. Knowledge is not everything but everything requires knowledge