美文网首页
给WEB网页套上一个壳,变身APP

给WEB网页套上一个壳,变身APP

作者: 844b9a3a3a68 | 来源:发表于2019-01-29 16:20 被阅读33次

最近打算写一些前端网页,为了方便查阅,突发奇想,将前端网页嵌套在APP内部,而APP可以安装在手机,岂不是可以随时查阅了么,比如自己写的博客,让它成为一个独立的APP安装在手机上,岂不是锦上添花?

1.仓库地址

2.克隆代码(建议直接从仓库fork):

git clone https://gitee.com/Chaoc/PeakWebApp.git

3.修改个人配置:

#打开项目根目录下config.gradle文件
ext {
    //App安装到手机上的名字
    app_name = "淘宝"
    //是否从本地加载网页
    isLocal = "false"
    //应用包名
    application_id = "com.peakchao.webapp"
    //isLocal = "true":说明从本地加载网页,你只需将你的网页源码放到项目app/src/main/assets目录下即可
    //isLocal = "false":说明不从本地加载网页,而是从加载下面web_url
    web_url = "http://demo.wex5.com/taobao/index.html?device=m"
}
#App桌面图标替换路径:app/src/main/res/drawable-xxhdpi/ic_launcher.jpg

4.打包(打包前先push你的代码到仓库):

下载APK 新建构建 构建信息 apk下载

5.运行:

应用 运行

相关文章

  • 给WEB网页套上一个壳,变身APP

    最近打算写一些前端网页,为了方便查阅,突发奇想,将前端网页嵌套在APP内部,而APP可以安装在手机,岂不是可以随时...

  • APP功能的开发方式

    现在市场上存在的几种开发方式如下 a.web网页加壳生成APP b.Web网页+原生态混编(网页部分占80%以上)...

  • IOS WKWebView H5支付打开支付宝/微信客户端

    近期公司项目中的App使用WKWebView封装作为一个壳,加载web的网页,其中的支付使用的是H5支付,在APP...

  • IOS WKWebView H5支付打开支付宝/微信客户端

    近期公司项目中的App使用WKWebView封装作为一个壳,加载web的网页,其中的支付使用的是H5支付,在APP...

  • PWA 使用和配置说明

    PWA介绍 Progressive Web App, 即渐进式WEB应用,简称PWA。 一个网页添加上 App M...

  • 什么是Hybrid APP

    Native App: 本地应用程序(原生App) Web App:网页应用程序(移动web) Hybrid Ap...

  • 初识PWA及其他类型App的对比

    PWA,Progressive Web App 渐进式网页应用,渐进式接近原生app的web app   本质是W...

  • PWA学习

    PWA全称Progressive Web App,即渐进式WEB应用。 一个 PWA 应用首先是一个网页, 可以通...

  • 京东APP收银台Kotlin化实践

    我们把移动端App分为四大类 React/Flutter App Web App(纯网页) Native App(...

  • PWA

    PWA(Progressive Web App,渐进式网页应用),就是Web App的一种高级形式,它同时具备了W...

网友评论

      本文标题:给WEB网页套上一个壳,变身APP

      本文链接:https://www.haomeiwen.com/subject/cbmxsqtx.html