HTML5技术

网页打包安卓APP流程 - 无梦灬(2)

字号+ 作者:H5之家 来源:博客园 2016-07-05 17:00 我要评论( )

文件中黄色体部分是需要修改的。Name标签表示我们建立的app名字,description是app描述,在Play商店中才会显示,author是作者信息,也只会在商店中显示,content表示我们打开app跳转的第一个页面,可进行修改。Icon表

         文件中黄色体部分是需要修改的。Name标签表示我们建立的app名字,description是app描述,在Play商店中才会显示,author是作者信息,也只会在商店中显示,content表示我们打开app跳转的第一个页面,可进行修改。Icon表示我们app显示的图标。这里面的路径是工程下的文件夹路径,为添加图片可建立一个文件夹res,放置需要的图片(我偷懒了,就用了一个图标)。图标可根据屏幕密度不同选择多个,设置的方式则变为:

              <icon src="res/android/ldpi.png" density="ldpi" />

        <icon src="res/android/mdpi.png" density="mdpi" />

        <icon src="res/android/hdpi.png" density="hdpi" />

        <icon src="res/android/xhdpi.png" density="xhdpi" />

        <icon src="res/android/xxhdpi.png" density="xxhdpi" />

        <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />

Preference标签中定义了日志等级,最小SDK版本、最大SDK版本和指定的SDK版本。14表示安卓4.0版本,23表示安卓6.0版本,这一部分不设置则会有一个默认的值,也可不添加。

7.下面就是插件的使用及应用构建

       插件的使用以二维码为例吧,由于bacodescanner比较特殊,需要单独引入js文件,所以我们先将barcodescanner.js复制到我们www文件夹下。

 

路径下取出插件的js文件放置到我们www文件夹下。

在构建的网页中引用两个文件:

        <script type="text/javascript" src="cordova.js"></script>

        <script type="text/javascript" src="barcodescanner.js"></script>

然后在body里面添加

<button>扫码</button>

调用二维码控件:

function inputScan(){

        cordova.plugins.barcodeScanner.scan(

     function (result) {

         alert("We got a barcode\n" +

               "Result: " + result.text + "\n" +

               "Format: " + result.format + "\n" +

               "Cancelled: " + result.cancelled);

     },

     function (error) {

         alert("Scanning failed: " + error);

     }

  );

 }

 

 

 

还有一点要注意的是:生成的示例的文件中第一个Meta要去掉,因为它禁了网页内编写js,我们这样写就会失效,如果是单独的Js文件是不影响的。

 

最后一步终于来了:

使用 cordova build android  --release命令来生成apk文件。如果没有报错的话就会在

platforms\android\build\outputs\apk

生成一个带签名,一个不带签名的文件。这样我们就生成了一个apk文件。基本上完成了。

如果是第一次打包,npm会自动下载gradle打包工具,也可以自己下载好配置一下全局变量,我就偷懒了,直接让它自己下载了。这个下载过程比较长,得耐心等待。

注意:如果不带有—release命令则生成的是debug版本的。正式版本是需要key的,可能使用ecsllape生成一个,在项目目录下添加了一个build.json,其内容如下:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网页适应所有屏幕宽度 - 侧耳倾听一场梦

    网页适应所有屏幕宽度 - 侧耳倾听一场梦

    2017-04-22 10:00

  • 网页版扫雷游戏 - 季末的寂寞

    网页版扫雷游戏 - 季末的寂寞

    2017-04-21 13:00

  • 基于CSS的个人网页 - 汕大-吴广林

    基于CSS的个人网页 - 汕大-吴广林

    2017-04-21 12:00

  • 开源 免费使用 打包下载自行部署 :升讯威 周报系统 - sheng.chao

    开源 免费使用 打包下载自行部署 :升讯威 周报系统 - sheng.chao

    2017-03-28 13:00

网友点评
h